:root{--pwa-header-primary-50: #f8fafc;--pwa-header-primary-100: #f1f5f9;--pwa-header-primary-200: #e2e8f0;--pwa-header-primary-300: #cbd5e1;--pwa-header-primary-600: #475569;--pwa-header-primary-700: #334155;--pwa-header-primary-800: #1e293b;--pwa-header-primary-900: #0f172a;--pwa-header-shadow-card: 0 4px 20px rgba(0, 0, 0, .1), 0 1px 4px rgba(0, 0, 0, .1);--pwa-header-shadow-premium: 0 25px 50px -12px rgba(0, 0, 0, .5);--pwa-header-gap-xl: 1.5rem;--pwa-header-padding-3xs: .25rem;--pwa-header-height: 5rem;--global-header-height: var(--pwa-header-height)}.pwa-header{position:fixed;top:0;z-index:50;width:100%;transition:all .5s;background-color:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--pwa-header-shadow-premium);border-bottom:1px solid var(--pwa-header-primary-100)}@media (min-width: 769px){.pwa-header{background-color:color-mix(in srgb,var(--header-bg-color, #ffffff),transparent var(--header-bg-opacity-desktop, 0))}.pwa-header:hover{background-color:color-mix(in srgb,var(--header-bg-color, #ffffff),transparent var(--header-bg-opacity-desktop-hover, .5))}}@media (max-width: 768px){.pwa-header{background-color:color-mix(in srgb,var(--header-bg-color, #ffffff),transparent var(--header-bg-opacity-mobile, .5))}}.pwa-header.not-scrolled{box-shadow:none}.pwa-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--header-accent-color, #10b981),transparent)}.pwa-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--pwa-header-primary-300),transparent);opacity:.5}.pwa-header__container{margin:0 auto;max-width:80rem;padding:0 1rem}.pwa-header__row{display:flex;height:var(--pwa-header-height);align-items:center;justify-content:space-between;gap:1rem;width:100%}.pwa-header__logo{display:flex;align-items:center;text-decoration:none;transition:all .3s;z-index:10;position:relative;flex-shrink:0;background:transparent!important}.pwa-header__logo img,.pwa-header__logo svg{background:transparent!important;border-radius:0!important}.pwa-header__logo:hover{transform:scale(1.05)}.pwa-header__logo-box{position:relative;height:calc(var(--pwa-header-height) - 1rem);width:auto;display:flex;align-items:center;justify-content:center;background:transparent!important;border-radius:0!important;padding:0;margin:0;transition:all .3s}.pwa-header__logo:hover .pwa-header__logo-box{transform:scale(1.05)}.pwa-header__logo-img{height:100%;width:auto;object-fit:contain;background:transparent!important}.pwa-header__logo-text{margin-left:.75rem}.pwa-header__logo-title{font-size:1.5rem;font-weight:700;background:linear-gradient(to right,var(--pwa-header-primary-900),var(--pwa-header-primary-800),var(--header-accent-color, #10b981));background-clip:text;-webkit-background-clip:text;color:transparent}.pwa-header__logo-subtitle{font-size:.75rem;font-weight:500;color:var(--pwa-header-primary-600);margin-top:-.25rem}.pwa-header__nav{display:flex;gap:.25rem;z-index:5;position:relative;flex-shrink:0;flex-wrap:nowrap}.pwa-header__nav-item{position:relative}.pwa-header__nav-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.75rem;color:var(--pwa-header-primary-700);text-decoration:none;font-weight:500;transition:all .3s}.pwa-header__nav-link:hover{color:var(--pwa-header-primary-900);background-color:var(--pwa-header-primary-50);box-shadow:var(--pwa-header-shadow-card)}.pwa-header__nav-link--promo{background:linear-gradient(135deg,color-mix(in srgb,var(--header-accent-color, #10b981) 90%,white),var(--header-accent-color, #10b981));color:#fff;animation:pulse 2s infinite;position:relative;overflow:hidden}.pwa-header__nav-link--promo:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shine 3s ease-in-out infinite}@keyframes shine{0%{left:-100%}50%{left:100%}to{left:-100%}}.pwa-header__nav-icon{width:1rem;height:1rem}.pwa-header__search{flex:1;max-width:36rem;margin:0 2rem;z-index:6;position:relative}.pwa-header__search-form{position:relative;width:100%}.pwa-header__search-input{width:100%;padding:.75rem 1rem .75rem 3rem;background:#fff;border:2px solid var(--pwa-header-primary-200);border-radius:.75rem;color:var(--pwa-header-primary-900);font-weight:500;transition:all .3s}.pwa-header__search-input:focus{outline:none;border-color:var(--header-accent-color, #10b981);box-shadow:0 0 0 4px color-mix(in srgb,var(--header-accent-color, #10b981) 20%,transparent)}.pwa-header__search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--pwa-header-primary-400);transition:color .3s}.pwa-header__search-input:focus+.pwa-header__search-icon{color:var(--header-accent-color, #10b981)}.pwa-header__actions{display:flex;align-items:center;gap:.25rem;z-index:10;position:relative;flex-shrink:0}.pwa-header__action{position:relative;display:flex;align-items:center;justify-content:center;padding:.75rem;border-radius:.75rem;color:var(--pwa-header-primary-700);text-decoration:none;transition:all .3s;background:transparent;border:none;cursor:pointer}.pwa-header__action:hover{background-color:var(--pwa-header-primary-50);box-shadow:var(--pwa-header-shadow-card);color:var(--header-accent-color, #10b981)}.pwa-header__action-icon{width:1.25rem;height:1.25rem;transition:color .3s}.pwa-header__cart-badge{position:absolute;top:-.5rem;right:-.5rem;height:auto;width:auto;background:transparent;color:var(--header-accent-color, #10b981);font-size:.875rem;font-weight:800;border-radius:0;display:flex;align-items:center;justify-content:center;box-shadow:none;animation:badge-glow 2s ease-in-out infinite}@keyframes badge-glow{0%,to{text-shadow:0 0 5px color-mix(in srgb,var(--header-accent-color, #10b981) 60%,transparent),0 1px 2px rgba(0,0,0,.3)}50%{text-shadow:0 0 12px color-mix(in srgb,var(--header-accent-color, #10b981) 90%,transparent),0 0 20px color-mix(in srgb,var(--header-accent-color, #10b981) 50%,transparent),0 1px 2px rgba(0,0,0,.3)}}.pwa-header__mobile-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;background:transparent;border:none;cursor:pointer;padding:.75rem;border-radius:.5rem;transition:all .3s;margin-right:.5rem;order:-1;z-index:10;position:relative;flex-shrink:0}.pwa-header__mobile-toggle:hover{background:var(--pwa-header-primary-50)}.pwa-header__hamburger{width:1.5rem;height:1.125rem;position:relative;display:flex;flex-direction:column;justify-content:space-between}.pwa-header__hamburger-line{display:block;width:100%;height:2px;background:var(--pwa-header-primary-700);border-radius:1px;transition:all .3s ease;transform-origin:center}.pwa-header__mobile-toggle.active .pwa-header__hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.pwa-header__mobile-toggle.active .pwa-header__hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.pwa-header__mobile-toggle.active .pwa-header__hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.pwa-header__mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;visibility:hidden;opacity:0;transition:all .3s ease}.pwa-header__mobile-menu.active{visibility:visible;opacity:1}.pwa-header__mobile-menu-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pwa-header__mobile-menu-content{position:absolute;top:0;left:0;width:320px;height:100vh;background:#fff;box-shadow:var(--pwa-header-shadow-premium);border-top-right-radius:1rem;border-bottom-right-radius:1rem;overflow-y:auto;transform:translate(-100%);transition:transform .3s ease;padding-top:var(--pwa-header-height)}.pwa-header__mobile-menu.active .pwa-header__mobile-menu-content{transform:translate(0)}@media (max-width: 480px){.pwa-header__mobile-menu-content{width:280px;border-radius:0;border-top-right-radius:1rem;border-bottom-right-radius:1rem}}.pwa-header__mobile-search{padding:1rem 1.5rem;border-bottom:1px solid var(--pwa-header-primary-100);flex-shrink:0}.pwa-header__mobile-search-form{position:relative;display:flex;align-items:center;background:var(--pwa-header-primary-50);border-radius:.75rem;border:2px solid var(--pwa-header-primary-200);transition:border-color .3s}.pwa-header__mobile-search-form:focus-within{border-color:var(--header-accent-color, #10b981)}.pwa-header__mobile-search-form .pwa-header__search-icon{position:absolute;left:1rem;width:1.125rem;height:1.125rem;color:var(--pwa-header-primary-400);transition:color .3s;z-index:1}.pwa-header__mobile-search-form:focus-within .pwa-header__search-icon{color:var(--header-accent-color, #10b981)}.pwa-header__mobile-search-input{flex:1;padding:.875rem 1rem .875rem 3rem;background:transparent;border:none;font-size:1rem;color:var(--pwa-header-primary-900);outline:none}.pwa-header__mobile-search-input::placeholder{color:var(--pwa-header-primary-400)}.pwa-header__mobile-search-button{padding:.75rem;background:var(--header-accent-color, #10b981);border:none;border-radius:.5rem;color:#fff;cursor:pointer;transition:all .3s;margin:.125rem;display:flex;align-items:center;justify-content:center}.pwa-header__mobile-search-button:hover{background:color-mix(in srgb,var(--header-accent-color, #10b981) 80%,black);transform:scale(1.05)}.pwa-header__mobile-search-button svg{width:1rem;height:1rem}.pwa-header__mobile-nav{display:flex;flex-direction:column;padding:.5rem 1.5rem;flex:1;min-height:0}.pwa-header__mobile-nav-item{position:relative}.pwa-header__mobile-nav-link{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.75rem;color:var(--pwa-header-primary-700);text-decoration:none;font-weight:500;font-size:1rem;transition:all .3s;background:transparent;border:none;width:100%;text-align:left;cursor:pointer}.pwa-header__mobile-nav-link:hover{background:var(--pwa-header-primary-50);color:var(--pwa-header-primary-900);transform:translate(4px)}.pwa-header__mobile-nav-link--promo{background:linear-gradient(135deg,color-mix(in srgb,var(--header-accent-color, #10b981) 90%,white),var(--header-accent-color, #10b981));color:#fff;box-shadow:0 0 20px color-mix(in srgb,var(--header-accent-color, #10b981) 50%,transparent);animation:pulse 2s infinite;position:relative;overflow:hidden}.pwa-header__mobile-nav-link--promo:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shine 3s ease-in-out infinite}.pwa-header__mobile-nav-link--promo:hover{transform:translate(4px) scale(1.02);background:linear-gradient(135deg,var(--header-accent-color, #10b981),color-mix(in srgb,var(--header-accent-color, #10b981) 80%,black))}.pwa-header__mobile-nav-link--dropdown{justify-content:flex-start}.pwa-header__mobile-nav-link--dropdown .pwa-header__mobile-dropdown-arrow{margin-left:auto}.pwa-header__mobile-nav-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.pwa-header__mobile-dropdown-arrow{width:1rem;height:1rem;transition:transform .3s ease;flex-shrink:0}.pwa-header__mobile-dropdown-arrow.active{transform:rotate(180deg)}.pwa-header__mobile-dropdown{max-height:0;overflow:hidden;transition:all .3s ease;background:var(--pwa-header-primary-50);border-radius:.75rem;margin-top:.5rem;margin-left:1rem}.pwa-header__mobile-dropdown.active{max-height:500px;padding:.5rem 0}.pwa-header__mobile-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;color:var(--pwa-header-primary-600);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .3s;border-radius:.5rem;margin:0 .5rem}.pwa-header__mobile-dropdown-item:hover{background:#fff;color:var(--header-accent-color, #10b981);transform:translate(4px)}.pwa-header__mobile-dropdown-item-icon{width:.875rem;height:.875rem;opacity:.6}.pwa-header__mobile-actions{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid var(--pwa-header-primary-100);flex-shrink:0;margin-top:auto}.pwa-header__mobile-action{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.75rem;color:var(--pwa-header-primary-700);text-decoration:none;font-weight:500;font-size:1rem;transition:all .3s;background:var(--pwa-header-primary-50);position:relative}.pwa-header__mobile-action:hover{background:var(--pwa-header-primary-100);color:var(--header-accent-color, #10b981);transform:scale(1.02)}.pwa-header__mobile-action-icon{width:1.25rem;height:1.25rem}.pwa-header__mobile-cart-badge{position:absolute;right:.75rem;height:auto;min-width:auto;background:transparent;color:var(--header-accent-color, #10b981);font-size:.875rem;font-weight:800;border-radius:0;display:flex;align-items:center;justify-content:center;padding:0 .5rem;animation:badge-glow 2s ease-in-out infinite}body.mobile-menu-open{overflow:hidden;height:100vh}@media (max-width: 1024px){.pwa-header__nav{display:none}.pwa-header__mobile-toggle{display:flex}.pwa-header__row{position:relative}}@media (max-width: 768px){.pwa-header__search{display:none}.pwa-header__actions{gap:.25rem}.pwa-header__actions .pwa-header__action{padding:.5rem}.pwa-header__mobile-toggle{margin-left:-.5rem}}@media (max-width: 480px){.pwa-header__container{padding:0 1rem}.pwa-header__row{gap:.5rem;justify-content:space-between}.pwa-header__logo-text{display:none}.pwa-header__actions{gap:.5rem}.pwa-header__actions .pwa-header__action{padding:.5rem}.pwa-header__mobile-toggle{margin-left:0;padding:.5rem}.pwa-header__mobile-menu-content{width:280px;border-radius:0;border-top-right-radius:1rem;border-bottom-right-radius:1rem}.pwa-header__mobile-search,.pwa-header__mobile-nav,.pwa-header__mobile-actions{padding-left:1rem;padding-right:1rem}.pwa-header__logo-text{display:block}:root{--global-header-height: var(--pwa-header-height)}}body{padding-top:var(--global-header-height)}.pwa-header__nav-dropdown{position:relative;display:flex}.pwa-header__nav-link--dropdown{display:flex!important;align-items:center;gap:.5rem}.pwa-header__nav-arrow{width:1rem;height:1rem;transition:transform .3s ease}.pwa-header__nav-dropdown:hover .pwa-header__nav-arrow{transform:rotate(180deg)}.pwa-header__dropdown-content{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:50;min-width:280px;margin-top:.5rem}.pwa-header__nav-dropdown:hover .pwa-header__dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.pwa-header__dropdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;padding:1rem}.pwa-header__dropdown-item{display:flex;align-items:center;padding:.75rem 1rem;color:var(--pwa-header-primary-700);text-decoration:none;border-radius:.5rem;transition:all .3s ease;font-size:.875rem;font-weight:500}.pwa-header__dropdown-item:hover{background:var(--pwa-header-primary-50);color:var(--header-accent-color, #10b981);transform:translate(4px)}.pwa-header__nav-link--promo{position:relative;animation:pulse-glow 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--header-accent-color, #10b981) 50%,transparent)}50%{box-shadow:0 0 0 10px transparent}}@keyframes pulse-glow{0%,to{box-shadow:0 0 color-mix(in srgb,var(--header-accent-color, #10b981) 40%,transparent)}50%{box-shadow:0 0 0 8px transparent}}@media (max-width: 1024px){.pwa-header__dropdown-content{display:none}}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.05)}50%{transform:scale(1)}75%{transform:scale(1.05)}}@keyframes pulse-accent{0%,to{box-shadow:0 0 color-mix(in srgb,var(--header-accent-color, #10b981) 40%,transparent)}50%{box-shadow:0 0 0 10px transparent}}.pwa-header[data-pulse-menu-1=true] .pwa-header__nav-item:nth-child(1) .pwa-header__nav-link{animation:heartbeat 2.5s ease-in-out infinite,pulse-accent 2s ease-in-out infinite;background:linear-gradient(135deg,color-mix(in srgb,var(--header-accent-color, #10b981) 90%,white),var(--header-accent-color, #10b981))!important;color:#fff!important}.pwa-header[data-pulse-menu-2=true] .pwa-header__nav-item:nth-child(2) .pwa-header__nav-link{animation:heartbeat 2.5s ease-in-out infinite,pulse-accent 2s ease-in-out infinite}.pwa-header[data-pulse-menu-3=true] .pwa-header__nav-item:nth-child(3) .pwa-header__nav-link{animation:heartbeat 2.5s ease-in-out infinite,pulse-accent 2s ease-in-out infinite}.pwa-header[data-pulse-menu-4=true] .pwa-header__nav-item:nth-child(4) .pwa-header__nav-link{animation:heartbeat 2.5s ease-in-out infinite,pulse-accent 2s ease-in-out infinite}.pwa-header[data-pulse-menu-5=true] .pwa-header__nav-item:nth-child(5) .pwa-header__nav-link{animation:heartbeat 2.5s ease-in-out infinite,pulse-accent 2s ease-in-out infinite}
/*# sourceMappingURL=/cdn/shop/t/53/assets/header-pwa.css.map */