:root{--transparent-l1: rgba(0, 0, 0, 0);--transparent-l2: rgba(0, 0, 0, .1);--transparent-l3: rgba(0, 0, 0, .15);--transparent-s: rgba(255, 255, 255, .1);--transparent-s5: rgba(255, 255, 255, .5)}@keyframes logoFadeIn{0%{opacity:0}50%{opacity:0}to{opacity:1}}#new-header-section.width-no{position:absolute;top:0;width:100%;height:100%;z-index:99}.transparent-logo{display:none}.transparent{position:relative}@media only screen and (max-width:991px){.transparent:not(:has(input:focus)) .header-notice-container{background:var(--transparent-l3)}.transparent:not(:has(input:focus)) .header-main-conatiner__mobile{background:var(--transparent-l)}.transparent:not(:has(input:focus)) .header-main-conatiner__mobile .nt-logo{filter:brightness(0) invert(1)}.transparent:not(:has(input:focus)) .header-main-conatiner__mobile .transparent-logo{display:block;opacity:1}.transparent:not(:has(input:focus)) .header-main-conatiner__mobile div .search-form{background:var(--transparent-s5);max-width:420px}.transparent .header-main-conatiner__mobile #new-searchbar-snippet{justify-content:center}.transparent:not(:has(input:focus)) .header-main-conatiner__mobile div .search-form .search-input::placeholder{color:#fff}.transparent:not(:has(input:focus)) .header-main-conatiner__mobile svg path{stroke:#fff!important}.home-slider .home-slider-content .slide-body .slide-banner{height:100%!important}.home-slider .home-slider-content .slide-body .slide-banner picture{display:flex!important;height:100%!important}.home-slider .home-slider-content .slide-body .slide-banner picture img{object-fit:cover!important;height:100%!important}.home-slider .home-slider-content .slide-body .slide-video{height:var(--custom-svh, 100vh)!important;width:100vw!important;object-fit:cover!important}}@media only screen and (min-width:992px){.transparent .main-logo a{position:relative;display:inline-block;height:34px;width:auto;min-width:96px;z-index:999}.transparent .main-logo-img{position:absolute;top:0;left:0}.transparent .transparent-logo{display:block}.transparent:has(#new-main-header:hover) .transparent-logo,.transparent:has(.header-notice-container:hover) .transparent-logo{opacity:0}.transparent:has(#new-main-header:hover) .nt-logo,.transparent:has(.header-notice-container:hover) .nt-logo{opacity:1}.transparent:not(:has(#new-main-header.sticky)):not(:has(#new-main-header:hover)):not(:has(.header-notice-container:hover)) .header-notice-container{background:var(--transparent-l3)}.transparent:not(:has(#new-main-header.sticky)):not(:has(#new-main-header:hover)):not(:has(.header-notice-container:hover)) .header-main-conatiner{background:var(--transparent-l1)}.transparent:not(:has(#new-main-header.sticky)):not(:has(#new-main-header:hover)):not(:has(.header-notice-container:hover)) .header-main-conatiner .nt-logo{filter:brightness(0) invert(1)}.transparent:not(:has(#new-main-header.sticky)):not(:has(#new-main-header:hover)):not(:has(.header-notice-container:hover)) .header-main-conatiner .transparent-logo{display:block}.transparent:not(:has(#new-main-header.sticky)):not(:has(#new-main-header:hover)):not(:has(.header-notice-container:hover)) .header-main-conatiner div .search-form{background:var(--transparent-s)}.transparent:not(:has(#new-main-header.sticky)):not(:has(#new-main-header:hover)):not(:has(.header-notice-container:hover)) .header-main-conatiner div .search-form .search-input::placeholder{color:#fff}.transparent:not(:has(#new-main-header.sticky)):not(:has(#new-main-header:hover)):not(:has(.header-notice-container:hover)) .right-options .phone p{color:#fff!important}.transparent:not(:has(#new-main-header.sticky)):not(:has(#new-main-header:hover)):not(:has(.header-notice-container:hover)) .right-options .phone p a{color:#fff!important}.transparent:not(:has(#new-main-header.sticky)):not(:has(#new-main-header:hover)):not(:has(.header-notice-container:hover)) .cart-title{color:#fff}.transparent:not(:has(#new-main-header.sticky)):not(:has(#new-main-header:hover)):not(:has(.header-notice-container:hover)) .header-main-conatiner svg path{stroke:#fff!important}.transparent:not(:has(#new-main-header.sticky)):not(:has(#new-main-header:hover)):not(:has(.header-notice-container:hover)) .header-megamenu-container{background:var(--transparent-l1);margin-top:0}.transparent:not(:has(#new-main-header.sticky)):not(:has(#new-main-header:hover)):not(:has(.header-notice-container:hover)) .header-megamenu-container .megamenu-wrapper ul.megemenu-list li.megamenu-item a{color:#fff!important}}
/*# sourceMappingURL=/cdn/shop/t/182/assets/transparent-header.css.map */