*{box-sizing:border-box;margin:0;padding:0}:root{--header-height:72px;--header-offset:calc(var(--header-height) + env(safe-area-inset-top,0px))}html{-moz-text-size-adjust:100%;text-size-adjust:100%;width:100%;min-height:100vh;overflow-x:hidden}body{color:#333;background-color:#fff;width:100%;min-width:0;max-width:100vw;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative;overflow-x:hidden}main{padding-top:var(--header-offset);width:100%;min-width:0;overflow-x:hidden}.home-root{background:#fff;width:100%;min-height:100vh;overflow-x:hidden}img,video,iframe{max-width:100%;height:auto}@media (max-width:768px){:root{--header-height:64px}}@media (max-width:480px){:root{--header-height:60px}}body.admin-route .main-header{display:none}body.admin-route main{min-height:100vh;padding-top:0}
:root{--primary-color:#007bff;--primary-hover:#0056b3;--text-dark:#121212;--text-muted:#5f6368;--bg-white:#fff;--bg-offset:#f8f9fa;--border-color:#e0e0e0;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 20px #00000014;--header-height:72px}.main-header{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);height:calc(var(--header-height) + env(safe-area-inset-top,0px));z-index:1000;background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;width:100%;transition:background .3s;display:flex;position:fixed;top:0;left:0;right:0}.header-container{align-items:center;gap:1.5rem;width:100%;max-width:1440px;margin:0 auto;padding:0 2rem;display:flex}.logo-section{color:inherit;flex-shrink:0;align-items:center;text-decoration:none;display:flex}.logo-container{cursor:pointer;align-items:center;gap:.75rem;display:flex}.logo-placeholder-graphic{border-radius:10px;justify-content:center;align-items:center;width:auto;min-width:0;max-width:160px;height:44px;padding:0;display:flex;overflow:hidden}.main-logo{display:block;object-fit:contain!important;width:auto!important;max-width:150px!important;height:40px!important}.blue-circle{background:var(--primary-color);border-radius:50%;width:16px;height:16px;box-shadow:0 0 10px #007bff66}.nav-section{flex:1;justify-content:center;align-items:center;gap:.25rem;display:flex}.nav-item{height:var(--header-height);align-items:center;display:flex;position:relative}.nav-link{color:var(--text-dark);cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{color:var(--primary-color);background:#007bff0d}.chevron{color:var(--text-muted);transition:transform .2s}.chevron.open{color:var(--primary-color);transform:rotate(180deg)}.mega-menu{top:calc(var(--header-height) + env(safe-area-inset-top,0px));border-top:1px solid var(--border-color);z-index:999;background:#fff;padding:.85rem 0 1.1rem;animation:.3s cubic-bezier(.16,1,.3,1) slideDown;position:fixed;left:0;right:0;box-shadow:0 8px 24px #0f172a0f}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mega-menu-inner{max-width:1100px;margin:0 auto;padding:0 2rem}.mega-menu-grid{scrollbar-gutter:stable;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.35rem 1.25rem;max-height:min(52vh,380px);padding-right:.25rem;display:grid;overflow-y:auto}.mega-menu-grid::-webkit-scrollbar{width:6px}.mega-menu-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.mega-menu-empty{color:var(--text-muted);grid-column:1/-1;padding:.35rem 0;font-size:.9rem}.mega-menu-category-link{color:var(--primary-color);padding:.35rem 0;font-size:.92rem;font-weight:500;line-height:1.35;text-decoration:none;transition:color .15s;display:block}.mega-menu-category-link:hover,.mega-menu-category-link:focus-visible{color:var(--primary-hover)}.header-icons{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.header-icon-item{cursor:pointer;width:38px;height:38px;color:var(--text-dark);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.header-icon-item:hover{color:var(--primary-color);background:#007bff14}.header-badge{color:#fff;pointer-events:none;background:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:.6rem;font-weight:800;line-height:1;animation:.3s cubic-bezier(.16,1,.3,1) badgePop;display:flex;position:absolute;top:0;right:0}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.search-section{flex:none;width:260px;max-width:260px;position:relative}.search-bar{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:.5rem;padding:.4rem .85rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.search-bar.focused,.search-bar:focus-within{background:var(--bg-white);border-color:var(--primary-color);border-radius:8px 8px 0 0;box-shadow:0 0 0 3px #007bff1a}.search-icon{color:var(--text-muted);flex-shrink:0}.search-input{width:100%;color:var(--text-dark);background:0 0;border:none;outline:none;font-size:.8rem}.search-clear-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:50%;flex-shrink:0;align-items:center;padding:2px;transition:all .15s;display:flex}.search-clear-btn:hover{color:var(--text-dark);background:#00000014}.search-dropdown{border:1px solid var(--primary-color);z-index:1100;background:#f8fafc;border-top:none;border-radius:0 0 12px 12px;flex-direction:column;max-height:min(75vh,32rem);animation:.2s dropdownFadeIn;display:flex;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 16px 40px #0f172a1a,0 0 0 1px #94a3b826}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.search-dropdown-header{background:linear-gradient(#fff 0%,#f1f5f9 100%);border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem .45rem;display:flex}.search-dropdown-header-label{letter-spacing:.08em;text-transform:uppercase;color:#64748b;font-size:.65rem;font-weight:800}.search-dropdown-header-meta{font-variant-numeric:tabular-nums;color:#0284c7;white-space:nowrap;font-size:.68rem;font-weight:700}.search-results-list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;gap:.35rem;min-height:0;margin:0;padding:.45rem .5rem .55rem;list-style:none;display:flex;overflow-y:auto}.search-results-list>li{margin:0}.search-suggestion-card{cursor:pointer;text-align:left;width:100%;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.6rem;margin:0;padding:.45rem .5rem;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.search-suggestion-card:hover,.search-suggestion-card.is-active{background:linear-gradient(#f0f9ff 0%,#fff 55%);border-color:#7dd3fc;box-shadow:0 2px 10px #0ea5e91f}.search-suggestion-card.is-active{outline-offset:0;outline:2px solid #0ea5e959}.search-suggestion-avatar{color:#fff;background:linear-gradient(145deg,#38bdf8 0%,#0284c7 100%);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;min-width:2.25rem;height:2.25rem;font-size:.88rem;font-weight:800;line-height:1;display:flex;box-shadow:0 1px 3px #0369a159}.search-suggestion-body{flex-direction:column;flex:auto;gap:.28rem;min-width:0;display:flex}.search-suggestion-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;line-height:1.3;overflow:hidden}.search-suggestion-tags{flex-wrap:wrap;align-items:center;gap:.28rem;display:flex}.search-suggestion-pill{letter-spacing:.02em;color:#1d4ed8;text-overflow:ellipsis;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;max-width:100%;padding:.1rem .4rem;font-size:.58rem;font-weight:700;overflow:hidden}.search-suggestion-pill--muted{color:#64748b;background:#f8fafc;border-color:#e2e8f0}.search-suggestion-chevron{color:#94a3b8;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,transform .15s;display:flex}.search-suggestion-card:hover .search-suggestion-chevron,.search-suggestion-card.is-active .search-suggestion-chevron{color:#0284c7;transform:translate(2px)}.search-highlight{color:#0369a1;background:#0ea5e92e;border-radius:3px;padding:0 .06em;font-weight:700}.search-no-results{color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:.4rem;padding:1.75rem 1.25rem;display:flex}.search-no-results p{color:var(--text-dark);margin:.25rem 0 0;font-size:.9rem;font-weight:500}.search-no-results span{color:var(--text-muted);font-size:.8rem}.search-no-results--hint p,.search-no-results--loading p{color:var(--text-muted)}.search-no-results--loading{padding:1.25rem}.actions-section{align-items:center;gap:1.5rem;display:flex}.action-item{cursor:pointer;width:40px;height:40px;color:var(--text-dark);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.action-item:hover{color:var(--primary-color);background:#007bff14;transform:translateY(-2px)}.action-label{display:none}.cart-badge{background:var(--primary-color);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.65rem;font-weight:800;display:flex;position:absolute;top:0;right:0}@media (max-width:1200px){.header-container{gap:1.5rem;padding:0 1.5rem}}@media (max-width:1024px){.header-container{gap:1rem;padding:0 1rem}.nav-link{padding:.5rem .6rem;font-size:.85rem}}@media (max-width:900px){.search-section{display:none}.header-container{justify-content:space-between}}@media (max-width:768px){.nav-section{display:none}.main-logo{max-width:120px!important;height:34px!important}.header-container{gap:.75rem;padding:0 1rem}.header-icon-item{width:36px;height:36px}.header-icons{gap:.5rem}}@media (max-width:640px){.header-container{gap:.35rem;padding:0 .6rem}.main-logo{max-width:100px!important;height:30px!important}.header-icon-item{width:32px;height:32px}.hamburger-btn{width:34px;height:34px}.header-badge,.cart-badge{min-width:16px;height:16px;font-size:.56rem}}@media (max-width:420px){.header-container{padding:0 .5rem}.main-logo{max-width:92px!important;height:28px!important}}.hamburger-btn{cursor:pointer;width:38px;height:38px;color:var(--text-dark);background:0 0;border:1px solid #0000001a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .18s;display:none}.hamburger-btn:hover{background:#0000000d}@media (max-width:768px){.hamburger-btn{display:flex}}.mobile-menu-overlay{z-index:2000;background:#00000073;justify-content:flex-end;display:flex;position:fixed;inset:0}.mobile-menu{background:#fff;flex-direction:column;width:min(320px,90vw);height:100%;animation:.25s cubic-bezier(.4,0,.2,1) both slideInRight;display:flex;overflow-y:auto;box-shadow:-4px 0 24px #0000002e}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-menu-header{border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.mobile-menu-title{color:var(--text-dark);font-size:1rem;font-weight:700}.mobile-menu-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;transition:background .15s;display:flex}.mobile-menu-close:hover{background:#f1f5f9}.mobile-menu-search{border-bottom:1px solid #f1f5f9;flex-shrink:0;padding:.75rem 1.25rem}.mobile-search-input{width:100%;color:var(--text-dark);box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;padding:.55rem .85rem;font-size:.9rem}.mobile-search-input:focus{border-color:var(--primary-color);background:#fff}.mobile-search-loading,.mobile-search-empty{color:var(--text-muted);border-bottom:1px solid #f1f5f9;margin:0;padding:.5rem 1.25rem .65rem;font-size:.82rem}.mobile-search-empty{color:#64748b}.mobile-search-results{-webkit-overflow-scrolling:touch;border-bottom:1px solid #f1f5f9;flex-direction:column;flex-shrink:1;gap:.3rem;min-height:0;max-height:min(42vh,18rem);margin:0;padding:.35rem 0 .5rem;list-style:none;display:flex;overflow-y:auto}.mobile-search-result-item{cursor:pointer;color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:.2rem;margin:0 .65rem;padding:.55rem .65rem;font-size:.84rem;font-weight:600;transition:background .15s,border-color .15s;display:flex}.mobile-search-result-item:hover{background:linear-gradient(#f0f9ff 0%,#fff 100%);border-color:#7dd3fc}.mobile-result-category{color:#64748b;font-size:.68rem;font-weight:500;line-height:1.35}.mobile-nav-links{flex:1;margin:0;padding:.75rem 0;list-style:none}.mobile-nav-links li{border-bottom:1px solid #f8fafc}.mobile-nav-link{color:var(--text-dark);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:.85rem 1.25rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:flex}.mobile-nav-link:hover{color:var(--primary-color);background:#f8fafc}.mobile-cat-toggle{font-family:inherit}.mobile-cat-list{background:#f8fafc;border-top:1px solid #f1f5f9;flex-direction:column;gap:.2rem;padding:.35rem 0 .65rem;display:flex}.mobile-cat-group{padding:.5rem 1.25rem .25rem}.mobile-cat-group-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.35rem;font-size:.68rem;font-weight:700;display:block}.mobile-cat-link{color:var(--text-dark);background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;margin:0 .65rem;padding:.65rem .85rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s,background .15s;display:flex}.mobile-cat-link:hover{color:var(--primary-color);background:#007bff0a;border-color:#007bff59}.mobile-cart-badge{background:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.65rem;font-weight:800;display:inline-flex}