:root{--navy:#0f2742;--navy-2:#1b3a5c;--accent:#f2a900;--accent-ink:#1a1300;--ink:#1d232b;--muted:#5b6672;--line:#dde2e8;--bg:#fff;--bg-soft:#f4f6f8;--gap-bg:#fff6d6;--gap-line:#c98a00;--ok:#1e7a46;--err:#b42318;--radius:8px;--wrap:1120px;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.55}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);margin:0;font-size:16px;overflow-x:hidden}img{max-width:100%;height:auto}a{color:var(--navy-2)}h1,h2,h3{color:var(--navy);line-height:1.2}h1{margin:0 0 .5em;font-size:clamp(1.75rem,4vw,2.5rem)}h2{margin:1.6em 0 .5em;font-size:clamp(1.3rem,2.6vw,1.7rem)}h3{margin:1.2em 0 .4em;font-size:1.1rem}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 16px}.section{padding:40px 0}.section.soft{background:var(--bg-soft)}.lead{color:var(--muted);max-width:46em;font-size:1.15rem}.skip{background:var(--accent);color:var(--accent-ink);z-index:100;padding:8px 12px;position:absolute;top:0;left:-999px}.skip:focus{left:8px}.site-header{background:var(--navy);color:#fff;z-index:50;position:sticky;top:0}.site-header .wrap{justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.brand{color:#fff;letter-spacing:.02em;align-items:baseline;gap:8px;font-weight:700;text-decoration:none;display:flex}.brand .mark{color:var(--accent);font-size:1.4rem}.brand .rest{font-size:1rem;font-weight:600}.nav-toggle{color:#fff;border-radius:var(--radius);font:inherit;cursor:pointer;background:0 0;border:1px solid #fff6;padding:8px 12px;display:none}.site-nav ul{gap:4px;margin:0;padding:0;list-style:none;display:flex}.site-nav a{color:#fff;border-radius:var(--radius);padding:10px 12px;text-decoration:none;display:block}.site-nav a:hover{background:var(--navy-2)}.site-nav a[aria-current=page]{background:var(--accent);color:var(--accent-ink);font-weight:600}@media (width<=820px){.nav-toggle{display:inline-block}.site-nav{background:var(--navy);border-top:1px solid var(--navy-2);padding:8px 16px 16px;display:none;position:absolute;top:64px;left:0;right:0}.site-nav.open{display:block}.site-nav ul{flex-direction:column}.site-nav a{padding:14px 12px}}.btn{border-radius:var(--radius);cursor:pointer;font-weight:600;font:inherit;border:2px solid #0000;padding:12px 20px;font-weight:600;text-decoration:none;display:inline-block}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{filter:brightness(.95)}.btn-outline{color:inherit;background:0 0;border-color:currentColor}.btn-row{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.hero{background:linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 100%);color:#fff;padding:56px 0}.hero h1{color:#fff}.hero .lead{color:#d6e0ea}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:16px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;gap:8px;padding:20px;display:flex}.card h3{margin:0}.card a.stretch{color:inherit;text-decoration:none}.card .count{color:var(--muted);font-size:.95rem}.card-link{color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s}.card-link:hover{border-color:var(--navy-2);box-shadow:0 2px 10px #0f274214}.photo-gap{aspect-ratio:4/3;border:2px dashed var(--gap-line);background:var(--gap-bg);color:#7a5300;text-align:center;border-radius:6px;place-items:center;padding:8px;font-size:.85rem;display:grid}.gap{background:var(--gap-bg);border:2px dashed var(--gap-line);border-radius:var(--radius);color:#5a3d00;margin:12px 0;padding:10px 14px;font-size:.95rem}.tbc{color:#7a5300;font-style:italic}.product-group{margin-bottom:28px}.ptable{border-collapse:collapse;width:100%;font-size:.95rem}.ptable th,.ptable td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 8px}.ptable th{background:var(--bg-soft);color:var(--navy);font-weight:600}.ptable td.code{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--muted)}.ptable td.act{text-align:right;white-space:nowrap}@media (width<=640px){.ptable thead{display:none}.ptable,.ptable tbody,.ptable tr,.ptable td{width:100%;display:block}.ptable tr{border:1px solid var(--line);border-radius:var(--radius);margin-bottom:10px;padding:10px 12px}.ptable td{border:0;padding:2px 0}.ptable td[data-label]:before{content:attr(data-label) ": ";color:var(--navy);font-weight:600}.ptable td.act{text-align:left;padding-top:8px}}.search{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 24px;display:flex}.search input{border:1px solid var(--line);border-radius:var(--radius);font:inherit;flex:260px;padding:12px 14px}.chips{flex-wrap:wrap;gap:8px;margin:8px 0 20px;display:flex}.chip{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:999px;padding:6px 12px;font-size:.9rem;text-decoration:none}.chip[aria-current=page]{background:var(--navy);color:#fff;border-color:var(--navy)}.form{gap:14px;max-width:640px;display:grid}.form .row2{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=560px){.form .row2{grid-template-columns:1fr}}.form label{margin-bottom:4px;font-weight:600;display:block}.form .opt{color:var(--muted);font-weight:400}.form input,.form select,.form textarea{border-radius:var(--radius);width:100%;font:inherit;background:#fff;border:1px solid #b9c2cc;padding:12px}.form textarea{min-height:140px}.form .check{align-items:flex-start;gap:10px;font-weight:400;display:flex}.form .check input{flex:none;width:20px;height:20px;margin-top:3px}.hp{position:absolute;left:-9999px}.form-msg{border-radius:var(--radius);padding:12px 14px;display:none}.form-msg.ok{color:var(--ok);background:#e7f5ec;display:block}.form-msg.err{color:var(--err);background:#fdecea;display:block}.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:32px;display:grid}@media (width<=820px){.contact-grid{grid-template-columns:1fr}}.details dt{color:var(--navy);margin-top:12px;font-weight:600}.details dd{margin:2px 0 0}.site-footer{background:var(--navy);color:#c9d4df;margin-top:40px;padding:32px 0 24px;font-size:.95rem}.site-footer a{color:#fff}.site-footer .cols{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;display:grid}.site-footer h2{color:#fff;margin:0 0 8px;font-size:1rem}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer li{margin:4px 0}.site-footer .legal{border-top:1px solid var(--navy-2);margin-top:24px;padding-top:16px;font-size:.85rem}.prose{max-width:46em}.prose li{margin:4px 0}[hidden]{display:none!important}.muted{color:var(--muted)}.narrow{max-width:480px}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.select{border:1px solid var(--line);border-radius:var(--radius);font:inherit;background:#fff;padding:12px 14px}.portal-nav{background:var(--bg-soft);border-bottom:1px solid var(--line)}.portal-nav .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:8px;padding-bottom:8px;display:flex}.portal-nav nav{gap:4px;display:flex}.portal-nav a{border-radius:var(--radius);color:var(--navy);padding:8px 12px;font-weight:600;text-decoration:none}.portal-nav a[aria-current=page]{background:var(--navy);color:#fff}.who{color:var(--muted);font-size:.9rem}.linkish{font:inherit;color:var(--navy-2);cursor:pointer;background:0 0;border:0;margin-left:8px;padding:0;text-decoration:underline}button.chip{cursor:pointer;font:inherit;font-size:.9rem}.btn:disabled{opacity:.55;cursor:not-allowed}.ptable td.buy{white-space:nowrap;min-width:130px}.qty{align-items:stretch;display:inline-flex}.qty button{background:var(--bg-soft);width:38px;min-height:38px;font:inherit;cursor:pointer;border:1px solid #b9c2cc;font-size:1.1rem}.qty button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.qty button:last-child{border-radius:0 var(--radius) var(--radius) 0}.qty input{text-align:center;width:72px;font:inherit;border:1px solid #b9c2cc;border-left:0;border-right:0}.qty-err{color:var(--err);white-space:normal;max-width:150px;font-size:.8rem}.stock-in{border-radius:var(--radius);width:110px;font:inherit;border:1px solid #b9c2cc;padding:8px}.cartbar{border-top:2px solid var(--navy);z-index:40;background:#fff;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0f27421a}.cartbar .wrap{justify-content:space-between;align-items:center;gap:12px;padding-top:10px;padding-bottom:10px;font-size:.95rem;display:flex}.totals{grid-template-columns:auto auto;justify-content:end;gap:4px 24px;margin:16px 0 0;display:grid}.totals dd{text-align:right;margin:0}.order{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:10px;padding:12px 14px}.order summary{cursor:pointer}.order .muted{display:inline-block}.status{background:var(--bg-soft);border:1px solid var(--line);text-transform:capitalize;border-radius:999px;padding:1px 8px;font-size:.78rem;display:inline-block}.s-new,.s-pending{background:var(--gap-bg);border-color:var(--gap-line)}.s-picked,.s-dispatched,.s-approved{border-color:var(--ok);color:var(--ok);background:#e7f5ec}.s-cancelled,.s-suspended{border-color:var(--err);color:var(--err);background:#fdecea}.mail{white-space:pre-wrap;margin:10px 0 0;font-family:ui-monospace,Consolas,monospace;font-size:.85rem}@media (width<=640px){.ptable td.buy{padding-top:8px}.ptable .act .btn{margin-top:6px}}