.header{position:sticky;top:0;z-index:100;background:var(--color-white);width:100%}.header__wrapper{width:100%;border-bottom:1px solid var(--color-border)}.header__inner{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:70px;width:100%;max-width:100%;padding:12px 24px}.header__logo{flex-shrink:0}.header__logo-link{display:flex;align-items:center}.header__logo-image{height:auto;width:auto;max-width:240px}@media(max-width:1024px){.header__logo-image{max-width:180px}}@media(max-width:767px){.header__logo-image{max-width:140px}}@media(max-width:480px){.header__logo-image{max-width:120px}}.header__logo-text{font-family:var(--font-heading);font-size:24px;font-weight:700;color:var(--color-text);text-decoration:none}.header__nav{flex:1;display:flex;justify-content:flex-start;padding-left:30px}.header__menu{display:flex;align-items:center;flex-wrap:wrap;column-gap:6px;row-gap:0;list-style:none;margin:0;padding:0}.header__menu-item{position:relative}.header__menu-link{display:flex;align-items:center;gap:4px;padding:4px 12px;font-family:var(--font-body, "Noto Sans", sans-serif);font-size:15px;font-weight:400;color:var(--color-text);text-decoration:none;transition:color .2s ease;white-space:nowrap}.header__menu-link:hover{color:var(--color-hover)}.header__menu-link.is-active{color:var(--color-text)}.header__menu-link[href="#"],.mobile-menu__link[href="#"]{cursor:default}.header__menu-arrow{transition:transform .2s ease;flex-shrink:0}.header__menu-item:hover .header__menu-arrow{transform:rotate(180deg)}.header__dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);min-width:220px;padding:8px 0;background:var(--color-white);border-radius:8px;box-shadow:0 10px 40px #0000001f;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:1000;overflow:visible}.header__menu-item:hover .header__dropdown{opacity:1;visibility:visible}.header__dropdown-menu{padding:0;margin:0;list-style:none;overflow:visible}.header__dropdown-item{margin:0;position:relative}.header__dropdown-link{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;font-size:13px;color:var(--color-text);text-decoration:none;transition:background .2s ease,color .2s ease}.header__dropdown-link:hover{color:var(--color-hover);text-decoration:underline}.header__dropdown-link.is-active{color:var(--color-hover);font-weight:600}.header__mega-menu{position:absolute;top:100%;left:0;background:var(--color-white);box-shadow:0 10px 40px #0000001f;border-radius:0 0 8px 8px;opacity:0;visibility:hidden;transition:all .3s ease;min-width:220px;max-width:280px;z-index:1000;overflow:visible}.header__menu-item.has-mega-menu:hover .header__mega-menu{opacity:1;visibility:visible}.header__mega-menu-inner{padding:8px 0;overflow:visible}.header__mega-menu-grid{display:flex;flex-direction:column;overflow:visible}.header__mega-menu-column{position:relative;width:100%}.header__mega-menu-title{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;font-size:13px;font-weight:500;color:var(--color-text);text-decoration:none;transition:background .2s,color .2s}.header__mega-menu-title:hover{color:var(--color-hover);text-decoration:underline}.header__mega-menu-list{list-style:none;padding:0;margin:0}.header__mega-menu-list li{margin-bottom:0}.header__mega-menu-link{display:block;padding:10px 20px;font-family:var(--font-body, "Noto Sans", sans-serif);font-size:13px;font-weight:400;color:var(--color-text);text-decoration:none;transition:background .2s,color .2s}.header__mega-menu-link:hover{color:var(--color-hover);text-decoration:underline}.header__mega-menu-link.is-active{color:var(--color-hover);font-weight:600}.header__mega-menu-column.has-submenu{position:relative}.header__mega-menu-arrow{margin-left:auto;flex-shrink:0;opacity:.6}.header__mega-menu-column.has-submenu:hover>.header__mega-menu-title{color:var(--color-hover);text-decoration:underline}.header__mega-menu-column.has-submenu:hover .header__mega-menu-arrow{opacity:1}.header__mega-submenu{position:absolute;top:-8px;left:100%;background:var(--color-white);box-shadow:0 5px 20px #0000001a;border-radius:6px;min-width:200px;max-height:400px;overflow-y:auto;padding:8px 0;list-style:none;margin:0 0 0 5px;display:none;z-index:1001}.header__mega-menu-column.has-submenu:hover .header__mega-submenu{display:block}.header__mega-submenu li{list-style:none}.header__mega-submenu-link{display:block;padding:10px 16px;font-family:var(--font-body, "Noto Sans", sans-serif);font-size:13px;font-weight:400;color:var(--color-text);text-decoration:none;transition:all .2s;white-space:nowrap}.header__mega-submenu-link:hover{color:var(--color-hover);text-decoration:underline}.header__mega-submenu-link.is-active{color:var(--color-hover);font-weight:600}.header__dropdown-item.has-submenu{position:relative}.header__submenu-arrow{margin-left:8px;flex-shrink:0}.header__submenu{position:absolute;top:0;left:100%;background:var(--color-white);box-shadow:0 5px 20px #0000001a;border-radius:6px;min-width:180px;padding:8px 0;list-style:none;margin:0 0 0 5px;display:none;z-index:1001}.header__dropdown-item.has-submenu:hover .header__submenu{display:block}.header__submenu-link{display:block;padding:8px 16px;font-family:var(--font-body, "Noto Sans", sans-serif);font-size:13px;font-weight:400;color:var(--color-text);text-decoration:none;transition:all .2s}.header__submenu-link:hover{color:var(--color-hover);text-decoration:underline}.header__submenu-link.is-active{color:var(--color-hover);font-weight:600}.header__actions,.header__icons{display:flex;align-items:center;gap:4px;flex-shrink:0}.header__action,.header__icon{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--color-text);transition:none;background:none;border:none;cursor:pointer;text-decoration:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);will-change:auto}.header__action:hover,.header__icon:hover{color:var(--color-text-secondary)}.header__icon--account{transition:color .2s ease}.header__icon--account:hover{color:var(--color-text-secondary)!important}.header__icon--account:hover svg{color:var(--color-text-secondary)!important;stroke:var(--color-text-secondary)!important}.header__action svg,.header__icon svg{width:24px;height:24px}.header__heading{margin:0;line-height:0}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.header__cart-count{position:absolute;top:4px;right:4px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:var(--color-white);font-size:10px;font-weight:700;border-radius:50%;padding:0 4px}.header__cart-count:empty,.header__cart-count[data-cart-count="0"]{display:none}.header__menu-toggle{display:flex!important;align-items:center;justify-content:center;width:44px;height:44px;color:var(--color-text);background:none;border:none;cursor:pointer;flex-shrink:0}.header__menu-toggle svg{width:26px;height:26px;display:block}.header__search{position:absolute;top:100%;left:0;right:0;width:100%;background:var(--color-white);border-bottom:1px solid var(--color-border);padding:16px 24px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;z-index:999}.header__search.is-open{opacity:1;visibility:visible;transform:translateY(0)}.header__search-form{display:flex;align-items:center;gap:12px;max-width:900px;margin:0 auto;position:relative}.header__search-input{flex:1;padding:12px 16px;border:2px solid var(--color-border);border-radius:8px;font-size:14px;background:var(--color-white);transition:border-color .2s}.header__search-input:focus{outline:none;border-color:var(--color-text)}.header__search-submit,.header__search-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--color-text);background:none;border:none;cursor:pointer;transition:color .2s}.header__search-submit:hover,.header__search-close:hover{color:var(--color-text-secondary)}.header__search-submit svg,.header__search-close svg{width:22px;height:22px}.header__menu-item--highlight .header__menu-link{color:var(--color-text);font-weight:600}.mobile-menu{position:fixed;top:0;left:0;width:85%;max-width:320px;height:100vh;height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:-webkit-fill-available;background:var(--color-white);z-index:9999;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column;overflow:hidden}.mobile-menu.is-open{transform:translate(0)}.mobile-menu__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9998;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu__overlay.is-visible{opacity:1;visibility:visible}.mobile-menu__header{display:flex;justify-content:flex-end;padding:12px 16px;background:transparent}.mobile-menu__close{background:none;border:none;color:var(--color-text);cursor:pointer;padding:8px}.mobile-menu__close svg{width:24px;height:24px;display:block}.mobile-menu__nav{flex:1;overflow-y:auto;padding:0}.mobile-menu__list{list-style:none;margin:0;padding:0}.mobile-menu__item{border-bottom:1px solid var(--color-border-light)}.mobile-menu__item-header{display:flex;align-items:center}.mobile-menu__link{flex:1;display:block;padding:14px 20px;font-size:14px;font-weight:500;color:var(--color-text);text-decoration:none}.mobile-menu__toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:14px 20px;cursor:pointer;color:var(--color-text)}.mobile-menu__toggle svg{display:block;width:12px;height:12px}.mobile-menu__toggle-icon{transform:rotate(0);transition:transform .2s ease;display:block}.mobile-menu__toggle[aria-expanded=true] .mobile-menu__toggle-icon{transform:rotate(45deg)}.mobile-menu__submenu{display:none;list-style:none;margin:0;padding:0;background:var(--color-background-quaternary)}.mobile-menu__submenu.is-open{display:block}.mobile-menu__subitem{border-top:1px solid var(--color-border-lighter)}.mobile-menu__subitem-header{display:flex;align-items:center}.mobile-menu__sublink{flex:1;display:block;padding:12px 20px 12px 35px;font-size:13px;color:var(--color-text);text-decoration:none}.mobile-menu__sublink--nested{padding-left:50px;font-size:12px;color:var(--color-text-light)}.mobile-menu__submenu--nested{background:#f3f3f3}.mobile-menu__footer{padding:16px 20px;border-top:1px solid var(--color-border-lighter);background:var(--color-background-quaternary)}.mobile-menu__footer-link{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--color-text);text-decoration:none}.mobile-menu__footer-link svg{width:20px;height:20px}@media(max-width:1280px){.header__menu{gap:2px}.header__menu-link{font-size:14px;font-weight:400;padding:4px 8px}.header__mega-menu{min-width:500px}}@media(max-width:1024px){.header__menu{gap:0}.header__menu-link{font-size:13px;padding:4px 6px}.header__inner{padding:0}}@media(max-width:1023px){.header__nav{display:none}.header__inner{height:60px;padding:0}.header__logo-text{font-size:20px}.header__action,.header__icon{width:40px;height:40px}.header__action svg,.header__icon svg{width:22px;height:22px}}@media(min-width:1024px){.header__menu-toggle{display:none!important}}.hidden-mobile{display:none}.hidden-desktop{display:flex}@media(min-width:1024px){.hidden-mobile{display:flex}.hidden-desktop{display:none}}.header__search-form{position:relative}.header__predictive-search{position:absolute;top:100%;left:0;right:0;width:100%;background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 10px 40px #0000001f;z-index:1000;max-height:550px;overflow-y:auto;display:none;margin-top:8px}.header__predictive-search.is-active{display:block}.header__predictive-search-loading{padding:20px;text-align:center;color:var(--color-text-light);font-size:13px;display:none}.header__predictive-products{padding:16px}.header__predictive-heading{font-size:11px;font-weight:700;color:var(--color-text-light);text-transform:uppercase;letter-spacing:1px;margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid var(--color-border)}.header__predictive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.header__predictive-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:#f8f6f1;border-radius:20px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.header__predictive-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000014}.header__predictive-card-image{position:relative;aspect-ratio:1;background:var(--color-background-secondary, #f0ede8);border-radius:12px;overflow:hidden;margin:5% auto 0;width:90%}.header__predictive-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.header__predictive-card:hover .header__predictive-card-image img{transform:scale(1.05)}.header__predictive-card-placeholder{width:100%;height:100%;background:var(--color-border)}.header__predictive-card-content{padding:12px;text-align:center;display:flex;flex-direction:column;flex:1}.header__predictive-card-title{font-family:var(--font-body, "Noto Sans", sans-serif);font-size:14px;font-weight:400;color:var(--color-text, var(--color-text));text-decoration:none;margin:0 0 6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.header__predictive-card-title:hover{color:var(--color-accent)}.header__predictive-card-price{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:auto;margin-bottom:8px}.header__predictive-card-price-current{font-family:var(--font-body, "Noto Sans", sans-serif);font-size:16px;font-weight:600;color:var(--color-text, var(--color-text))}.header__predictive-card-price-label{font-family:var(--font-body, "Noto Sans", sans-serif);font-size:11px;color:var(--color-text-light, #888)}.header__predictive-card-price-compare{font-family:var(--font-body, "Noto Sans", sans-serif);font-size:12px;color:var(--color-text-light, #888);text-decoration:line-through}.header__predictive-card-discount{font-size:10px;font-weight:700;color:#2a7a2a;background:#2a7a2a1a;padding:3px 6px;border-radius:4px}.header__predictive-card-actions{margin-top:8px}.header__predictive-card-atc{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;padding:9px 16px;background:var(--color-accent);color:var(--color-white);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease;white-space:nowrap}.header__predictive-card-atc:hover:not(:disabled){background:var(--color-accent-hover)}.header__predictive-card-atc:disabled{background:var(--color-text-light);cursor:not-allowed}.header__predictive-view-all{display:block;padding:14px 16px;text-align:center;font-size:13px;font-weight:600;color:var(--color-text);text-decoration:none;border-top:1px solid var(--color-border);transition:background .2s;margin-top:16px}.header__predictive-view-all:hover{background:#f8f8f8}.header__predictive-no-results{padding:30px 16px;text-align:center}.header__predictive-no-results p{margin:0;font-size:13px;color:var(--color-text-light)}@media(max-width:1024px){.header__predictive-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media(max-width:767px){.header__predictive-search{max-width:100%;left:0;right:0;margin:8px 16px 0;width:calc(100% - 32px);max-height:400px}.header__predictive-grid{grid-template-columns:repeat(2,1fr);gap:12px}.header__predictive-card-title{font-size:11px}.header__predictive-card-desc{display:none}.header__logo-image{height:auto;width:140px}}@media(max-width:480px){.header__predictive-products{padding:12px}.header__predictive-grid{gap:10px}.header__predictive-card-price-current{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-header.css.map */