.reels{padding:var(--pt, 56px) 0 var(--pb, 56px)}.reels__head{text-align:center;margin-bottom:3rem}.reels__eyebrow{margin:0 0 1rem;color:#8c6e32;opacity:.9}.reels__heading{margin:0;font-size:clamp(2.6rem,3.6vw,4rem)}.reels__sub{margin:1.2rem auto 0;max-width:52rem;font-size:1.6rem;opacity:.75}.reels__viewport{position:relative}.reels__row{display:flex;gap:1.6rem;overflow-x:auto;padding:.6rem clamp(1.6rem,5vw,5rem) 2rem;scrollbar-width:none}.reels__row::-webkit-scrollbar{display:none}.reels__nav{position:absolute;top:calc(50% - 1rem);transform:translateY(-50%);z-index:4;width:4.4rem;height:4.4rem;border:none;border-radius:50%;background:#fff;color:#8c6e32;cursor:pointer;display:grid;place-items:center;box-shadow:0 8px 22px -8px #8c6e3280;transition:transform .2s ease,background .2s ease}.reels__nav:hover{transform:translateY(-50%) scale(1.08);background:#b8924a;color:#fff}.reels__nav svg{width:2rem;height:2rem}.reels__nav--prev{left:1rem}.reels__nav--next{right:1rem}.reels__card{position:relative;flex:0 0 auto;width:clamp(20rem,23vw,25rem);aspect-ratio:9 / 16;border:none;padding:0;border-radius:20px;overflow:hidden;scroll-snap-align:center;background:#efe4cb;cursor:pointer;box-shadow:0 12px 30px -16px #8c6e3280;transition:transform .35s ease,box-shadow .35s ease}.reels__card:hover{transform:translateY(-6px);box-shadow:0 22px 44px -18px #8c6e3299}.reels__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.reels__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#140e1080,#140e1000 38%)}.reels__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:5.4rem;height:5.4rem;border-radius:50%;background:#ffffffeb;color:#8c6e32;display:grid;place-items:center;opacity:.85;transition:transform .3s ease,opacity .3s ease}.reels__card:hover .reels__play{transform:translate(-50%,-50%) scale(1);opacity:1}.reels__play svg{width:2.4rem;height:2.4rem;margin-left:3px}.reels__caption{position:absolute;left:1.2rem;right:1.2rem;bottom:1.2rem;color:#fff;font-weight:600;font-size:1.4rem;text-align:left;text-shadow:0 1px 6px rgba(0,0,0,.5)}@media screen and (max-width:749px){.reels__card{width:64vw}.reels__nav{display:none}}.reels-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;gap:2vw;background:#120c0eeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:reelsFade .25s ease}.reels-modal[hidden]{display:none}@keyframes reelsFade{0%{opacity:0}to{opacity:1}}.reels-modal__stage{position:relative;height:min(86vh,760px);aspect-ratio:9 / 16;max-width:92vw;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 30px 80px #00000080}.reels-modal__video{width:100%;height:100%;object-fit:cover;display:block;background:#000}.reels-modal__shop{position:absolute;left:1.4rem;right:1.4rem;bottom:1.4rem;text-align:center;z-index:2}.reels-modal__close{position:absolute;top:1.6rem;right:1.6rem;width:4.4rem;height:4.4rem;border:none;border-radius:50%;background:#ffffff24;color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .2s ease}.reels-modal__close:hover{background:#ffffff47}.reels-modal__close svg{width:2.2rem;height:2.2rem}.reels-modal__nav{width:5rem;height:5rem;flex:0 0 auto;border:none;border-radius:50%;background:#ffffff24;color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .2s ease,transform .2s ease}.reels-modal__nav:hover{background:#ffffff4d;transform:scale(1.06)}.reels-modal__nav svg{width:2.4rem;height:2.4rem}@media screen and (max-width:749px){.reels-modal{gap:0}.reels-modal__stage{height:84vh;max-width:96vw}.reels-modal__nav{position:absolute;bottom:2rem;width:4.2rem;height:4.2rem;background:#fff3}.reels-modal__nav--prev{left:2rem}.reels-modal__nav--next{right:2rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-reels.css.map */