.header--scroll-effect .header__underlay-closed{background:transparent}.header.header--scroll-effect{view-transition-name:none}#header-component.header--scroll-effect{--header-logo-display: block;--header-logo-inverse-display: none;--closed-underlay-height: 0px}.header--scroll-effect .header__row{--color-foreground: #fff;--color-foreground-rgb: 255 255 255;--color-foreground-heading: #fff;--color-border: rgb(255 255 255 / .3);--color-border-rgb: 255 255 255}.header--scroll-effect .header-logo__image-container--original img{filter:brightness(0) invert(1)}.header--scroll-effect .header__row--top{--_width: var(--header-width, 95);--_margin-top: var(--header-margin-top, .8);--_margin-x: var(--header-margin-x, 1);max-width:calc(var(--_width) * 1%);margin-top:calc(var(--_margin-top) * 10px);margin-left:auto;margin-right:auto;border-radius:400px}.header--scroll-effect .header__row--top:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background-color:#0003;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);pointer-events:none}@media screen and (min-width:990px){.header--scroll-effect .header__row--top{border-radius:30px}.header--scroll-effect .header__row--top:before{background-color:#14181740;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}}.header--scroll-effect .header__underlay-open{top:calc(var(--header-height) + 8px);height:max(0px,calc(var(--full-open-header-height) - var(--header-height)));max-width:calc(var(--header-width, 95) * 1%);margin-left:auto;margin-right:auto;border-radius:30px;background:#14181740;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}.header--scroll-effect .header__underlay-open:after{content:none}@media screen and (max-width:989px){.header--scroll-effect .header__row--top{max-width:calc(100% - var(--_margin-x) * 20px)}}#header-component.header--scroll-effect .cart-bubble{--color-primary-button-background: var(--hekaa-orange, #ff751f);--color-primary-button-text: #fff}#header-component.header--scroll-effect.header--sur-orange .cart-bubble{--color-primary-button-background: #fff;--color-primary-button-text: var(--hekaa-orange, #ff751f)}
/*# sourceMappingURL=/cdn/shop/t/15/assets/header-scroll-effect.css.map */