:root{--bg:#f3f5f8;--surface:#fff;--fg:#16202c;--muted:#5e6b7b;--line:#e1e6ed;--navy:#0f1f33;--navy-2:#1b3049;--brand:#1769d2;--brand-dark:#0f4fa3;--cta:#f26a10;--cta-dark:#cf5604;--ok:#157f3b;--warn:#8a5a00;--radius:10px;--max:1280px;--shadow:0 1px 2px #1018280f, 0 4px 12px #1018280f;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--fg);margin:0;line-height:1.5}a{color:var(--brand)}img{max-width:100%;height:auto}h1{margin:8px 0 16px;font-size:clamp(1.4rem,3vw,2rem);line-height:1.2}h2{margin:0;font-size:1.25rem}button{font:inherit}.wrap{max-width:var(--max);margin:0 auto;padding-inline:16px}.preview-bar{color:var(--warn);text-align:center;background:#fff3cd;padding:4px 16px;font-size:.8rem}.topbar{background:var(--navy-2);color:#dbe5f1;font-size:.8rem}.topbar .wrap{justify-content:space-between;align-items:center;gap:12px;padding-block:6px;display:flex}.topbar span{align-items:center;gap:6px;display:inline-flex}.topbar a{color:#fff;white-space:nowrap;font-weight:600;text-decoration:none}@media (width<=719px){.topbar .hide-sm{display:none}}.site-head{background:var(--surface);border-bottom:1px solid var(--line)}.head-row{grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding-block:10px;display:grid}.logo{line-height:0}.logo img{width:auto;height:52px}.search{border:2px solid var(--brand);background:#fff;border-radius:8px;display:flex;overflow:hidden}.search input{min-width:0;font:inherit;border:0;outline:none;flex:1;padding:10px 14px}.search button{background:var(--brand);color:#fff;cursor:pointer;border:0;place-items:center;padding:0 16px;display:grid}.search button:hover{background:var(--brand-dark)}.head-actions{gap:18px;display:flex}.head-link{color:var(--fg);align-items:center;gap:8px;font-size:.85rem;font-weight:600;line-height:1.15;text-decoration:none;display:flex;position:relative}.head-link small{color:var(--muted);font-weight:400}.head-link:hover{color:var(--brand)}.cart-count{background:var(--cta);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.7rem;display:grid;position:absolute;top:-8px;left:12px}@media (width<=760px){.head-row{grid-template-columns:auto 1fr;row-gap:10px}.search{grid-area:2/1/auto/-1}.head-actions{justify-self:end}.head-link span{display:none}.logo img{height:44px}}.catbar{background:var(--navy);z-index:20;position:relative}.catbar-row{align-items:stretch;gap:8px;display:flex}.all-cats{background:var(--brand);color:#fff;cursor:pointer;white-space:nowrap;border:0;align-items:center;gap:8px;padding:11px 16px;font-weight:700;text-decoration:none;display:flex}.all-cats:hover{background:var(--brand-dark)}.quick{scrollbar-width:none;display:flex;overflow-x:auto}.quick::-webkit-scrollbar{display:none}.quick a{color:#e6edf6;white-space:nowrap;padding:11px 12px;font-size:.92rem;font-weight:500;text-decoration:none}.quick a:hover{background:var(--navy-2);color:#fff}.mega-wrap{position:relative}.mega{background:var(--surface);border-radius:0 0 var(--radius) var(--radius);min-height:460px;position:absolute;top:0;left:16px;right:16px;box-shadow:0 12px 32px #00000038}.mega-head{display:none}.mega-list{border-right:1px solid var(--line);width:290px;min-height:460px;margin:0;padding:8px 0;list-style:none}.mega-row{align-items:center;display:flex}.mega-row a{color:var(--fg);flex:1;align-items:center;gap:10px;padding:8px 16px;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.mega-toggle{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:8px 12px}.mega-list>li.open>.mega-row{background:#eaf2fd}.mega-list>li.open>.mega-row a{color:var(--brand)}.mega-sub{padding:20px 24px;display:none;position:absolute;top:0;left:290px;right:0}.mega-list>li.open>.mega-sub{display:block}.mega-all{margin-bottom:12px;font-weight:700;text-decoration:none;display:inline-block}.mega-sub ul{columns:3 200px;margin:0;padding:0;list-style:none}.mega-sub li a{color:var(--fg);break-inside:avoid;padding:6px 0;text-decoration:none;display:block}.mega-sub li a:hover{color:var(--brand)}.mega-sub li span,.sub-nav span,.sub-tiles span,.brand-grid span,.cat-columns span,.brand-list span{color:var(--muted);font-size:.8em}@media (width<=899px){.mega{z-index:50;border-radius:0;min-height:0;position:fixed;inset:0;overflow-y:auto}.mega-head{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.mega-list{border:0;width:auto;min-height:0}.mega-sub{padding:4px 16px 12px 48px;position:static}.mega-list>li{border-bottom:1px solid var(--line)}.mega-list>li.open>.mega-row{background:0 0}.mega-list>li.open .mega-toggle svg{transform:rotate(90deg)}.mega-sub ul{columns:1}body.mega-open{overflow:hidden}}.icon-btn{cursor:pointer;color:var(--fg);background:0 0;border:0;padding:6px}.page{min-height:60vh;padding-block:20px 56px}.crumbs{color:var(--muted);font-size:.85rem}.crumbs a{color:var(--muted)}.btn-cta{background:var(--cta);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-weight:700;text-decoration:none;display:inline-flex}.btn-cta:hover{background:var(--cta-dark)}.btn-cta:disabled{cursor:not-allowed;background:#b8c0cb}.btn-cta.wide{width:100%}.btn-outline{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;display:inline-flex}.link-btn{color:var(--brand);cursor:pointer;background:0 0;border:0;padding:0;font-size:.9rem;text-decoration:underline}.small{color:var(--muted);font-size:.82rem}.hero-grid{grid-template-columns:2fr 1fr;gap:16px;margin-bottom:20px;display:grid}.hero{border-radius:var(--radius);color:#fff;background:radial-gradient(circle at 85% 20%, #2bb3d9 0, transparent 45%), linear-gradient(120deg, var(--navy) 0%, #12407e 60%, var(--brand) 100%);flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;min-height:300px;padding:36px;text-decoration:none;display:flex}.hero h1{max-width:18ch;margin:0;font-size:clamp(1.5rem,3.2vw,2.4rem)}.hero p{color:#d6e4f5;max-width:46ch;margin:0 0 8px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#8fd3ee;font-size:.78rem;font-weight:700}.hero-side{gap:16px;display:grid}.tile{border-radius:var(--radius);color:#fff;flex-direction:column;justify-content:flex-end;gap:4px;min-height:140px;padding:22px;text-decoration:none;display:flex}.tile strong{font-size:1.2rem}.tile-a{background:linear-gradient(135deg,#f26a10,#f59e0b)}.tile-b{background:linear-gradient(135deg,#157f3b,#22a55a)}@media (width<=860px){.hero-grid{grid-template-columns:1fr}.hero{min-height:240px;padding:24px}.hero-side{grid-template-columns:1fr 1fr}}@media (width<=480px){.hero-side{grid-template-columns:1fr}}.usp{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px;display:grid}.usp div{background:var(--surface);border-radius:var(--radius);color:var(--brand);box-shadow:var(--shadow);align-items:center;gap:12px;padding:14px 16px;display:flex}.usp span{color:var(--muted);flex-direction:column;font-size:.82rem;display:flex}.usp strong{color:var(--fg);font-size:.92rem}@media (width<=860px){.usp{grid-template-columns:1fr 1fr}}@media (width<=480px){.usp{grid-template-columns:1fr}}.row-head{justify-content:space-between;align-items:baseline;gap:12px;margin:28px 0 12px;display:flex}.row-head a{white-space:nowrap;font-size:.9rem;font-weight:600}.cat-tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.cat-tiles a{text-align:center;background:var(--surface);border-radius:var(--radius);color:var(--brand);box-shadow:var(--shadow);border:1px solid #0000;flex-direction:column;align-items:center;gap:6px;padding:18px 10px;text-decoration:none;display:flex}.cat-tiles a:hover{border-color:var(--brand)}.cat-tiles strong{color:var(--fg);font-size:.9rem;line-height:1.25}.cat-tiles span{color:var(--muted);font-size:.78rem}.brand-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.brand-grid a{background:var(--surface);border:1px solid var(--line);text-align:center;color:var(--fg);border-radius:8px;padding:14px 10px;font-weight:700;text-decoration:none}.brand-grid a:hover{border-color:var(--brand);color:var(--brand)}.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.scroller{scroll-snap-type:x proximity;grid-auto-columns:minmax(190px,220px);grid-auto-flow:column;gap:14px;padding-bottom:8px;display:grid;overflow-x:auto}.scroller .pcard{scroll-snap-align:start}.pcard{background:var(--surface);border-radius:var(--radius);border:1px solid var(--line);flex-direction:column;transition:box-shadow .15s,border-color .15s;display:flex;overflow:hidden}.pcard:hover{box-shadow:var(--shadow);border-color:#c9d3df}.pcard-img{aspect-ratio:4/3;border-bottom:1px solid var(--line);background:#fff;place-items:center;padding:12px;text-decoration:none;display:grid}.pcard-img img{object-fit:contain;max-height:100%}.ph{color:#7b8aa0;text-align:center;letter-spacing:.02em;background:linear-gradient(135deg,#eef3f9,#e3eaf3);border-radius:6px;place-items:center;width:100%;height:100%;padding:8px;font-size:1.05rem;font-weight:800;display:grid}.ph-lg{font-size:2rem}.pcard-body{flex-direction:column;flex:1;gap:4px;padding:12px;display:flex}.pcard-brand{text-transform:uppercase;color:var(--muted);letter-spacing:.04em;font-size:.72rem;font-weight:700}.pcard-title{color:var(--fg);-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:3.6em;font-size:.88rem;line-height:1.35;text-decoration:none;display:-webkit-box;overflow:hidden}.pcard-title:hover{color:var(--brand)}.pcard-foot{flex-direction:column;gap:2px;margin-top:auto;padding-top:6px;display:flex}.pcard-price{font-size:1.2rem;font-weight:800}.pcard-price small{color:var(--muted);font-size:.7rem;font-weight:600}.pcard-ex{color:var(--muted);font-size:.8rem}.stock{align-items:center;gap:4px;font-size:.8rem;font-weight:600;display:inline-flex}.stock.in{color:var(--ok)}.stock.out{color:var(--warn)}.sub-tiles{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.sub-tiles a{background:var(--surface);border:1px solid var(--line);color:var(--fg);border-radius:999px;padding:6px 14px;font-size:.9rem;text-decoration:none}.sub-tiles a:hover{border-color:var(--brand);color:var(--brand)}.listing{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:20px;display:grid}.results{min-width:0}.filters{background:var(--surface);border-radius:var(--radius);border:1px solid var(--line);max-height:calc(100vh - 24px);padding:4px 16px;position:sticky;top:12px;overflow-y:auto}.fbox{border-bottom:1px solid var(--line);padding:14px 0}.fbox:last-child{border-bottom:0}.fbox h3{margin:0 0 8px;font-size:.9rem}.fbox label{cursor:pointer;align-items:center;gap:8px;padding:3px 0;font-size:.9rem;display:flex}.brand-list label.more{display:none}.brand-list.show-all label.more{display:flex}.brand-list label span{margin-left:auto}.price-range{align-items:center;gap:6px;display:flex}.price-range input{border:1px solid var(--line);width:100%;min-width:0;font:inherit;border-radius:6px;padding:7px 8px}.sub-nav{margin:0;padding:0;list-style:none}.sub-nav a{color:var(--fg);padding:4px 0;font-size:.9rem;text-decoration:none;display:block}.sub-nav a[aria-current]{color:var(--brand);font-weight:700}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-bottom:12px;display:flex}.toolbar .count{color:var(--muted);margin-right:auto;font-size:.9rem}.sort{align-items:center;gap:8px;font-size:.9rem;display:flex}.sort select{border:1px solid var(--line);font:inherit;background:var(--surface);border-radius:6px;padding:7px 10px}.filters-btn{display:none}.pager{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:24px;display:flex}.pager button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:8px;min-width:38px;height:38px}.pager button[aria-current]{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}.pager span{color:var(--muted);align-self:center}.empty{color:var(--muted);grid-column:1/-1;padding:24px 0}@media (width<=860px){.listing{grid-template-columns:1fr}.filters{max-height:none;display:none;position:static}.listing.filters-open .filters{display:block}.filters-btn{display:inline-flex}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.pcard-title{font-size:.82rem}.pcard-price{font-size:1.05rem}}.cat-columns{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.cat-columns section{background:var(--surface);border-radius:var(--radius);border:1px solid var(--line);padding:16px 18px}.cat-columns h2 a{color:var(--fg);align-items:center;gap:8px;font-size:1.05rem;text-decoration:none;display:flex}.cat-columns ul{margin:10px 0 0;padding:0;list-style:none}.cat-columns li a{color:var(--fg);padding:3px 0;font-size:.9rem;text-decoration:none;display:block}.cat-columns li a:hover{color:var(--brand)}.pdp{background:var(--surface);border-radius:var(--radius);border:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;margin-top:12px;padding:24px;display:grid}.pdp-img{aspect-ratio:1;place-items:center;display:grid}.pdp-img img{object-fit:contain;max-height:100%}.pdp-brand{text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;font-weight:700;text-decoration:none}.pdp-info h1{margin:6px 0;font-size:clamp(1.2rem,2.4vw,1.6rem)}.pdp-sku{color:var(--muted);margin:0 0 14px;font-size:.85rem}.pdp-buy{background:var(--bg);border-radius:var(--radius);padding:18px}.pdp-price{font-size:2rem;font-weight:800;line-height:1.1}.pdp-price small{color:var(--muted);font-size:.85rem;font-weight:500}.pdp-ex{color:var(--muted);margin-bottom:8px;font-size:.9rem}.qty-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.qty{align-items:center;gap:8px;font-size:.9rem;display:flex}.qty input{border:1px solid var(--line);width:70px;font:inherit;border-radius:8px;padding:9px}.qty-row .btn-cta{flex:1;min-width:180px}.added{color:var(--ok);align-items:center;gap:6px;margin:10px 0 0;font-size:.9rem;display:flex}.added[hidden]{display:none}.pdp-perks{color:var(--muted);gap:10px;margin:18px 0 0;padding:0;font-size:.9rem;list-style:none;display:grid}.pdp-perks li{align-items:flex-start;gap:10px;display:flex}.pdp-perks svg{color:var(--brand);flex:none}.pdp-specs{background:var(--surface);border-radius:var(--radius);border:1px solid var(--line);margin-top:16px;padding:20px 24px}.pdp-specs table{border-collapse:collapse;width:100%;margin-top:12px;font-size:.92rem}.pdp-specs th,.pdp-specs td{text-align:left;border-top:1px solid var(--line);vertical-align:top;padding:9px 10px}.pdp-specs th{width:34%;color:var(--muted);font-weight:600}@media (width<=760px){.pdp{grid-template-columns:1fr;padding:16px}.pdp-img{aspect-ratio:4/3}}.cart{grid-template-columns:1fr 340px;align-items:start;gap:20px;display:grid}.cart-items{background:var(--surface);border-radius:var(--radius);border:1px solid var(--line);padding:4px 18px}.cart-line{border-bottom:1px solid var(--line);grid-template-columns:72px 1fr 70px 100px auto;align-items:center;gap:14px;padding:14px 0;display:grid}.cart-line:last-child{border-bottom:0}.cart-img{place-items:center;width:72px;height:56px;text-decoration:none;display:grid}.cart-img .ph{font-size:.7rem}.cart-img img{object-fit:contain;max-width:100%;max-height:100%}.cart-desc{flex-direction:column;font-size:.9rem;display:flex}.cart-desc a{color:var(--fg);text-decoration:none}.cart-desc small{color:var(--muted)}.cart-line input{border:1px solid var(--line);width:64px;font:inherit;border-radius:6px;padding:7px}.cart-line strong{text-align:right}.cart-summary{background:var(--surface);border-radius:var(--radius);border:1px solid var(--line);padding:18px;position:sticky;top:12px}.cart-summary h2{margin-bottom:12px}.postcode{flex-direction:column;gap:4px;margin-bottom:12px;font-size:.9rem;font-weight:600;display:flex}.postcode input{border:1px solid var(--line);font:inherit;border-radius:8px;padding:9px 10px}.cart-summary dl{grid-template-columns:1fr auto;gap:8px 12px;margin:0 0 16px;font-size:.92rem;display:grid}.cart-summary dt small{color:var(--muted);font-size:.78rem;display:block}.cart-summary dd{text-align:right;margin:0;font-weight:600}.cart-summary .total{border-top:1px solid var(--line);padding-top:10px;font-size:1.15rem;font-weight:800}.cart-summary .gst{color:var(--muted);font-size:.82rem;font-weight:400}@media (width<=860px){.cart{grid-template-columns:1fr}.cart-summary{position:static}.cart-line{grid-template-columns:56px 1fr auto;grid-template-areas:"img desc desc""img qty price""img rm rm";gap:6px 12px}.cart-img{grid-area:img;width:56px}.cart-desc{grid-area:desc}.cart-line input{grid-area:qty}.cart-line strong{grid-area:price}.cart-line .link-btn{grid-area:rm;justify-self:start}}.prose{background:var(--surface);border-radius:var(--radius);border:1px solid var(--line);max-width:860px;padding:24px clamp(16px,4vw,40px)}.prose h2{margin:24px 0 8px}.prose table{border-collapse:collapse;width:100%;font-size:.92rem}.prose th,.prose td{text-align:left;border:1px solid var(--line);padding:8px 10px}.prose th{background:var(--bg)}.site-foot{background:var(--navy);color:#c3cfdd;font-size:.9rem}.foot-cols{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px;padding-block:36px 24px;display:grid}.foot-cols h3{color:#fff;margin:0 0 10px;font-size:.95rem}.foot-cols a,.foot-cols span{color:#c3cfdd;padding:3px 0;text-decoration:none;display:block}.foot-cols a:hover{color:#fff}.foot-logo{background:#fff;border-radius:8px;width:auto;height:56px;padding:6px 10px}.foot-base{border-top:1px solid var(--navy-2);flex-wrap:wrap;justify-content:space-between;gap:8px;padding-block:14px 24px;font-size:.8rem;display:flex}.foot-base a{color:#fff}@media (width<=760px){.foot-cols{grid-template-columns:1fr 1fr}.foot-cols>div:first-child{grid-column:1/-1}}.hero{position:relative;overflow:hidden}.hero>:not(.hero-art){z-index:1;position:relative}.hero-art{color:#8fd3f0;opacity:.55;width:min(46%,380px);height:auto;position:absolute;bottom:-6px;right:-10px}@media (width<=860px){.hero-art{opacity:.25;width:52%}}.logo-strip{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 28px;margin-bottom:20px;padding:16px 22px;display:flex}.logo-strip a{opacity:.8;place-items:center;transition:opacity .15s,transform .15s;display:grid}.logo-strip a:hover{opacity:1;transform:translateY(-2px)}.logo-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:24px;display:grid}.logo-grid a{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-height:104px;color:var(--fg);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px 10px;font-weight:700;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.logo-grid a:hover{border-color:var(--brand);box-shadow:0 4px 14px #0f1f3314}.brand-title{align-items:center;gap:14px;display:flex}@media (width<=480px){.logo-strip{justify-content:center}.logo-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}.fbox.spec summary{cursor:pointer;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:700;list-style:none;display:flex}.fbox.spec summary::-webkit-details-marker{display:none}.fbox.spec summary:after{content:"";border-right:2px solid var(--brand);border-bottom:2px solid var(--brand);width:8px;height:8px;margin:-4px 4px 0 0;transition:transform .15s;transform:rotate(45deg)}.fbox.spec[open] summary:after{margin-top:4px;transform:rotate(-135deg)}.fbox.spec[open] summary{margin-bottom:8px}.fbox.spec .brand-list{max-height:260px;overflow-y:auto}.pdp-specs{border-collapse:collapse;width:100%;margin:4px 0 16px;font-size:.9rem}.pdp-specs th,.pdp-specs td{text-align:left;border-bottom:1px solid var(--line);padding:6px 10px}.pdp-specs th{color:var(--muted);width:40%;font-weight:600}.order-form,.order-done{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);max-width:760px;margin-top:20px;padding:18px}.order-grid{grid-template-columns:1fr 1fr;gap:12px 16px;margin:12px 0;display:grid}.order-grid label{flex-direction:column;gap:4px;font-size:.88rem;font-weight:600;display:flex}.order-grid .span2{grid-column:1/-1}.order-grid input,.order-grid textarea{border:1px solid var(--line);font:inherit;border-radius:8px;padding:9px 10px;font-weight:400}.order-grid .hp{position:absolute;left:-9999px}.order-err{color:#b42318;font-weight:600}.order-done ol{padding-left:20px}.order-done li{margin-bottom:6px}@media (width<=640px){.order-grid{grid-template-columns:1fr}}.acct{max-width:860px}.acct .order-form{margin-top:12px}.order-grid.one{grid-template-columns:minmax(0,420px)}.acct-tabs{gap:6px;margin:4px 0;display:flex}.acct-tabs button{font:inherit;border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;padding:7px 14px}.acct-tabs button.on{background:var(--fg);color:#fff;border-color:var(--fg)}.acct-ok{color:#1b7a3d;font-weight:600}.acct-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.acct-head h1{margin-bottom:2px}.acct-sec{margin-top:28px}.acct-order{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:8px}.acct-order summary{cursor:pointer;grid-template-columns:90px 1fr auto auto;align-items:center;gap:12px;padding:12px 16px;display:grid}.acct-order-body{padding:0 16px 12px}.acct-order-body ul{margin:6px 0 0;padding-left:18px}.acct-st{white-space:nowrap;background:#eef3f9;border-radius:999px;padding:2px 9px;font-size:.8rem;font-weight:600;display:inline-block}.acct-people{margin:8px 0;padding:0;list-style:none}.acct-people li{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:10px 0;display:flex}.pre{white-space:pre-line}@media (width<=640px){.acct-order summary{grid-template-columns:1fr auto}}.pay-choice{border:1px solid var(--line);border-radius:8px;margin:6px 0 12px;padding:10px 14px}.pay-choice legend{padding:0 4px;font-weight:700}.pay-choice label{cursor:pointer;align-items:flex-start;gap:10px;padding:6px 0;display:flex}.pay-choice label span{flex-direction:column;display:flex}.pay-choice small{color:var(--muted)}.pp-box{max-width:420px;margin:14px 0}.pcb-intro{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;margin-bottom:16px;display:flex}.pcb-intro h1{margin-bottom:6px}.pcb-intro p{color:var(--muted);max-width:70ch;margin:0}.pcb-parts-note{background:#eaf2fd;border-radius:8px;align-items:flex-start;gap:8px;padding:10px 14px;font-size:.88rem;display:flex;color:var(--navy)!important;max-width:44ch!important}.pcb-parts-note svg{color:var(--brand);flex:none;margin-top:2px}.pcb{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:20px;display:grid}.pcb-side{gap:14px;max-height:calc(100vh - 24px);display:grid;position:sticky;top:12px;overflow-y:auto}.pcb-steps{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:6px;list-style:none}.pcb-step{text-align:left;cursor:pointer;width:100%;color:var(--fg);background:0 0;border:0;border-radius:8px;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.pcb-step:hover{background:var(--bg)}.pcb-step.current{background:#eaf2fd}.pcb-num{background:var(--bg);border:1px solid var(--line);width:26px;height:26px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:.8rem;font-weight:700;display:grid}.pcb-step.current .pcb-num{background:var(--brand);border-color:var(--brand);color:#fff}.pcb-step.done .pcb-num{background:var(--ok);border-color:var(--ok);color:#fff}.pcb-step.issue .pcb-num{color:#fff;background:#b42318;border-color:#b42318}.pcb-step-text{flex-direction:column;min-width:0;line-height:1.3;display:flex}.pcb-step-text strong{font-size:.92rem}.pcb-step-text small{color:var(--muted);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;display:-webkit-box;overflow:hidden}.pcb-step.done small{color:var(--fg)}.pcb-step.issue small{color:#b42318}.pcb-summary{background:var(--navy);color:#dbe5f1;border-radius:var(--radius);gap:8px;padding:16px;scroll-margin-top:12px;display:grid}.pcb-total{color:#fff;justify-content:space-between;align-items:baseline;display:flex}.pcb-total strong{font-size:1.6rem}.pcb-total-ex{text-align:right;margin-top:-8px;font-size:.85rem}.pcb-power{margin:0;font-size:.85rem}.pcb-issues{gap:6px;margin:0;padding:0;font-size:.84rem;list-style:none;display:grid}.pcb-issues li{background:#ffffff14;border-left:3px solid #f97066;border-radius:4px;padding:6px 8px}.pcb-issues li.todo{border-left-color:#fdb022}.pcb-summary .added{color:#a6f4c5;margin:0}.pcb-summary .added a,.pcb-summary .link-btn{color:#9cc7ff}.pcb-summary .small{color:#9fb0c5;margin:0}.pcb-tools{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.pcb-main{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:16px;scroll-margin-top:12px}.pcb-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pcb-eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--brand);font-size:.75rem;font-weight:700}.pcb-hint{color:var(--muted);max-width:70ch;margin:4px 0 0;font-size:.9rem}.pcb-nav{flex-wrap:wrap;gap:8px;display:flex}.pcb-next{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}.pcb-next:hover{background:var(--brand-dark)}.pcb-tools-row{grid-template-columns:2fr repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 6px;display:grid}.pcb-tools-row input,.pcb-tools-row select{font:inherit;border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;padding:8px 10px;font-size:.9rem}.pcb-count{margin:0 0 8px}.pcb-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.pcb-part{border:1px solid var(--line);border-radius:8px;grid-template-columns:80px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px;display:grid}.pcb-part.chosen{border-color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok);background:#f3fbf6}.pcb-part.clash{background:#fffbfa}.pcb-img{background:#fff;place-items:center;width:80px;height:64px;text-decoration:none;display:grid}.pcb-img img{object-fit:contain;max-height:64px}.pcb-img .ph{font-size:.7rem}.pcb-info{flex-direction:column;gap:3px;min-width:0;display:flex}.pcb-title{color:var(--fg);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.88rem;line-height:1.35;text-decoration:none;display:-webkit-box;overflow:hidden}.pcb-title:hover{color:var(--brand)}.pcb-specs{flex-wrap:wrap;gap:4px;display:flex}.pcb-specs span{background:var(--bg);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:1px 8px;font-size:.74rem}.pcb-why{color:#b42318;margin:0;font-size:.8rem;font-weight:600}.pcb-buy{flex-direction:column;align-items:flex-end;gap:4px;min-width:130px;display:flex}.pcb-buy .pcard-price{font-size:1.1rem}.pcb-buy .qty input{width:56px}.pcb-buy button{justify-content:center;min-width:120px}.pcb-empty{text-align:center;color:var(--muted);padding:24px}.pcb-more{text-align:center;margin-top:12px}.pcb-hidden{color:var(--muted);margin:12px 0 0;font-size:.85rem}.pcb-bar{display:none}@media (width<=899px){.pcb{grid-template-columns:minmax(0,1fr)}.pcb-side{max-height:none;display:contents;position:static;overflow:visible}.pcb-steps{scroll-snap-type:x mandatory;scrollbar-width:none;order:1;gap:4px;display:flex;overflow-x:auto}.pcb-steps::-webkit-scrollbar{display:none}.pcb-steps li{scroll-snap-align:start;flex:none;width:180px}.pcb-main{order:2;padding:12px}.pcb-summary{order:3}.pcb-tools-row{grid-template-columns:1fr 1fr}.pcb-tools-row input{grid-column:1/-1}.pcb-part{grid-template-columns:64px minmax(0,1fr);gap:10px}.pcb-img{width:64px;height:56px}.pcb-buy{flex-flow:wrap;grid-column:1/-1;justify-content:flex-end;align-items:center;min-width:0}.pcb-buy .pcard-price{margin-right:auto}.pcb-bar{z-index:15;background:var(--surface);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin:16px -16px -56px;padding:10px 16px;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 12px #10182814}.pcb-bar div{flex-direction:column;line-height:1.2;display:flex}.pcb-bar small{color:var(--muted);font-size:.75rem}.pcb-bar strong{font-size:1.2rem}}.pcb-platform{grid-template-columns:1fr 1fr;gap:6px;margin:-4px -4px 14px;display:grid}.pcb-platform button{background:var(--bg);color:var(--muted);cursor:pointer;border:0;border-bottom:3px solid var(--line);border-radius:8px 8px 0 0;padding:10px;font-size:1.05rem;font-weight:700}.pcb-platform button:hover{color:var(--fg)}.pcb-platform button.on{background:var(--brand);color:#fff;border-bottom-color:var(--brand-dark)}.pcb-ram{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:4px 0 10px;display:flex}.pcb-ram>span{font-size:.9rem;font-weight:700}.pcb-ram-opts{flex-wrap:wrap;gap:6px;display:flex}.pcb-ram-opts button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:8px;padding:8px 16px;font-weight:700}.pcb-ram-opts button:hover{border-color:var(--brand);color:var(--brand)}.pcb-ram-opts button[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}.pcb-config{color:var(--navy);font-size:.92rem}.pcb-config small{color:var(--muted);font-weight:500}.pcb-why-box{background:#fff8eb;border:1px solid #fedf89;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin:4px 0 10px;padding:10px 14px;font-size:.88rem;display:flex}.pcb-why-box p{flex:380px;margin:0}.pcb-why-title{color:var(--warn);margin-right:4px}.pcb-why-box div{flex-wrap:wrap;gap:6px;display:flex}.pcb-why-box .btn-outline{white-space:nowrap;font-size:.85rem}.cs-tiles{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:14px;display:grid}.cs-tile{text-align:left;border:1px solid var(--line);background:var(--surface);cursor:pointer;color:var(--fg);font:inherit;border-radius:8px;flex-direction:column;gap:4px;padding:14px;display:flex}.cs-tile:hover{border-color:var(--brand);box-shadow:0 2px 8px #10182814}.cs-tile.on{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);background:#eaf2fd}.cs-tile strong{font-size:1rem}.cs-tile small{color:var(--muted);font-size:.8rem;line-height:1.35}.cs-n{color:var(--brand);margin-top:auto;padding-top:4px;font-size:.78rem;font-weight:700}.cs-filters{gap:8px;margin:12px 0 0;display:grid}.cs-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cs-chips[hidden]{display:none}.cs-chips-label{min-width:92px;font-size:.85rem;font-weight:700}.cs-chips button{font:inherit;border:1px solid var(--line);background:var(--surface);cursor:pointer;color:var(--fg);border-radius:999px;padding:5px 12px;font-size:.84rem}.cs-chips button:hover{border-color:var(--brand);color:var(--brand)}.cs-chips button[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}.cs-chips button small{opacity:.7;font-size:.75rem}.cs-tools-row select[hidden]{display:none}.cs-picked{gap:8px;margin:4px 0;padding:0;font-size:.84rem;list-style:none;display:grid}.cs-picked li{background:#ffffff14;border-radius:6px;gap:6px;padding:8px;display:grid}.cs-picked-name{color:#fff;line-height:1.3}.cs-picked-row{align-items:center;gap:10px;display:flex}.cs-picked-row label{align-items:center;gap:4px;display:flex}.cs-picked-row input{width:58px;font:inherit;border:1px solid #50607a;border-radius:4px;padding:3px 6px}.cs-picked-row strong{color:#fff;margin-left:auto}.cs-picked .link-btn{font-size:.8rem}li.cs-picked-empty{color:#9fb0c5;background:0 0;padding:0;display:block}@media (width<=899px){.cs-tiles{grid-template-columns:1fr 1fr}.cs-chips-label{width:100%;min-width:0}}