.cmf-section--cinematic{--cmf-gap: clamp(12px, 1vw, 16px);--cmf-items-per-view: 3;width:min(calc(100% - (2*clamp(32px,3.75vw,72px))),1680px);margin-inline:auto;padding-block:clamp(16px,1.5vw,24px) 0;overflow-x:clip}.cmf-heading{margin:0 0 1.5rem;text-align:center}.cmf-outer{position:relative;width:100%}.cmf-track{display:flex;gap:var(--cmf-gap);width:100%;padding:0;overflow-x:auto;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:inline mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cmf-track::-webkit-scrollbar{display:none}.cmf-slide{flex:0 0 calc((100% - (2 * var(--cmf-gap))) / 3);min-width:0;aspect-ratio:16 / 9;overflow:hidden;scroll-snap-align:start}.cmf-slide img{display:block;width:100%;height:100%;border-radius:0;object-fit:cover;object-position:var(--cmf-focal-point, center)}.cmf-dots{display:flex;justify-content:center;gap:8px;margin-top:12px}.cmf-dots[hidden]{display:none}.cmf-dot{width:8px;height:8px;min-width:8px;min-height:8px;padding:0;border:0;border-radius:50%;background:#0003;cursor:pointer;transition:background .2s ease}.cmf-dot.active{background:#000000b3}.cmf-dot:focus-visible{outline:2px solid #fc4c01;outline-offset:4px}.cmf-arrow{position:absolute;z-index:2;top:50%;display:flex;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:#0000007a;color:#fff;cursor:pointer;opacity:1;transform:translateY(-50%);transition:opacity .2s ease}.cmf-arrow:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.cmf-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.cmf-arrow--prev{left:12px}.cmf-arrow--next{right:12px}.cmf-arrow:focus-visible{outline:2px solid #fc4c01;outline-offset:3px}@media(hover:hover){.cmf-arrow{opacity:0}.cmf-outer:hover .cmf-arrow,.cmf-arrow:focus-visible{opacity:1}}@media(max-width:1199px){.cmf-section--cinematic{--cmf-items-per-view: 2}.cmf-slide{flex-basis:calc((100% - var(--cmf-gap)) / 2)}}@media(max-width:749px){.cmf-section--cinematic{--cmf-items-per-view: 1;width:calc(100% - 32px);padding-top:16px}.cmf-arrow{width:40px;height:40px}.cmf-slide{flex-basis:100%}.cmf-arrow--prev{left:8px}.cmf-arrow--next{right:8px}}@media(prefers-reduced-motion:reduce){.cmf-track{scroll-behavior:auto}.cmf-arrow,.cmf-dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/69/assets/carousel-metafields.css.map */