.sticky-active-works{background:var(--color-body-background)}@media(min-width:1025px){.section-header:has(sticky-header[class*=__desktop].sticky-header__inited):not(:has(.stickyinit)){position:sticky!important;top:0;z-index:20}.section-header:has(sticky-header[class*=__desktop].sticky-header__inited.sticky-header-scroll):not(:has(.stickyinit)){transition:top .6s var(--animation-bezier)}.section-header:has(sticky-header[class*=__desktop].sticky-header__inited.sticky-header-scroll):not(:has(.stickyinit)):not(:has(.sticky-active)){top:var(--top-offset, -300px)!important}.section-header:has(sticky-header[class*=__desktop].sticky-header__inited.sticky-active):not(:has(.stickyinit)) .header__top-bar{opacity:0;visibility:hidden}.vertical-sticky{position:fixed;top:0;width:100%;display:flex;flex-direction:column;justify-content:center;z-index:30;transform:translateY(-100%);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,transform .3s ease}.vertical-sticky.sticky-active-works{opacity:1;visibility:visible}.vertical-sticky:not(.sticky-active){pointer-events:none}.vertical-sticky>*{width:100%}.vertical-sticky.sticky-active{transform:none}}@media(max-width:1024px){.section-header:has(.sticky-header[class*=__mobile].sticky-header__inited):not(:has(.stickyinit)){position:sticky!important;z-index:30;background:var(--color-body-background)}.fixed-header-group .section-header{background:none!important}.section-header:has(.sticky-header[class*=__mobile].sticky-header__inited.sticky-header-scroll):not(:has(.stickyinit)){transition:top .6s var(--animation-bezier)}.section-header:has(.sticky-header[class*=__mobile].sticky-header__inited.sticky-header-scroll):not(:has(.stickyinit)):not(:has(.sticky-active)){top:-300px!important}}.sticky-activated~* .header__line{opacity:0;visibility:hidden}.sticky-activated~* .header__main:not(:has(.section-background)){background:var(--color-section-background, var(--color-body-background))}@media(max-width:1024px){body.template-product .section-header,body[class*=template-product] .section-header{position:sticky;top:0;z-index:999}body.template-product .section-header>header,body[class*=template-product] .section-header>header{position:relative;z-index:999;width:100%;background:var(--color-section-background, #fff);box-shadow:var(--shadow-header-mobile, 0 4px 14px rgba(0,0,0,.08))}body.template-product .section-header .header__mobile,body[class*=template-product] .section-header .header__mobile{background:var(--color-section-background, #fff)!important}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/component-sticky-header.css.map */