body,html,.header-blubein,.header-announcement,.header-main,.header-navigation,.nav-menu,.dropdown-menu,.mobile-menu,.header-action,.nav-link,.dropdown-links a,.mega-menu-title,.dropdown-title{font-family:var(--font-body-family, "Figtree", sans-serif)}body{margin:0;padding:0}.header-blubein{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 2px 10px #0000001a;margin:0}.header-announcement{background:radial-gradient(circle at top left,#1f2937 0,#020617 55% 100%);color:#e5e7eb;text-align:center;font-size:14px;font-weight:400;margin:0;padding:8px 0;line-height:1.2}.announcement-content{position:relative;overflow:hidden}.announcement-marquee{width:100%;overflow:hidden}.announcement-track{display:flex;width:max-content;will-change:transform;animation:marqueeScroll 18s linear infinite}.announcement-set{display:inline-flex;gap:48px;padding-right:48px}.announcement-item{white-space:nowrap;color:#fff;opacity:.95}.header-announcement:hover .announcement-track{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-20%)}}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.header-main{padding:0;border-bottom:1px solid #e5e7eb;margin:0;background:#fff}.page-width{max-width:1400px;margin:0 auto;padding:0 20px}.header-flex{display:flex;align-items:center;justify-content:space-between;height:80px;gap:0;flex-wrap:nowrap}.header-logo{flex:0 0 auto;display:flex;align-items:center}.logo-img{max-width:180px;height:auto;display:block}.logo-text{font-size:24px;font-weight:700;color:#1e3a8a}.header-nav{flex:1 1 0;display:flex;justify-content:center;align-items:center;height:100%;max-width:60vw;min-width:0}.nav-menu{display:flex;flex-direction:row;align-items:center;gap:24px;margin:0;padding:0;list-style:none;height:100%;flex-shrink:1;min-width:0}.nav-item{position:relative;height:100%;display:flex;align-items:center;margin:0;padding:0}.nav-link{display:flex;align-items:center;gap:6px;padding:0 12px;height:100%;text-decoration:none;color:#222;font-weight:500;font-size:17px;transition:color .3s;background:none;border:none;white-space:nowrap;margin:0}.nav-link:hover{color:#0074d9}.dropdown-arrow{width:16px;height:16px;transition:transform .3s}.nav-item:hover .dropdown-arrow{transform:rotate(180deg)}.mega-menu{position:fixed;left:0;right:0;width:100vw;max-width:100vw;min-width:0;overflow-x:auto;background:#fff;box-shadow:0 10px 25px #0000001a;border-radius:0 0 12px 12px;padding:40px 60px;margin:0;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s;z-index:2000;top:0;pointer-events:none}.mega-menu.open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.nav-item:hover .mega-menu{opacity:1;visibility:visible;transform:translateY(0)}.mega-menu-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:48px;padding:0 12px;min-width:0;overflow-x:auto;box-sizing:border-box;max-height:75vh;overflow-y:auto}.mega-menu-column{min-width:280px;padding-right:16px}.mega-menu-title{font-size:16px;font-weight:700;color:#111827;margin-bottom:18px;margin-top:0;letter-spacing:.02em;border-bottom:1px solid #eee;padding-bottom:6px}.dropdown-links{list-style:none;margin:0;padding:0}.mega-menu-item{margin-bottom:18px;display:flex;align-items:flex-start}.mega-menu-link{display:flex;align-items:flex-start;text-decoration:none;color:#222;gap:14px;transition:background .2s;border-radius:8px;padding:4px 0}.mega-menu-link:hover{background:#dbedf7}.mega-menu-thumb{width:56px;height:56px;object-fit:cover;border-radius:6px;background:#f3f4f6;flex-shrink:0;margin-top:2px}.mega-menu-info{display:flex;flex-direction:column;justify-content:center;min-width:0}.mega-menu-name{font-weight:500;font-size:14px;margin-bottom:2px;color:#111;line-height:1.2;word-break:break-word}.mega-menu-desc{font-size:13px;color:#666;line-height:1.3;margin-top:2px;word-break:break-word}.dropdown-menu:not(.mega-menu){min-width:250px;padding:20px}.default-dropdown{position:absolute;top:100%;left:0;background:#fff;border:1px solid #eee;box-shadow:0 8px 20px #00000014;border-radius:8px;padding:12px 0;min-width:220px;opacity:0;visibility:hidden;transform:translateY(6px);transition:all .18s ease;z-index:1500}.nav-item.has-dropdown:not(.has-mega):hover .default-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.default-dropdown .dropdown-links{padding:0;margin:0;list-style:none}.default-dropdown .dropdown-item{position:relative}.default-dropdown .dropdown-link{display:flex;align-items:center;gap:8px;padding:10px 14px;color:#222;text-decoration:none;font-size:14px;line-height:1.2;white-space:nowrap}.default-dropdown .dropdown-link:hover{background:#dbedf7}.default-dropdown .dropdown-submenu{display:none;position:absolute;top:0;left:100%;background:#fff;border:1px solid #eee;box-shadow:0 8px 20px #00000014;border-radius:8px;padding:8px 0;min-width:200px}.default-dropdown .dropdown-item:hover>.dropdown-submenu{display:block}@media(max-width:1200px){.nav-menu{gap:16px;max-width:55vw}.mega-menu-content{gap:20px}}@media(max-width:900px){.header-flex{height:60px}.logo-img{max-width:120px}.nav-menu{gap:8px;max-width:45vw}.header-actions{gap:12px;margin-left:12px}}@media(max-width:768px){.header-flex{flex-direction:row;height:50px}.header-nav{display:none}.header-actions{gap:8px;margin-left:8px}.logo-img{max-width:90px}.mobile-only{display:inline-flex!important}.announcement-item{font-size:.8em}}@media(min-width:769px){.mobile-only{display:none!important}}@media(max-width:480px){.header-actions{gap:8px}.header-action{padding:6px}.action-icon{width:20px;height:20px}}.header-actions{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;gap:16px;margin-left:24px;flex-shrink:0}.header-action{display:flex;flex-direction:row;align-items:center;justify-content:center;text-decoration:none;color:#000;font-size:20px;background:none;border:none;padding:0;position:relative;transition:color .2s}.header-action:hover{color:#0074d9}.action-icon{width:24px;height:24px;stroke-width:1.5;color:#000;stroke:#000;fill:none;transition:color .2s,stroke .2s}.cart-count{position:absolute;top:-8px;right:-10px;width:20px;height:20px;background:#ef4444;color:#fff;border-radius:50%;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000001f;border:2px solid #fff;z-index:2;line-height:1;pointer-events:none;transition:background .2s;padding:0;min-width:0}.search-popup{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:#0000001f}.search-popup-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000001f;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;transition:opacity .18s ease;z-index:1}.search-popup-content{position:relative;z-index:2;background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.06);max-width:540px;width:100%;margin:40px auto;padding:32px 32px 24px;box-shadow:0 16px 40px #00000024;text-align:left;opacity:0;transform:translateY(10px) scale(.98)}.search-popup.open .search-popup-overlay{opacity:1}@keyframes popupIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popupOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.98)}}.search-popup.open .search-popup-content{animation:popupIn .24s cubic-bezier(.2,.7,.3,1) forwards}.search-popup.closing .search-popup-content{animation:popupOut .18s cubic-bezier(.2,.7,.3,1) forwards}.search-popup-close{position:absolute;top:18px;right:18px;background:none;border:none;font-size:32px;color:#222;cursor:pointer;z-index:3;line-height:1}.search-popup-title{text-align:center;font-size:2rem;font-weight:700;margin:0 0 8px;color:#222}.search-popup-subtitle{text-align:center;color:#888;font-size:1rem;margin-bottom:24px}.search-popup-form-row{display:flex;align-items:center;gap:10px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;margin-bottom:14px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;box-shadow:0 1px 2px #0000000a}.search-popup-form-row:focus-within{border-color:var(--brand-button-bg, #3b82f6);box-shadow:0 4px 20px #0000000f;background:#fff}.search-popup-input{flex:1;border:none;outline:none;font-size:16px;font-weight:400;line-height:1.5;text-transform:none;font-style:normal;font-family:var(--font-body-family, "Figtree", sans-serif);padding:6px 2px;background:transparent;color:#111;caret-color:var(--brand-button-bg, #3b82f6)}.search-popup-input::placeholder{color:#9ca3af}.search-popup-input:focus{outline:none}.search-popup-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:transparent;border:1px solid transparent;border-radius:10px;cursor:pointer;color:#374151;padding:0;transition:background .16s ease,color .16s ease,border-color .16s ease,transform 80ms ease}.search-popup-btn:hover{background:#f3f4f6;color:#111827}.search-popup-btn:active{transform:scale(.98)}.search-popup-btn:focus-visible{outline:none;border-color:#c7d2fe;box-shadow:0 0 0 3px #e0e7ff}.search-popup-icon{width:22px;height:22px;stroke-width:1.5;color:currentColor;stroke:currentColor}.search-popup-quick-tags{margin:8px 0 0;font-size:15px;color:#444;display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.search-popup-tag{background:#f3f4f6;border:none;border-radius:6px;padding:4px 12px;margin-left:4px;color:#222;font-size:15px;cursor:pointer;font-weight:500;transition:background .2s}.search-popup-tag:hover{background:#e5e7eb}.search-popup-results{margin-top:18px;min-height:32px}.search-popup-result-item{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #f3f4f6;text-decoration:none;color:#222;transition:background .18s ease,transform .18s ease}.search-popup-result-item:last-child{border-bottom:none}.search-popup-result-item:hover{background:#dbedf7;transform:translateY(-1px)}.search-popup-result-item:focus{outline:2px solid #c7d2fe;border-radius:8px}.search-popup-result-img{width:44px;height:44px;object-fit:cover;border-radius:6px;background:#f3f4f6}.search-popup-result-info{flex:1}.search-popup-result-title{font-weight:600;font-size:16px;margin-bottom:2px}.search-popup-result-price{font-size:14px;color:#888}.header-menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:none;border:none;cursor:pointer;gap:5px;margin-right:10px}.hamburger-bar{width:26px;height:3px;background:#222;border-radius:2px;transition:all .3s}.mobile-only{display:none}@media(max-width:768px){.mobile-only{display:inline-flex!important}.header-nav{display:none}}.mobile-drawer{position:fixed;top:0;left:-320px;width:320px;height:100vh;background:#fff;z-index:3000;box-shadow:2px 0 16px #00000014;transition:left .3s;display:flex;flex-direction:column;padding-bottom:32px}.mobile-drawer.open{left:0}.mobile-drawer-header{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:18px 20px 10px;border-bottom:1px solid #eee}.mobile-drawer-logo{margin-bottom:10px;text-align:center}.mobile-drawer-logo .logo-img{max-width:120px;height:auto;display:block;margin:0 auto}.mobile-drawer-title{font-size:1.2rem;font-weight:700;color:#222;margin-top:6px}.mobile-drawer-close{background:none;border:none;font-size:2rem;color:#222;cursor:pointer;line-height:1}.mobile-drawer-nav{flex:1;overflow-y:auto;padding:16px 0 0}.mobile-drawer-menu{list-style:none;margin:0;padding:0}.mobile-drawer-item{margin-bottom:8px}.mobile-drawer-link{display:block;font-weight:700;color:#222;font-size:1.4rem;padding:16px 24px;text-decoration:none;border-bottom:1px solid #f3f4f6;transition:background .2s}.mobile-drawer-link:hover{background:#f3f4f6}.mobile-drawer-submenu{list-style:none;margin:0;padding:0 0 0 24px}.mobile-drawer-sublink{display:block;color:#444;font-size:1.3rem;padding:8px 0;text-decoration:none;transition:color .2s}.mobile-drawer-sublink:hover{color:#0074d9}.mobile-drawer-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0000002e;z-index:2999}.mobile-drawer.open+.mobile-drawer-overlay{display:block}
/*# sourceMappingURL=/cdn/shop/t/44/assets/header-blubein.css.map */