.focus-carousel-section{padding:48px 0}.focus-carousel__heading{text-align:center;margin:0 0 32px;font-size:clamp(1.4rem,3vw,2.2rem)}.focus-carousel{position:relative;width:100%;overflow:hidden;padding:36px 0 52px;user-select:none;-webkit-user-select:none;touch-action:pan-y;box-sizing:border-box;--fc-bleed: 0px}.focus-carousel__track{display:flex;align-items:center;gap:var(--carousel-gap, 16px);will-change:transform}.focus-carousel__slide{flex:0 0 72%;width:72%;flex-shrink:0;position:relative;cursor:pointer;transform-origin:center center;margin-left:calc(-1 * var(--fc-bleed));margin-right:calc(-1 * var(--fc-bleed));transition:opacity .42s ease,filter .42s ease}@media(min-width:768px){.focus-carousel__slide{flex:0 0 calc((100% - 4 * var(--carousel-gap, 16px)) / 4);width:calc((100% - 4 * var(--carousel-gap, 16px)) / 4)}}.focus-carousel__slide.is-center{cursor:default;z-index:2}.focus-carousel__slide-inner{border-radius:var(--carousel-radius, 10px);overflow:hidden;position:relative;box-shadow:0 4px 20px #0000001a;transition:box-shadow .42s ease;background:#e0e0e0}.focus-carousel__slide.is-center .focus-carousel__slide-inner{box-shadow:0 12px 44px #00000038}.focus-carousel__img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.focus-carousel__placeholder{aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;background:#e0e0e0}.focus-carousel__placeholder-svg{width:50%;height:50%;opacity:.35}.focus-carousel__caption{position:absolute;bottom:0;left:0;right:0;padding:20px 20px 16px;margin:0;background:linear-gradient(to top,rgba(0,0,0,.65) 0%,transparent 100%);color:#fff;font-size:.92rem;line-height:1.35;text-align:center;opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.focus-carousel__slide.is-center .focus-carousel__caption{opacity:1;transform:translateY(0)}.focus-carousel__btn{position:absolute;top:50%;transform:translateY(-50%);margin-top:-12px;z-index:10;width:36px;height:36px;border-radius:50%;border:none;background:#00000059;color:#ffffffe6;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.focus-carousel__btn:hover{background:#000000a6}.focus-carousel__btn--prev{left:8px}.focus-carousel__btn--next{right:8px}@media(min-width:768px){.focus-carousel__btn{width:42px;height:42px}.focus-carousel__btn--prev{left:16px}.focus-carousel__btn--next{right:16px}}.focus-carousel__dots{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.focus-carousel__dot{width:8px;height:8px;border-radius:50%;border:none;padding:0;background:#0000002e;cursor:pointer;transition:background .3s,width .3s,border-radius .3s}.focus-carousel__dot.is-active{background:var(--carousel-accent, #1a1a1a);width:24px;border-radius:4px}
/*# sourceMappingURL=/cdn/shop/t/35/assets/focus-carousel.css.map */