.section-featured-media:has(.heading,a.c-btn){display:grid;grid-template-areas:"heading" "media" "anchor";gap:2rem}.section-featured-media:has(.heading,a.c-btn) .heading{grid-area:heading}.section-featured-media:has(.heading,a.c-btn) .wrapper{grid-area:media}.section-featured-media:has(.heading,a.c-btn) .anchor{grid-area:anchor}.section-featured-media .heading *{margin:0}.section-featured-media .wrapper{overflow:hidden}.section-featured-media .grid{display:grid;grid-template-columns:100%;gap:.5rem}.section-featured-media .media-item img,.section-featured-media .media-item video{border-radius:var(--border-radius, 0);overflow:hidden}.section-featured-media .media-item img{height:auto;width:100%;position:relative;z-index:1;object-fit:cover;aspect-ratio:var(--aspect-ratio);transition:transform var(--transition-duration) var(--transition-timing) 0s}.section-featured-media .media-item video{height:auto;width:100%;position:relative;z-index:1;object-fit:cover;aspect-ratio:var(--aspect-ratio);transition:transform var(--transition-duration) var(--transition-timing) 0s}.section-featured-media .media-item p{margin:1rem 0 0}.section-featured-media .swiper{overflow:visible}.section-featured-media .swiper-btns{flex-direction:column;position:absolute;top:50%;right:2rem;transform:translateY(-50%);z-index:10}.section-featured-media .swiper-btns button{opacity:var(--swiper-pagination-bullet-opacity)!important}@media(min-width:768px){.section-featured-media .grid{grid-template-columns:var(--grid-columns);overflow-y:var(--grid-overflow);grid-auto-flow:column;grid-auto-columns:calc(50% - var(--gutter) * 2)}.section-featured-media .grid::-webkit-scrollbar{width:8px;height:8px}.section-featured-media .grid::-webkit-scrollbar-thumb{background:var(--colour-heavy-metal);border:6px solid var(--colour-heavy-metal);border-radius:0}.section-featured-media .grid::-webkit-scrollbar-track{background:var(--colour-akoroa)}}@media(min-width:1024px){.section-featured-media:has(.heading,a.c-btn){grid-template-areas:"heading anchor" "media media"}.section-featured-media:has(.heading,a.c-btn) .anchor{display:flex;justify-content:flex-end;align-items:center}}@media(max-width:1023.98px){.section-featured-media .swiper-btns{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-featured-media.css.map */