:root{--navy-950: #0b1220;--navy-900: #111827;--navy-800: #1e293b;--navy-700: #334155;--slate-600: #475569;--slate-500: #64748b;--slate-400: #94a3b8;--slate-200: #e2e8f0;--slate-100: #f1f5f9;--slate-50: #f8fafc;--white: #ffffff;--accent: #0d9488;--accent-hover: #0f766e;--accent-soft: #ccfbf1;--danger: #b91c1c;--success: #047857;--radius: 10px;--radius-sm: 6px;--shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 4px 16px rgba(15, 23, 42, .06);--shadow-lg: 0 8px 30px rgba(15, 23, 42, .12);--font: "DM Sans", system-ui, -apple-system, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--header-h: 64px;--max: 1120px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.5;color:var(--navy-900);background:var(--slate-50);min-height:100vh;display:flex;flex-direction:column}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent)}.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}.skip-link{position:absolute;left:-9999px;top:0;background:var(--navy-900);color:var(--white);padding:.75rem 1rem;z-index:1000}.skip-link:focus{left:.5rem;top:.5rem}.container{width:min(100% - 2rem,var(--max));margin-inline:auto}.container.narrow{width:min(100% - 2rem,640px)}.site-header{position:sticky;top:0;z-index:100;background:var(--navy-950);color:var(--white);height:var(--header-h);box-shadow:0 1px #ffffff0f}.header-inner{display:flex;align-items:center;gap:1rem;height:100%}.logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:inherit;flex-shrink:0}.logo-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--accent);color:var(--white);font-weight:700;font-size:.8rem;letter-spacing:.02em;border-radius:var(--radius-sm)}.logo-text{font-weight:700;font-size:1.1rem;letter-spacing:-.02em}.main-nav{display:none;align-items:center;gap:.25rem;margin-left:1rem;flex:1}.nav-link{background:transparent;border:none;color:var(--slate-400);padding:.45rem .75rem;border-radius:var(--radius-sm);cursor:pointer;font-weight:500;font-size:.925rem;display:inline-flex;align-items:center;gap:.35rem}.nav-link:hover,.nav-link:focus-visible{color:var(--white);background:#ffffff0f;outline:none}.nav-link.active{color:var(--white);background:#ffffff1a}.badge{display:inline-grid;place-items:center;min-width:1.25rem;height:1.25rem;padding:0 .35rem;background:var(--accent);color:var(--white);font-size:.65rem;font-weight:700;border-radius:999px;font-family:var(--mono);line-height:1}.header-actions{margin-left:auto;display:flex;align-items:center;gap:.5rem}.role-toggle{display:flex;background:#ffffff14;border-radius:999px;padding:3px}.role-btn{border:none;background:transparent;color:var(--slate-400);padding:.35rem .75rem;border-radius:999px;cursor:pointer;font-size:.8rem;font-weight:600}.role-btn.active{background:var(--white);color:var(--navy-900)}.role-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon-btn{background:transparent;border:none;color:var(--white);padding:.4rem;border-radius:var(--radius-sm);cursor:pointer;position:relative;display:inline-flex}.icon-btn:hover,.icon-btn:focus-visible{background:#ffffff1a;outline:none}.icon-btn .badge{position:absolute;top:-2px;right:-4px}.mobile-only,.menu-toggle{display:inline-flex}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b12208c;z-index:150}.drawer-overlay[hidden],.mobile-drawer[hidden]{display:none!important}.mobile-drawer{position:fixed;top:var(--header-h);right:0;bottom:0;width:min(300px,88vw);max-height:calc(100dvh - var(--header-h));overflow-y:auto;background:var(--navy-900);color:var(--white);z-index:160;padding:.75rem 1rem 1.25rem;display:flex;flex-direction:column;gap:.25rem;box-shadow:var(--shadow-lg);-webkit-overflow-scrolling:touch}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem .25rem .75rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:.35rem}.drawer-title{margin:0;font-weight:600;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:var(--slate-400)}.drawer-close{color:var(--white)}.mobile-drawer .nav-link{width:100%;text-align:left;padding:.75rem 1rem;color:var(--slate-200)}.mobile-drawer .nav-link.active{background:#0d948833;color:var(--white)}body.drawer-open{overflow:hidden}.currency-switcher{display:inline-flex;align-items:center;flex-shrink:0}.currency-switcher select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#ffffff1a;color:var(--white);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.35rem 1.6rem .35rem .65rem;font-size:.75rem;font-weight:600;line-height:1.2;cursor:pointer;max-width:5.75rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%94a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .45rem center}.currency-switcher select:hover,.currency-switcher select:focus-visible{border-color:var(--accent);outline:none}.currency-switcher select option{color:var(--navy-900);background:var(--white)}main{flex:1;padding:1.5rem 0 3rem}.view[hidden]{display:none!important}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:600;color:var(--accent);margin:0 0 .5rem}.hero{display:grid;gap:1.5rem;margin-bottom:1.75rem;padding:1.5rem;background:linear-gradient(135deg,var(--navy-900) 0%,var(--navy-800) 100%);color:var(--white);border-radius:calc(var(--radius) + 2px);box-shadow:var(--shadow)}.hero h1{margin:0 0 .5rem;font-size:clamp(1.5rem,4vw,2rem);letter-spacing:-.03em;line-height:1.2}.hero-sub{margin:0;color:var(--slate-400);max-width:36rem;font-size:.975rem}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.stat{background:#ffffff0f;border-radius:var(--radius-sm);padding:.75rem;display:flex;flex-direction:column;gap:.15rem}.stat strong{font-size:1.25rem;font-family:var(--mono);color:var(--accent-soft)}.stat span{font-size:.75rem;color:var(--slate-400)}.filters-bar{display:flex;flex-direction:column;gap:.85rem;margin-bottom:1rem}.search-field{position:relative}.search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--slate-500);pointer-events:none}.search-field input{width:100%;padding:.7rem .85rem .7rem 2.5rem;border:1px solid var(--slate-200);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow)}.search-field input:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}.category-pills{display:flex;flex-wrap:wrap;gap:.4rem}.pill{border:1px solid var(--slate-200);background:var(--white);color:var(--navy-800);padding:.4rem .85rem;border-radius:999px;cursor:pointer;font-size:.85rem;font-weight:500}.pill:hover{border-color:var(--slate-400)}.pill.active{background:var(--navy-900);border-color:var(--navy-900);color:var(--white)}.pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.results-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;font-size:.9rem;color:var(--slate-600)}.results-meta p{margin:0}.sort-label select{padding:.4rem .6rem;border:1px solid var(--slate-200);border-radius:var(--radius-sm);background:var(--white)}.product-grid{display:grid;grid-template-columns:1fr;gap:1rem}.product-card{background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s;cursor:pointer;text-align:left;padding:0;width:100%;font:inherit;color:inherit}.product-card:hover,.product-card:focus-visible{border-color:var(--accent);box-shadow:var(--shadow-lg);outline:none}.card-visual{height:120px;display:grid;place-items:center;font-size:2rem;background:linear-gradient(145deg,var(--slate-100),var(--slate-200));color:var(--navy-800);position:relative}.card-cat{position:absolute;top:.6rem;left:.6rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:var(--white);color:var(--slate-600);padding:.2rem .5rem;border-radius:999px}.card-body{padding:1rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.card-body h2{margin:0;font-size:1rem;letter-spacing:-.01em;line-height:1.3}.card-factory{margin:0;font-size:.85rem;color:var(--slate-500)}.card-meta{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:auto;padding-top:.5rem;border-top:1px solid var(--slate-100)}.meta-item{display:flex;flex-direction:column;gap:.1rem}.meta-item span{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--slate-500);font-weight:600}.meta-item strong{font-size:.9rem;font-family:var(--mono);font-weight:500}.meta-item.price strong{color:var(--accent-hover)}.back-link{background:none;border:none;color:var(--slate-600);cursor:pointer;padding:0;margin-bottom:1rem;font-weight:500;font-size:.9rem}.back-link:hover,.back-link:focus-visible{color:var(--accent);outline:none}.detail-layout{display:grid;gap:1.5rem}.detail-visual{height:200px;border-radius:var(--radius);display:grid;place-items:center;font-size:3.5rem;background:linear-gradient(145deg,var(--navy-800),var(--navy-900));color:var(--accent-soft);box-shadow:var(--shadow)}.detail-info h1{margin:0 0 .35rem;font-size:clamp(1.35rem,3vw,1.75rem);letter-spacing:-.02em}.detail-factory{margin:0 0 1rem;color:var(--slate-600)}.detail-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.chip{background:var(--slate-100);border:1px solid var(--slate-200);padding:.4rem .7rem;border-radius:var(--radius-sm);font-size:.85rem}.chip strong{font-family:var(--mono);font-weight:500}.specs{margin:0 0 1.25rem;padding:0;list-style:none;border:1px solid var(--slate-200);border-radius:var(--radius);background:var(--white);overflow:hidden}.specs li{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 1rem;border-bottom:1px solid var(--slate-100);font-size:.9rem}.specs li:last-child{border-bottom:none}.specs li span{color:var(--slate-500)}.specs li strong{font-weight:500;text-align:right}.tiers{margin-bottom:1.25rem}.tiers h2{margin:0 0 .5rem;font-size:.95rem}.tier-table{width:100%;border-collapse:collapse;background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius);overflow:hidden;font-size:.9rem}.tier-table th,.tier-table td{padding:.6rem .85rem;text-align:left;border-bottom:1px solid var(--slate-100)}.tier-table th{background:var(--slate-100);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--slate-600)}.tier-table tr:last-child td{border-bottom:none}.tier-table td:last-child{font-family:var(--mono)}.detail-desc{color:var(--slate-600);margin:0 0 1.5rem;font-size:.95rem}.qty-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:1rem}.qty-row .field{flex:1;min-width:120px}.detail-actions{display:flex;flex-wrap:wrap;gap:.65rem}.section-lead{color:var(--slate-600);margin:0 0 1.25rem}.form-card{background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.form-section-title{margin:0 0 .85rem;font-size:1rem;padding-top:.5rem}.form-section-title:first-child{padding-top:0}.form-row{display:grid;gap:.85rem;margin-bottom:.85rem}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.85rem}.form-row .field{margin-bottom:0}.field label{font-size:.85rem;font-weight:600;color:var(--navy-800)}.field input,.field textarea,.field select{padding:.65rem .75rem;border:1px solid var(--slate-200);border-radius:var(--radius-sm);background:var(--white)}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}.field input:invalid:not(:placeholder-shown):not(:focus),.field textarea:invalid:not(:placeholder-shown):not(:focus){border-color:var(--danger)}.field-hint{margin:0;font-size:.8rem;color:var(--slate-500)}.field-error{margin:0;font-size:.8rem;color:var(--danger)}.form-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1.15rem;border-radius:var(--radius-sm);font-weight:600;font-size:.925rem;cursor:pointer;border:1px solid transparent;text-decoration:none;transition:background .15s,border-color .15s,color .15s}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);color:var(--white);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:var(--navy-900);color:var(--white);border-color:var(--navy-900)}.btn-secondary:hover{background:var(--navy-800)}.btn-ghost{background:transparent;color:var(--navy-800);border-color:var(--slate-200)}.btn-ghost:hover{background:var(--slate-100)}.btn-block{width:100%}.btn-danger-ghost{background:transparent;color:var(--danger);border-color:var(--slate-200);padding:.4rem .65rem;font-size:.8rem}.btn-danger-ghost:hover{background:#fef2f2}.confirm-card{text-align:center;background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius);padding:2rem 1.5rem;box-shadow:var(--shadow)}.confirm-icon{width:56px;height:56px;margin:0 auto 1rem;border-radius:50%;background:var(--accent-soft);color:var(--success);display:grid;place-items:center;font-size:1.5rem;font-weight:700}.confirm-card h1{margin:0 0 .5rem}.confirm-card p{color:var(--slate-600)}.confirm-card .form-actions{justify-content:center}.order-id-display{font-size:1rem!important;margin:1rem 0!important}.order-id-display code{font-family:var(--mono);background:var(--slate-100);padding:.25rem .5rem;border-radius:var(--radius-sm);color:var(--navy-900);font-weight:500}.cart-layout{display:grid;gap:1.25rem}.cart-line{background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius);padding:1rem;display:grid;gap:.75rem;box-shadow:var(--shadow)}.cart-line-top{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.cart-line-top h3{margin:0 0 .2rem;font-size:1rem}.cart-line-top p{margin:0;font-size:.85rem;color:var(--slate-500)}.cart-line-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.qty-control{display:flex;align-items:center;gap:.4rem}.qty-control label{font-size:.8rem;font-weight:600;color:var(--slate-600)}.qty-control input{width:5rem;padding:.4rem .5rem;border:1px solid var(--slate-200);border-radius:var(--radius-sm)}.line-total{font-family:var(--mono);font-weight:600;font-size:1rem}.moq-warn{font-size:.8rem;color:var(--danger);margin:0;width:100%}.summary-dl{margin:0 0 1rem}.summary-dl>div{display:flex;justify-content:space-between;padding:.4rem 0;font-size:.95rem}.summary-dl dt{color:var(--slate-600);margin:0}.summary-dl dd{margin:0;font-family:var(--mono);font-weight:500}.checkout-totals{margin:1rem 0;padding:1rem 0 0;border-top:1px solid var(--slate-200)}.total-row{display:flex;justify-content:space-between;padding:.35rem 0;font-size:.95rem}.total-row.grand{margin-top:.5rem;padding-top:.65rem;border-top:1px solid var(--slate-200);font-size:1.05rem}.total-row strong{font-family:var(--mono)}.data-list{display:flex;flex-direction:column;gap:.85rem}.data-card{background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius);padding:1rem 1.15rem;box-shadow:var(--shadow)}.data-card header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-bottom:.65rem;align-items:baseline}.data-card h3{margin:0;font-size:1rem}.data-card .meta{font-size:.8rem;color:var(--slate-500);font-family:var(--mono)}.data-card .status{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .5rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-hover)}.data-card dl{margin:0;display:grid;gap:.35rem;font-size:.9rem}.data-card dl>div{display:grid;grid-template-columns:7.5rem 1fr;gap:.5rem}.data-card dt{color:var(--slate-500);margin:0}.data-card dd{margin:0}.data-card .message-block{margin-top:.65rem;padding:.65rem;background:var(--slate-50);border-radius:var(--radius-sm);font-size:.9rem;color:var(--navy-800)}.empty-state,.empty-panel{text-align:center;padding:2.5rem 1rem;color:var(--slate-600);background:var(--white);border:1px dashed var(--slate-200);border-radius:var(--radius)}.empty-panel .btn{margin-top:.75rem}.seller-tabs{display:flex;gap:.35rem;margin-bottom:1rem;border-bottom:1px solid var(--slate-200);padding-bottom:.35rem}.seller-tab{background:transparent;border:none;padding:.55rem .9rem;cursor:pointer;font-weight:600;font-size:.9rem;color:var(--slate-500);border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:.35rem}.seller-tab.active{color:var(--navy-900);background:var(--slate-100)}.seller-tab:focus-visible{outline:2px solid var(--accent)}.toast{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);background:var(--navy-900);color:var(--white);padding:.75rem 1.25rem;border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:200;font-size:.9rem;font-weight:500;max-width:calc(100% - 2rem)}.site-footer{background:var(--navy-950);color:var(--slate-400);padding:1.5rem 0;font-size:.85rem}.footer-inner p{margin:0 0 .25rem}.footer-inner strong{color:var(--white)}.footer-note{opacity:.8}@media (min-width: 640px){.product-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1.6fr 1fr;align-items:center;padding:2rem}.detail-layout{grid-template-columns:280px 1fr}.detail-visual{height:280px}}@media (min-width: 900px){.main-nav{display:flex}.menu-toggle,.mobile-only{display:none}.product-grid{grid-template-columns:repeat(3,1fr)}.cart-layout{grid-template-columns:1fr 300px;align-items:start}.filters-bar{flex-direction:row;align-items:center}.search-field{flex:1;max-width:420px}}@media (max-width: 639px){.auth-chip{display:none}.header-actions{gap:.35rem}.header-inner{gap:.5rem}.role-toggle .role-btn{padding:.3rem .55rem;font-size:.72rem}.currency-switcher select{max-width:5.25rem;padding:.3rem 1.4rem .3rem .5rem;font-size:.7rem}}@media (max-width: 399px){.hero-stats,.card-meta{grid-template-columns:1fr}.logo-text{display:none}.role-toggle .role-btn{padding:.28rem .45rem;font-size:.68rem}.currency-switcher select{max-width:4.6rem;font-size:.65rem}}.btn-sm{padding:.35rem .7rem;font-size:.8rem}.auth-chip{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--slate-200);background:var(--white);color:var(--navy-900);font-weight:600}.auth-chip:hover{border-color:var(--accent);color:var(--accent)}.auth-gate{background:#fff8eb;border:1px solid #f0d9a8;border-radius:var(--radius);padding:1rem 1.15rem;margin-bottom:1.25rem}.auth-gate p{margin:0 0 .85rem;color:var(--slate-700);font-size:.95rem}.auth-tabs{margin-bottom:1rem}.role-fieldset{border:none;padding:0;margin:0 0 1rem}.role-fieldset legend{font-weight:600;font-size:.9rem;margin-bottom:.5rem;color:var(--navy-900)}.role-choice{display:grid;gap:.65rem}.choice-card{display:flex;gap:.65rem;align-items:flex-start;padding:.75rem .9rem;border:1px solid var(--slate-200);border-radius:var(--radius-sm);cursor:pointer;background:var(--white)}.choice-card:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:#f3f8ff}.choice-card input{margin-top:.2rem}.choice-card strong{display:block;color:var(--navy-900)}.choice-card small{color:var(--slate-500);font-size:.8rem}.auth-status{margin:0 0 1rem}#signin-error,#signup-error{color:#b42318;font-weight:500}