.section-collection-banner{height:100svh;background:var(--color-offwhite);position:relative}.collection-image-wrap{line-height:0;overflow:hidden}.collection-image-wrap img,.collection-image-wrap video{width:100%;max-height:100vh;height:100vh;object-fit:cover;object-position:top}.section-collection-banner .coll-banner-meta{position:fixed;bottom:0;width:100%;color:var(--color-owhite);transition:color .2s linear;padding:64px 0}.section-collection-banner.coll-bnr-fixed .coll-banner-meta{position:absolute}.section-collection-banner.active .coll-banner-meta{color:var(--color-black)}.coll-bnr-meta-inr{max-width:458px;margin:0 auto;display:grid;gap:16px}.coll-banner-meta .h2{font-size:24px;line-height:130%;font-weight:700;text-transform:uppercase}.coll-banner-meta .rte p{font-size:12px;font-weight:400;line-height:130%}.template-collection:has(.section-collection-banner) .main_top_section{padding-top:0}.template-collection:has(.section-collection-banner) .main_top_section .h2{display:none}.template-collection:has(.section-collection-banner) .main_top_section .collection_pro_count{margin-top:0}@media(max-width:991px){.collection-image-wrap{padding:0!important}.collection-image-wrap img,.collection-image-wrap ivideo{transform:scale(1.2);transition:transform .3s ease-out}.coll-bnr-meta-inr{max-width:330px;padding:0 10px}}@media(max-width:767px){.coll-bnr-meta-inr{max-width:100%;padding:0 10px}}@media(max-width:991px){.section-collection-banner.hero-mb-square{height:auto}.hero-mb-square .collection-image-wrap video.d-block{aspect-ratio:1/1;height:auto;max-height:none}}.hero-mute-btn{position:absolute;bottom:16px;right:16px;z-index:10;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#00000047;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#ffffffbf;cursor:pointer;transition:background .2s ease,color .2s ease;padding:0;line-height:0;opacity:.6}.hero-mute-btn:hover{background:#00000080;color:#fff;opacity:1}.hero-mute-btn svg{display:block}@media(max-width:991px){.hero-mute-btn{width:30px;height:30px;bottom:12px;right:12px;opacity:.45;border-color:#ffffff26}}@media(max-width:991px){.hero-mute-btn:hover{opacity:.75}}
/*# sourceMappingURL=/cdn/shop/t/211/assets/hero-section.css.map */