:root{--zx-royal: #0b1f4a;--zx-royal-mid: #163a7a;--zx-royal-accent: #2a5bb8;--sn-accent: #c9a227;--sn-bg: #f4f6f9;--sn-surface: #ffffff;--sn-text: #121826;--sn-radius-sm: 8px;--sn-shadow: 0 10px 30px rgba(11, 31, 74, .08);--bg: var(--sn-bg);--ink: var(--sn-text);--muted: #5b6578;--accent: var(--zx-royal);--line: rgba(11, 31, 74, .12);--danger: #b42318;--ok: #067647;--font-display: "Barlow Condensed", sans-serif;--font-body: "Manrope", sans-serif;--page-max: 1200px;--page-gutter: 30px;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--grad-media: linear-gradient(160deg, #e8eef8, #f7f8fb)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--ink);background:var(--bg)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.topbar{position:sticky;top:0;z-index:20;background:#07152f}.topbar-main{background:#07152f}.topbar-sub{background:var(--zx-royal);border-top:1px solid rgba(255,255,255,.08)}.topbar-inner{width:min(var(--page-max),100%);margin:0 auto;padding:.55rem var(--page-gutter);display:flex;align-items:center;gap:.75rem;position:relative;box-sizing:border-box}.topbar-inner--main{padding-top:.65rem;padding-bottom:.65rem}.topbar-inner--sub{padding-top:.35rem;padding-bottom:.35rem;min-height:2.35rem}.brand{display:inline-flex;align-items:center;flex-shrink:0}.brand--on-dark{padding:.2rem .35rem;border:1px solid transparent;border-radius:2px}.brand--on-dark:hover,.brand--on-dark:focus-visible{border-color:#ffffff8c;outline:none}.brand-logo{display:inline-flex;align-items:center;gap:.55rem}.brand-lockup-img{height:36px;width:auto;max-width:min(180px,50vw);object-fit:contain;display:block}.brand--on-dark .brand-lockup-img{height:2.1rem}.brand-tag{font-size:.72rem;letter-spacing:.08em;color:#ffffffb8;font-family:var(--font-body);font-weight:700;text-transform:uppercase}.auth-panel .auth-logo,.auth-panel .brand-lockup-img{height:auto;width:min(220px,70vw);max-width:none;object-fit:contain;display:block;margin:0 0 1rem;background:#fff;border-radius:8px;padding:.45rem .65rem;filter:none}.nav-search{display:flex;flex:1;min-width:0;align-items:stretch;height:2.5rem;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 0 0 2px transparent}.nav-search:focus-within{box-shadow:0 0 0 2px var(--sn-accent)}.nav-search-spacer{flex:1;min-width:0}.nav-search-input{flex:1;min-width:0;border:0;padding:0 .75rem;font:inherit;font-size:.95rem;color:var(--sn-text);background:#fff}.nav-search-input:focus{outline:none}.nav-search-btn{flex-shrink:0;width:2.85rem;border:0;background:linear-gradient(135deg,#b8921f,#c9a227 40%,#e0b93a);color:#121826;cursor:pointer;display:grid;place-items:center;padding:0}.nav-search-btn:hover{filter:brightness(1.05)}.nav-search-btn svg{width:1.2rem;height:1.2rem;display:block}.nav-tools{display:flex;align-items:center;gap:.2rem;flex-shrink:0}.nav-tool{display:flex;flex-direction:column;justify-content:center;gap:.05rem;padding:.35rem .5rem;border:1px solid transparent;border-radius:2px;color:#fff;line-height:1.15;min-height:2.5rem}.nav-tool:hover,.nav-tool:focus-visible,.nav-tool.active{border-color:#ffffff8c;outline:none}.nav-tool-line{font-size:.72rem;font-weight:500;color:#ffffffd1;white-space:nowrap}.nav-tool--logout{background:transparent;font:inherit;cursor:pointer;text-align:left}.nav-cart{display:inline-flex;align-items:flex-end;gap:.3rem;padding:.35rem .55rem;border:1px solid transparent;border-radius:2px;color:#fff;min-height:2.5rem}.nav-cart:hover,.nav-cart:focus-visible,.nav-cart.active{border-color:#ffffff8c;outline:none}.nav-cart-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.nav-cart-icon{width:1.85rem;height:1.85rem;display:block}.nav-cart-count{position:absolute;top:-.35rem;left:50%;transform:translate(-35%);min-width:1.1rem;padding:0 .2rem;font-size:.78rem;font-weight:800;line-height:1.15;text-align:center;color:#dbb43a}.nav-cart-label{font-size:.86rem;font-weight:800;padding-bottom:.1rem}.nav-toggle{display:none;border:1px solid rgba(255,255,255,.35);background:transparent;width:2.5rem;height:2.5rem;border-radius:4px;cursor:pointer;align-items:center;justify-content:center;padding:0;flex-shrink:0}.nav-toggle-bars,.nav-toggle-bars:before,.nav-toggle-bars:after{display:block;width:1.1rem;height:2px;background:#fff;border-radius:2px;position:relative}.nav-toggle-bars:before,.nav-toggle-bars:after{content:"";position:absolute;left:0}.nav-toggle-bars:before{top:-6px}.nav-toggle-bars:after{top:6px}.nav-toggle.is-open .nav-toggle-bars{background:transparent}.nav-toggle.is-open .nav-toggle-bars:before{top:0;transform:rotate(45deg)}.nav-toggle.is-open .nav-toggle-bars:after{top:0;transform:rotate(-45deg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.main-nav{display:flex;flex:1;align-items:center;justify-content:space-between;gap:1rem;min-width:0;font-size:.86rem;font-weight:600}.nav-primary,.nav-account{display:flex;flex-wrap:nowrap;align-items:center;gap:.15rem}.nav-primary{flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.nav-primary::-webkit-scrollbar{display:none}.nav-account{flex-shrink:0;margin-left:auto;gap:.75rem;display:none}.main-nav a,.main-nav .nav-strip-link{color:#f3f6fb;white-space:nowrap;padding:.35rem .55rem;border:1px solid transparent;border-radius:2px}.main-nav a:hover,.main-nav .nav-strip-link:hover,.main-nav a.active,.main-nav a:focus-visible{border-color:#ffffff8c;outline:none}.nav-badge{margin-left:.3rem;display:inline-grid;place-items:center;min-width:1.2rem;height:1.2rem;padding:0 .3rem;border-radius:999px;background:var(--sn-accent);color:#121826;font-size:.7rem}.linkish{border:0;background:none;color:var(--muted);font:inherit;font-weight:600;cursor:pointer;padding:0}.linkish.danger{color:var(--danger)}.main-nav .linkish{color:#f3f6fbe6;padding:.35rem .55rem}.main-nav .linkish:hover{color:#fff}@media(max-width:900px){.nav-toggle{display:inline-flex}.topbar-inner--main .nav-tool{display:none}.nav-tool--logout{display:none!important}.nav-cart-label{display:none}.main-nav{display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;width:100%;flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem;background:#0b1f4a;border:1px solid rgba(255,255,255,.12);border-radius:0 0 8px 8px;box-shadow:var(--sn-shadow);z-index:30}.topbar-inner--sub{position:static;padding:0;min-height:0}.topbar-sub{position:relative;min-height:0;border-top:0;background:transparent}.main-nav.is-open{display:flex}.nav-primary,.nav-account{flex-direction:column;align-items:stretch;overflow:visible;margin-left:0;gap:.35rem}.nav-account{display:flex}.main-nav a,.main-nav .nav-strip-link,.main-nav .linkish{width:100%;text-align:left}}.page{width:min(var(--page-max),100%);margin:0 auto;padding:1.5rem var(--page-gutter) 2.5rem}.site-footer{border-top:1px solid var(--line);padding:1rem var(--page-gutter);color:var(--muted);font-size:.85rem;background:var(--sn-surface)}.eyebrow{margin:0 0 .35rem;color:var(--sn-accent);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800}h1,h2{font-family:var(--font-display);letter-spacing:.02em;margin:0 0 .5rem}h1{font-size:clamp(2rem,5vw,3rem);color:var(--zx-royal)}.lede,.muted{color:var(--muted)}.lede{max-width:42rem;line-height:1.55}.error{color:var(--danger)}.ok{color:var(--ok)}.loading-copy{padding:2rem var(--page-gutter)}.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:0;border-radius:6px;background:linear-gradient(135deg,var(--zx-royal),var(--zx-royal-mid));color:#fff;font:inherit;font-weight:700;padding:.7rem 1rem;cursor:pointer}.btn.is-disabled{opacity:.45;pointer-events:none}.tier-table{width:100%;max-width:280px;border-collapse:collapse;margin:.75rem 0;font-size:.88rem}.tier-table th,.tier-table td{text-align:left;padding:.35rem .45rem;border-bottom:1px solid var(--line)}.tier-table tr.is-active td{font-weight:800;color:var(--zx-royal)}.marketing-page{min-height:100vh;background:var(--bg)}.marketing-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem var(--page-gutter);background:#07152f;border-bottom:1px solid rgba(255,255,255,.08)}.marketing-top-nav{display:flex;gap:.5rem;align-items:center;font-weight:600}.marketing-top .btn.compact{background:linear-gradient(135deg,#b8921f,#c9a227 40%,#e0b93a);color:#121826}.marketing-hero{padding:clamp(2.5rem,8vw,5rem) var(--page-gutter);background:radial-gradient(800px 420px at 80% 0%,rgba(201,162,39,.16),transparent 55%),linear-gradient(160deg,#07152f,var(--zx-royal) 60%,#123064);color:#f5f8ff}.marketing-hero h1{color:#fff;max-width:16ch}.marketing-hero .lede{color:#f5f8ffcc}.hero-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.25rem}.marketing-hero .btn.ghost{border-color:#ffffff59;color:#fff}.trust-strip{list-style:none;margin:0;padding:1.25rem var(--page-gutter);display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem;background:#fff;border-bottom:1px solid var(--line)}.trust-strip li{display:grid;gap:.2rem}.trust-strip strong{color:var(--zx-royal)}.trust-strip span{color:var(--muted);font-size:.88rem}.marketing-section{padding:2rem var(--page-gutter) 3rem;max-width:var(--page-max);margin:0 auto}.how-list{margin:.75rem 0 0;padding-left:1.2rem;color:var(--muted);line-height:1.7}.btn.ghost,button.btn.ghost{background:transparent;color:var(--zx-royal);border:1px solid var(--line)}.btn.compact{padding:.45rem .7rem;font-size:.85rem}.form{display:grid;gap:.85rem;margin-top:1rem}.form label{display:grid;gap:.35rem;font-size:.88rem;font-weight:600}.form input,.form select{border:1px solid var(--line);background:#fff;color:var(--ink);padding:.65rem .75rem;font:inherit;border-radius:6px}.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid-2 .full{grid-column:1 / -1}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.auth-shell.guest-apply{grid-template-columns:1fr;place-items:start center;padding:2rem var(--page-gutter)}.auth-panel{background:radial-gradient(700px 360px at 20% 10%,rgba(201,162,39,.18),transparent 55%),linear-gradient(160deg,#07152f,var(--zx-royal) 55%,#102a5c);color:#f4f7ff;padding:clamp(2rem,6vw,4rem);display:grid;align-content:center}.auth-panel .lede{color:#f4f7ffc7}.auth-panel h1{color:#fff}.auth-card,.panel{background:var(--sn-surface);border:1px solid var(--line);border-radius:var(--sn-radius-sm);box-shadow:var(--sn-shadow);padding:1.5rem}.auth-card{margin:auto;width:min(420px,calc(100% - 2rem))}.auth-foot{margin-top:1rem;color:var(--muted);font-size:.9rem}.auth-foot a{color:var(--zx-royal);font-weight:700}.social-login-divider{display:flex;align-items:center;gap:.75rem;margin:1.15rem 0;color:var(--muted);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.social-login-divider:before,.social-login-divider:after{content:"";flex:1;height:1px;background:var(--line)}.social-login-divider span{white-space:nowrap}.btn-social{display:flex;align-items:center;justify-content:center;gap:.65rem;width:100%;padding:.7rem 1rem;border:1px solid var(--line);border-radius:var(--sn-radius-sm);background:#fff;color:var(--ink);font-weight:600;font-size:.92rem;text-decoration:none;transition:background .15s ease,border-color .15s ease}.btn-social:hover{background:var(--sn-bg);border-color:#0b1f4a38;color:var(--ink)}.btn-social-icon{width:20px;height:20px;flex-shrink:0;display:block}.intro-strip{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1.25rem;padding:1.25rem 1.35rem;border-radius:var(--sn-radius-sm);background:linear-gradient(120deg,#0b1f4a0f,#c9a2271a),var(--sn-surface);border:1px solid var(--line)}.chip-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.chip{padding:.35rem .7rem;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:.82rem;font-weight:600;color:var(--zx-royal)}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin:1rem 0}.section-head a{color:var(--zx-royal);font-weight:700}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.product-tile{background:#fff;border:1px solid var(--line);border-radius:var(--sn-radius-sm);overflow:hidden;display:grid;grid-template-rows:auto 1fr auto}.product-tile-link{display:grid}.product-media{position:relative;aspect-ratio:1;background:var(--grad-media);overflow:hidden}.product-media img{width:100%;height:100%;object-fit:cover}.moq-badge{position:absolute;left:.5rem;top:.5rem;background:#0b1f4aeb;color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:.25rem .45rem;border-radius:4px}.product-meta{padding:.75rem .8rem .4rem}.tile-vendor{margin:0;color:var(--muted);font-size:.75rem;font-weight:600}.product-meta h2{font-family:var(--font-body);font-size:.98rem;font-weight:700;margin:.2rem 0 .45rem;color:var(--ink)}.tile-price-row{display:flex;gap:.5rem;align-items:baseline}.tile-price{margin:0;font-weight:800;color:var(--zx-royal)}.tile-compare{margin:0;color:var(--muted);font-size:.82rem}.tile-stock{margin:.35rem 0 0;font-size:.78rem;font-weight:600}.tile-stock--danger{color:var(--danger)}.tile-stock--urgent{color:#b54708}.tile-stock--ok{color:var(--ok)}.tile-add{margin:.55rem .8rem .85rem}.placeholder,.product-placeholder{height:100%;display:grid;place-items:center;color:var(--muted);background:var(--grad-media);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase}.shop-hero{margin-bottom:1rem}.shop-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:1.25rem}.filters{display:grid;gap:.85rem;align-content:start;padding:1rem;background:#fff;border:1px solid var(--line);border-radius:var(--sn-radius-sm)}.filters label{display:grid;gap:.35rem;font-size:.85rem;font-weight:600}.filters input,.filters select{width:100%;border:1px solid var(--line);border-radius:6px;padding:.55rem .65rem;font:inherit}.inline-add{display:flex;gap:.4rem}.inline-add input{flex:1;min-width:0}.pager{display:flex;gap:.75rem;align-items:center;justify-content:center;margin-top:1.25rem}.breadcrumb{display:flex;gap:.4rem;color:var(--muted);font-size:.88rem;margin-bottom:1rem}.detail-grid{display:grid;gap:var(--space-5)}@media(min-width:860px){.detail-grid{grid-template-columns:1.05fr 1fr;align-items:start}}.product-gallery{display:grid;gap:var(--space-3)}.product-gallery--multi{grid-template-columns:64px minmax(0,1fr)}.product-gallery-thumbs{display:flex;flex-direction:column;gap:.4rem}.product-gallery-thumb{width:56px;height:56px;padding:0;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--grad-media);cursor:pointer}.product-gallery-thumb.is-active,.product-gallery-thumb:hover{border-color:var(--zx-royal);box-shadow:0 0 0 1px var(--zx-royal)}.product-gallery-thumb img,.detail-media img{width:100%;height:100%;object-fit:cover}.detail-media{position:relative;aspect-ratio:1;border:1px solid var(--line);border-radius:var(--sn-radius-sm);overflow:hidden;background:var(--grad-media)}.detail-info h1{max-width:18ch}.detail-price-block .price{margin:0;font-size:1.6rem;font-weight:800;color:var(--zx-royal)}.signal-pill{display:inline-flex;margin:.5rem 0;padding:.3rem .55rem;border-radius:999px;border:1px solid var(--line);font-size:.78rem;font-weight:700}.signal-pill--danger{color:var(--danger)}.signal-pill--ok{color:var(--ok)}.qty-row{display:grid;gap:.45rem;margin:1rem 0}.qty-stepper{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--line);border-radius:6px;padding:.2rem;background:#fff}.qty-stepper button{width:2rem;height:2rem;border:0;background:var(--sn-bg);border-radius:4px;cursor:pointer;font:inherit;font-weight:700}.qty-stepper input,.qty-stepper span{width:3rem;text-align:center;border:0;font:inherit;font-weight:700}.buy-row{display:flex;flex-wrap:wrap;gap:.6rem;margin:.75rem 0 1rem}.spec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.65rem;margin-top:1rem}.spec-grid.compact{grid-template-columns:1fr}.spec-item{background:#fff;border:1px solid var(--line);border-radius:6px;padding:.55rem .65rem}.spec-item dt{margin:0;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.spec-item dd{margin:.15rem 0 0;font-weight:700}.cart-layout,.checkout-layout{display:grid;gap:1.25rem}@media(min-width:900px){.cart-layout,.checkout-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start}}.vendor-group{margin-bottom:1rem}.vendor-group h2{font-size:1.15rem;margin-bottom:.55rem}.cart-list{display:grid;gap:.65rem}.cart-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:.75rem;padding:.75rem;background:#fff;border:1px solid var(--line);border-radius:var(--sn-radius-sm);align-items:center}.cart-media{width:72px;height:72px;border-radius:6px;overflow:hidden;background:var(--grad-media)}.cart-media img{width:100%;height:100%;object-fit:cover}.cart-info .muted{margin:.2rem 0 .45rem;font-size:.82rem}.cart-line{text-align:right;display:grid;gap:.35rem;justify-items:end}.cart-summary{background:#fff;border:1px solid var(--line);border-radius:var(--sn-radius-sm);padding:1rem;display:grid;gap:.65rem;box-shadow:var(--sn-shadow)}.cart-summary.inline{margin-top:1rem;max-width:280px}.cart-summary p{display:flex;justify-content:space-between;margin:0}.preview-vendor{border-top:1px solid var(--line);padding-top:.55rem}.preview-vendor ul{margin:.35rem 0 0;padding-left:1rem;color:var(--muted);font-size:.86rem}.summary-total{border-top:1px solid var(--line);padding-top:.55rem;font-size:1.05rem}.orders-list{display:grid;gap:.65rem;margin-top:1rem}.order-card{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 1rem;background:#fff;border:1px solid var(--line);border-radius:var(--sn-radius-sm)}.order-card-meta{display:grid;gap:.35rem;justify-items:end}.badge{display:inline-flex;padding:.2rem .45rem;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase;background:#eef2ff;color:var(--zx-royal)}.auth-inline{margin:1rem 0;padding:1rem;border:1px dashed var(--line);border-radius:8px}@media(max-width:860px){.auth-shell{grid-template-columns:1fr}.auth-panel{min-height:220px}.shop-layout,.form-grid-2,.product-gallery--multi{grid-template-columns:1fr}.product-gallery-thumbs{flex-direction:row;overflow-x:auto}.intro-strip{flex-direction:column;align-items:start}.cart-row{grid-template-columns:64px minmax(0,1fr)}.cart-line{grid-column:1 / -1;text-align:left;justify-items:start;flex-direction:row}}
