/* HubvanTech shared public header: identical layout on homepage, category, product and shop pages. */
.site-header,.site-header *{box-sizing:border-box}
.site-header{position:sticky!important;top:0!important;z-index:1000!important;width:100%;background:#fff!important;color:#0f172a;border-bottom:1px solid #e5eaf1;box-shadow:0 2px 12px rgba(15,23,42,.05)}
.site-header .market-topbar{display:block;background:#0f172a;color:#dbe4f0;min-height:34px}
.site-header .market-topbar-inner{width:min(100% - 32px,1440px);min-height:34px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}
.site-header .market-topbar-left,.site-header .market-topbar-right{display:flex;align-items:center;gap:16px;min-width:0}
.site-header .topbar-item,.site-header .topbar-link{display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:none;font-size:11px;line-height:1.3;white-space:nowrap}
.site-header .topbar-link:hover{color:#fff}
.site-header .header-inner{width:min(100% - 32px,1440px)!important;max-width:1440px;margin:0 auto!important;padding:12px 0 0!important;display:grid!important;grid-template-columns:minmax(190px,245px) minmax(220px,1fr) auto!important;grid-template-areas:"brand search actions" "nav nav nav"!important;align-items:center!important;column-gap:18px!important;row-gap:8px!important;min-height:0!important;flex-wrap:unset!important}
.site-header .header-inner>.brand{grid-area:brand!important;display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;max-width:100%;margin:0!important;text-decoration:none}
.site-header .brand-logo{display:block;width:auto!important;max-width:54px!important;height:46px!important;object-fit:contain;flex:0 0 auto}
.site-header .brand-mark{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border-radius:12px}
.site-header .brand-text{min-width:0;display:flex;flex-direction:column;gap:3px}
.site-header .brand-text strong{display:block;color:#0f172a;font-size:clamp(15px,1.2vw,18px);font-weight:900;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-header .brand-text small{display:block;max-width:220px;color:#64748b;font-size:10px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-header .header-inner>form.site-search{grid-area:search!important;display:flex!important;align-items:center!important;position:relative!important;width:100%!important;max-width:none!important;min-width:0!important;height:44px!important;margin:0!important;border:1px solid #dbe3ed!important;border-radius:11px!important;background:#f8fafc!important;overflow:visible!important}
.site-header .site-search:focus-within{border-color:#93c5fd!important;background:#fff!important;box-shadow:0 0 0 3px rgba(37,99,235,.09)}
.site-header .site-search .site-search-icon{position:absolute!important;left:13px!important;top:50%!important;transform:translateY(-50%)!important;z-index:2;color:#64748b;font-size:20px;line-height:1;pointer-events:none}
.site-header .site-search input[type=search]{display:block!important;position:relative!important;float:none!important;flex:1 1 auto!important;width:100%!important;min-width:0!important;height:42px!important;margin:0!important;padding:0 90px 0 40px!important;border:0!important;outline:0!important;background:transparent!important;color:#0f172a!important;font:inherit!important;font-size:13px!important;box-shadow:none!important}
.site-header .site-search button[type=submit]{display:inline-flex!important;align-items:center;justify-content:center;position:absolute!important;right:4px!important;top:4px!important;height:34px!important;margin:0!important;padding:0 14px!important;border:0!important;border-radius:8px!important;background:#00509e!important;color:#fff!important;font-size:12px!important;font-weight:800;cursor:pointer}
.site-header .site-search .search-suggestions{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:1200;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 16px 35px rgba(15,23,42,.14)}
.site-header .header-inner>.header-actions{grid-area:actions!important;display:flex!important;align-items:center!important;justify-self:end!important;justify-content:flex-end!important;min-width:0!important;gap:8px!important;margin:0!important}
.site-header .account-guest{display:flex;align-items:center;gap:8px;white-space:nowrap}
.site-header .guest-link,.site-header .account-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;white-space:nowrap;text-decoration:none}
.site-header .guest-login{color:#1e293b;font-weight:750}
.site-header .guest-register{padding:0 12px;border-radius:9px;background:#eff6ff;color:#00509e;font-weight:800}
.site-header .cart-btn{position:relative;display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #e2e8f0;border-radius:11px;background:#fff;color:#0f172a;text-decoration:none}
.site-header .cart-count{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;display:grid;place-items:center;padding:0 4px;border:2px solid #fff;border-radius:999px;background:#dc2626;color:#fff;font-size:10px;font-weight:900}
.site-header .header-inner>.main-nav{grid-area:nav!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:5px!important;min-width:0;width:100%!important;margin:0!important;padding:0 0 8px!important;border-top:1px solid #f1f5f9;overflow:visible!important}
.site-header .main-nav>a,.site-header .main-nav .category-nav-link{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 12px!important;border-radius:8px;color:#334155;text-decoration:none!important;font-size:12.5px;font-weight:750;white-space:nowrap}
.site-header .main-nav>a:hover,.site-header .main-nav .category-nav-link:hover{background:#eff6ff;color:#00509e}
.site-header .main-nav .flash-nav-link{background:#fff1f2;color:#be123c!important}
.site-header .category-nav{position:relative;display:flex;align-items:center;flex:0 0 auto}
.site-header .category-nav-panel{z-index:1500}
.site-header .nav-client-mobile,.site-header .nav-cart-mobile{display:none!important}
.site-header .nav-toggle{display:none!important}
@media(max-width:1100px) and (min-width:901px){.site-header .header-inner{grid-template-columns:minmax(160px,200px) minmax(180px,1fr) auto!important;column-gap:10px!important}.site-header .brand-text small{max-width:160px}.site-header .header-actions{gap:5px!important}.site-header .guest-register{padding-inline:8px}.site-header .main-nav>a,.site-header .main-nav .category-nav-link{padding-inline:8px!important;font-size:12px}}
@media(max-width:900px){.site-header .header-inner{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"brand actions" "search search"!important;gap:10px 12px!important;padding:10px 0!important}.site-header .header-inner>.main-nav{display:none!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;z-index:1400!important;width:100%!important;max-height:calc(100vh - 130px);overflow:auto!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;padding:12px!important;border:1px solid #e2e8f0;border-top:0;background:#fff;box-shadow:0 16px 28px rgba(15,23,42,.12)}.site-header .header-inner>.main-nav.is-open,.site-header .header-inner>.main-nav.open,.site-header .header-inner>.main-nav.active{display:flex!important}.site-header .main-nav>a,.site-header .main-nav .category-nav-link{width:100%;justify-content:flex-start;min-height:42px;padding:0 12px!important}.site-header .category-nav{display:block}.site-header .category-nav-panel{position:static!important;display:none;width:100%;max-height:260px;overflow:auto;box-shadow:none;border:1px solid #e2e8f0}.site-header .category-nav:focus-within .category-nav-panel,.site-header .category-nav:hover .category-nav-panel{display:block}.site-header .nav-client-mobile,.site-header .nav-cart-mobile{display:flex!important}.site-header .nav-toggle{display:inline-flex!important;width:40px;height:40px;flex:0 0 40px;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}.site-header .nav-toggle span{display:block;width:17px;height:2px;border-radius:2px;background:#0f172a}.site-header .guest-register{display:none!important}}
@media(max-width:640px){.site-header .market-topbar-inner{width:calc(100% - 24px);min-height:32px}.site-header .market-topbar-left{gap:10px}.site-header .market-topbar-left .topbar-item:nth-child(n+2){display:none}.site-header .market-topbar-right{gap:10px}.site-header .market-topbar-right .topbar-link-phone{display:none}.site-header .header-inner{width:calc(100% - 24px)!important;padding:9px 0!important;column-gap:8px!important}.site-header .brand{gap:7px!important}.site-header .brand-logo{width:auto!important;max-width:40px!important;height:38px!important}.site-header .brand-text strong{font-size:14px!important}.site-header .brand-text small{display:none!important}.site-header .header-actions{gap:5px!important}.site-header .guest-login{padding:8px!important}.site-header .guest-login>span,.site-header .guest-register{display:none!important}.site-header .cart-btn{width:38px!important;height:38px!important;flex-basis:38px!important}.site-header .site-search{height:42px!important}.site-header .site-search input[type=search]{height:40px!important;padding-right:80px!important;font-size:16px!important}.site-header .site-search button[type=submit]{height:32px!important;min-width:66px;padding:0 10px!important;top:4px!important}.site-header .category-nav-grid{grid-template-columns:1fr!important}}