.tt-carousel{--tt-gap: 1.6rem;--tt-per-view: var(--tt-per-view-mobile, 2);--tt-gaps: var(--tt-gaps-mobile, calc(var(--tt-per-view) - 1));--tt-peek: var(--tt-peek-mobile, 0);position:relative;display:block;padding:1.6rem var(--main-padding) 0}@media screen and (min-width:750px){.tt-carousel{--tt-gap: 4.8rem;--tt-per-view: var(--tt-per-view-desktop, 4);--tt-gaps: var(--tt-gaps-desktop, calc(var(--tt-per-view) - 1));--tt-peek: var(--tt-peek-desktop, 0);padding-top:4rem}}.tt-carousel__track{display:flex;gap:var(--tt-gap);margin:0;margin-inline:calc(-1 * var(--main-padding));padding:.8rem var(--main-padding) 3.2rem;margin-bottom:-2.4rem;scroll-padding-inline:var(--main-padding);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;list-style:none}.tt-carousel--marquee .tt-carousel__track{scroll-snap-type:none}.tt-carousel__track::-webkit-scrollbar{display:none}.tt-carousel img:not([src]){visibility:hidden}.tt-carousel__track>*{flex:0 0 calc((100% + var(--tt-peek) * var(--main-padding) - var(--tt-gaps) * var(--tt-gap)) / var(--tt-per-view));min-width:0;scroll-snap-align:start}.tt-carousel--static .tt-carousel__track{justify-content:center}.tt-carousel__viewport{position:relative;container-type:inline-size}.tt-carousel__nav{position:absolute;top:calc(.8rem + (100cqw + var(--tt-peek) * var(--main-padding) - var(--tt-gaps) * var(--tt-gap)) / var(--tt-per-view) * var(--tt-media-ratio, 1) / 2);z-index:2;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:0;border-radius:50%;background:#fff;color:#2b2b2b;box-shadow:0 4px 12px #0003;cursor:pointer;transform:translateY(-50%);transition:background-color .2s ease,transform .2s ease}.tt-carousel__nav--prev{left:calc(10px - var(--main-padding))}.tt-carousel__nav--next{right:calc(10px - var(--main-padding))}.tt-carousel__nav:hover{background:#f4f4f4;transform:translateY(-50%) scale(1.1)}.tt-carousel__nav:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.tt-carousel__nav svg{width:2rem;height:2rem}.tt-carousel--static .tt-carousel__nav{display:none}@media screen and (max-width:749px){.tt-carousel__nav{width:3.2rem;height:3.2rem}.tt-carousel__nav svg{width:1.6rem;height:1.6rem}.tt-carousel__nav--prev{left:calc(4px - var(--main-padding))}.tt-carousel__nav--next{right:calc(4px - var(--main-padding))}}.tt-reels .tt-carousel{--tt-media-ratio: 16 / 9}.tt-reels .tt-carousel,.tt-reels .tt-carousel--marquee{--tt-gap: 15px}@media screen and (min-width:750px)and (max-width:767.98px){.tt-reels .tt-carousel{--tt-per-view: var(--tt-per-view-mobile, 2);--tt-gaps: var(--tt-gaps-mobile, calc(var(--tt-per-view) - 1));--tt-peek: var(--tt-peek-mobile, 0)}}.tt-reel{position:relative;display:block;width:100%;aspect-ratio:9 / 16;padding:0;border:0;border-radius:1.6rem;overflow:hidden;background:linear-gradient(160deg,#e9dfcf,#c9b79c);color:#fff;text-align:left;cursor:pointer;isolation:isolate;box-shadow:0 6px 20px #3c281414;transition:box-shadow .3s ease,transform .3s ease}.tt-reel__cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease,opacity .3s ease}.tt-reel.is-autoplaying .tt-reel__cover{opacity:0}.tt-reel__autoplay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.tt-reel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#0000 50%,#000000a6);pointer-events:none}.tt-reel__info{position:absolute;right:1.2rem;bottom:1.2rem;left:1.2rem;z-index:2;display:flex;flex-direction:column;gap:.4rem}.tt-reel__title{font-family:var(--font-heading-family);font-size:1.5rem;line-height:1.2;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.35)}.tt-reel__cta{display:none;font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffffd9}@media screen and (min-width:750px){.tt-reel__info{right:1.6rem;bottom:1.6rem;left:1.6rem}.tt-reel__title{font-size:clamp(1.5rem,1.35vw,2.2rem)}}@media screen and (min-width:1100px){.tt-reel__info{right:2rem;bottom:2rem;left:2rem}.tt-reel__cta{display:block}}@media(hover:hover){.tt-reel:hover{box-shadow:0 14px 32px #3c281429;transform:translateY(-3px)}.tt-reel:hover .tt-reel__cover{transform:scale(1.04)}}.tt-reel:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.tt-reels-open{overflow:hidden}.tt-reels__dialog{width:fit-content;max-width:none;max-height:none;padding:0;border:0;overflow:visible;background:transparent}.tt-reels__dialog::backdrop{background:#140e08d1}.tt-reels__frame video{display:block;width:min(92vw,calc((100vh - 9rem)*.5625));width:min(92vw,calc((100dvh - 9rem)*.5625));aspect-ratio:9 / 16;border-radius:1.6rem;background:#000;object-fit:cover}.tt-reels__caption{margin:1.4rem 0 0;font-family:var(--font-heading-family);font-size:2rem;text-align:center;color:#fff}.tt-reels__close{position:absolute;top:1.2rem;right:1.2rem;z-index:2;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:#00000073;color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer;transition:background-color .2s ease}.tt-reels__close:hover{background:#000000b3}.tt-reels__close:focus-visible{outline:2px solid #fff;outline-offset:2px}@media screen and (min-width:750px){.tt-reels__frame video{width:min(92vw,47.8125vh);height:85vh}}.tt-reels__close svg{width:1.6rem;height:1.6rem}.tt-box-item{margin:0;text-align:center}.tt-box-item__media{position:relative;aspect-ratio:1 / 1;border-radius:1.6rem;overflow:hidden;background:rgb(var(--color-background))}.tt-box-item__media img{width:100%;height:100%;padding:8%;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(74,52,28,.14)) drop-shadow(0 12px 14px rgba(74,52,28,.16));transition:transform .5s ease,filter .3s ease}.tt-box-item__index{position:absolute;top:1rem;left:1rem;font-size:1.1rem;letter-spacing:.08em;color:#6b665e}@media(hover:hover){.tt-box-item:hover .tt-box-item__media img{transform:translateY(-4px) scale(1.05);filter:drop-shadow(0 3px 3px rgba(74,52,28,.12)) drop-shadow(0 20px 18px rgba(74,52,28,.2))}}.tt-box-item__title{margin:1.2rem 0 0;font-family:var(--font-heading-family);font-size:1.5rem;line-height:1.3;color:rgb(var(--color-foreground-title))}@media screen and (min-width:750px){.tt-box-item__index{top:1.6rem;left:1.6rem;font-size:1.2rem}.tt-box-item__title{margin-top:1.6rem;font-size:clamp(1.5rem,1.3vw,2rem)}}@media(prefers-reduced-motion:reduce){.tt-reel,.tt-reel__cover,.tt-box-item__media,.tt-box-item__media img,.tt-carousel__nav{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/section-tt-carousels.css.map */