body.shop{padding-top:var(--bar-h);padding-bottom:var(--safe-bottom)}.btn{background:var(--ink);color:var(--paper);border:1px solid var(--ink);font-weight:500;font-size:var(--fs-body);transition:background var(--dur-fast),color var(--dur-fast);justify-content:center;align-items:center;padding:14px 24px;display:inline-flex}.btn:hover:not(:disabled){background:var(--paper);color:var(--ink)}.btn:disabled{color:var(--ink-3);border-color:var(--ink-3);cursor:not-allowed;background:0 0}.btn-block{width:100%}.chk{cursor:pointer;margin-bottom:var(--s-3);align-items:flex-start;gap:12px;line-height:1.4;display:flex}.chk input{opacity:0;pointer-events:none;position:absolute}.chk>span{border:1px solid var(--ink);background:var(--paper);flex:none;place-items:center;width:20px;height:20px;margin-top:2px;display:grid}.chk input:checked+span{background:var(--ink)}.chk input:checked+span:after{content:"";border-left:2px solid var(--paper);border-bottom:2px solid var(--paper);width:10px;height:5px;transform:rotate(-45deg)translate(1px,-1px)}.chk input:focus-visible+span{outline:2px solid var(--signal);outline-offset:2px}.field{border:1px solid var(--ink);background:var(--paper);width:100%;font:inherit;color:var(--ink);outline:0;padding:12px 14px}.field:focus-visible{outline:2px solid var(--signal)}.chip{font-family:var(--font-mono);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--ink);transition:background var(--dur-fast),color var(--dur-fast);border-radius:999px;padding:6px 12px}.chip:hover{background:var(--paper-2)}.chip.on{background:var(--ink);color:var(--paper)}.ctrl-row{gap:var(--s-2);flex-wrap:wrap;align-items:center;display:flex}.ctrl-row .label{margin-right:var(--s-2)}.bar button.label{color:var(--ink)}.bar button.label:hover{text-underline-offset:3px;text-decoration:underline}#gate{z-index:9999;background:var(--paper);transition:clip-path .8s var(--ease-out),visibility .8s;clip-path:inset(0);place-items:center;padding:20px;display:grid;position:fixed;inset:0}#gate.done{clip-path:inset(0 0 100%);visibility:hidden;pointer-events:none}.gate-card{border:1px solid var(--ink);background:var(--paper);width:min(540px,100%)}.gate-head{background:var(--ink);justify-content:space-between;padding:12px 20px;display:flex}.gate-head .label{color:var(--paper)}.gate-body{padding:28px 28px 30px}.gate-body[hidden]{display:none}.gate-body .display{font-size:var(--fs-h1);margin-bottom:var(--s-3)}.gate-body p{color:var(--ink-2);margin-bottom:var(--s-6)}.gate-row{align-items:center;gap:var(--s-4);padding:var(--s-4);border:1px solid var(--ink);display:flex}.gate-box{border:1px solid var(--ink);place-items:center;width:26px;height:26px;display:grid;position:relative}.gate-box svg{fill:none;width:18px;height:18px;stroke:var(--paper);stroke-width:2.4px;stroke-dasharray:24;stroke-dashoffset:24px;transition:stroke-dashoffset var(--dur-base) var(--ease-out)}.gate-box.ok{background:var(--ink)}.gate-box.ok svg{stroke-dashoffset:0}.gate-box:not(.ok):after{content:"";border:2px solid var(--ink);border-top-color:#0000;border-radius:50%;animation:.8s linear infinite spin;position:absolute;inset:4px}@keyframes spin{to{transform:rotate(360deg)}}.gate-id{margin-left:auto}.gate-bar{background:var(--rule);height:1px;margin-top:var(--s-4)}.gate-bar i{background:var(--ink);width:0;height:2px;margin-top:-.5px;display:block}#gate-enter{width:100%;margin-top:var(--s-2)}.gate-leave{text-align:center;margin-top:var(--s-4);text-underline-offset:3px;text-decoration:underline;display:block}.shop-hero{padding-block:var(--s-24) var(--s-16);border-bottom:1px solid var(--rule)}.sh-a{grid-column:1/9}.sh-a .h1{margin-top:var(--s-3)}.sh-b{align-self:end;gap:var(--s-6);flex-direction:column;grid-column:9/13;display:flex}.lede{color:var(--ink-2)}.ruo{padding-top:var(--s-3);border-top:1px solid var(--ink)}.shop-cat{padding-block:var(--s-8) var(--s-16)}.cat-head{padding-bottom:var(--s-6);align-items:center}.cat-head .ctrl-row{grid-column:1/9}.cat-note{text-align:right;grid-column:9/13}.table{padding-inline:var(--margin)}.tr{column-gap:var(--gutter);border-top:1px solid var(--rule);min-height:76px;transition:background var(--dur-fast);grid-template-columns:72px minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.8fr);align-items:center;display:grid}.tr.th{min-height:36px}#rows .tr:hover{background:var(--paper-2)}#rows .tr:last-child{border-bottom:1px solid var(--rule)}.tr .no{font-family:var(--font-mono);color:var(--ink-2);font-size:13px}.tr .nm{text-align:left;letter-spacing:-.02em;font-size:1.5rem;font-weight:300;line-height:1.1}.tr .nm small{font-size:var(--fs-small);color:var(--ink-2);letter-spacing:0;max-width:46ch;margin-top:2px;font-weight:400;display:block}.tr .nm:hover{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.tr .ct{font-family:var(--font-mono);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}.sz{gap:var(--s-2);flex-wrap:wrap;display:flex}.size{gap:var(--s-3);border:1px solid var(--ink);white-space:nowrap;transition:background var(--dur-fast),color var(--dur-fast);align-items:baseline;padding:8px 12px;display:flex}.size i{font-style:normal;font-family:var(--font-mono);font-size:12px}.size b{font-weight:500;font-family:var(--font-mono);font-size:13px}.size:hover{background:var(--ink);color:var(--paper)}.shop-cert{padding-block:var(--s-16) var(--s-24);border-top:1px solid var(--rule)}.cert-a{grid-column:1/6}.cert-a .h2{margin-block:var(--s-3) var(--s-4)}.cert-b{grid-column:7/13}.lookup{margin-top:var(--s-6);border:1px solid var(--ink);display:flex}.lookup input{min-width:0;padding:0 var(--s-4);font-family:var(--font-mono);color:var(--ink);background:0 0;border:0;outline:0;flex:1;height:52px;font-size:16px}.lookup input:focus-visible{outline:2px solid var(--signal);outline-offset:-2px}.lookup .btn{border-width:0 0 0 1px}.lookup-res{margin-top:var(--s-3);min-height:1.6em;font-size:var(--fs-small);color:var(--ink-2)}.creds{margin-top:var(--s-3);border-top:1px solid var(--ink);list-style:none}.creds li{gap:var(--gutter);padding:var(--s-3) 0;border-bottom:1px solid var(--rule);font-size:var(--fs-small);grid-template-columns:1fr 1.5fr;display:grid}.creds b{font-weight:500}.creds span{color:var(--ink-2)}.creds a{text-underline-offset:3px;color:var(--ink);text-decoration:underline;display:block}.shop-foot{padding-block:var(--s-16) var(--s-16);border-top:1px solid var(--ink);background:var(--paper-2)}.sf-a{grid-column:1/6}.sf-a .h2{margin-bottom:var(--s-3);line-height:1;display:block}.sf-b{gap:var(--s-6);font-size:var(--fs-small);color:var(--ink-2);flex-direction:column;grid-column:7/13;display:flex}.sf-b b{color:var(--ink)}.sf-b a{text-underline-offset:3px;text-decoration:underline}.scrim{z-index:300;opacity:0;visibility:hidden;transition:opacity var(--dur-base),visibility var(--dur-base);background:#0f0f0e73;position:fixed;inset:0}.scrim.on{opacity:1;visibility:visible}.drawer,.sheet{z-index:310;background:var(--paper);border-left:1px solid var(--ink);width:min(480px,100%);transition:transform var(--dur-slow) var(--ease-out);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(101%)}.drawer.on,.sheet.on{transform:none}.drawer-head{padding:calc(var(--s-4) + var(--safe-top)) var(--s-6) var(--s-4);border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;display:flex}.drawer-head .display{font-size:var(--fs-h2)}.drawer-head .label,.x{color:var(--ink)}.drawer-head .label:hover,.x:hover{text-underline-offset:3px;text-decoration:underline}.ship-meter{padding:var(--s-3) var(--s-6) var(--s-2)}.ship-bar{background:var(--rule);height:1px;margin-inline:var(--s-6)}.ship-bar i{background:var(--ink);width:0;height:3px;transition:width var(--dur-slow) var(--ease-out);margin-top:-1px;display:block}.drawer-body{padding:0 var(--s-6);flex:1;overflow:auto}.empty{padding:var(--s-12) 0;color:var(--ink-2)}.line{gap:var(--s-3);padding:var(--s-4) 0;border-bottom:1px solid var(--rule);grid-template-columns:1fr auto;display:grid}.line h5{letter-spacing:-.02em;font-size:1.5rem;font-weight:300;line-height:1.1}.line small{font-family:var(--font-mono);color:var(--ink-2);font-size:12px}.line .qrow{align-items:center;gap:var(--s-3);margin-top:var(--s-2);display:flex}.line .qrow button{border:1px solid var(--ink);width:26px;height:26px;line-height:1}.line .qrow button:hover{background:var(--ink);color:var(--paper)}.line .qrow .rm{text-underline-offset:3px;width:auto;font-size:var(--fs-small);color:var(--ink-2);border:0;text-decoration:underline}.line .qrow .rm:hover{color:var(--ink);background:0 0}.line b{font-family:var(--font-mono);font-size:14px;font-weight:500}.drawer-foot{padding:var(--s-4) var(--s-6) calc(var(--s-6) + var(--safe-bottom));border-top:1px solid var(--ink)}.sub{margin-bottom:var(--s-4);justify-content:space-between;align-items:baseline;display:flex}.sub b{font-size:1.25rem;font-weight:500}.drawer-foot .small{margin-top:var(--s-3)}.sheet{padding:calc(var(--s-4) + var(--safe-top)) var(--s-6) calc(var(--s-8) + var(--safe-bottom));gap:var(--s-3);overflow:auto}.sheet .x{align-self:flex-end}.sheet .display{font-size:var(--fs-h1);line-height:1}.sheet>p:not(.label):not(.small){color:var(--ink-2)}.sizes{gap:var(--s-2);flex-wrap:wrap;display:flex}.sizes button{border:1px solid var(--ink);font-family:var(--font-mono);padding:9px 14px;font-size:13px}.sizes button.on{background:var(--ink);color:var(--paper)}.specs{border-collapse:collapse;border-top:1px solid var(--ink);width:100%;font-size:var(--fs-small)}.specs td{border-bottom:1px solid var(--rule);padding:9px 0}.specs td:first-child{font-family:var(--font-mono);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);width:40%}.m-buy{gap:var(--s-2);margin-top:var(--s-2);align-items:stretch;display:flex}.qty{border:1px solid var(--ink);align-items:center;display:flex}.qty button{align-self:stretch;width:40px;font-size:1.25rem}.qty button:hover{background:var(--ink);color:var(--paper)}.qty span{text-align:center;min-width:30px}.m-buy .btn{flex:1}.modal{z-index:320;opacity:0;visibility:hidden;transition:opacity var(--dur-base),visibility var(--dur-base);background:#0f0f0e73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal.on{opacity:1;visibility:visible}.modal-card{background:var(--paper);border:1px solid var(--ink);width:min(520px,100%);max-height:92svh;padding:var(--s-6);gap:var(--s-3);display:grid;position:relative;overflow:auto}.modal-card .x{justify-self:end}.modal-card .display{font-size:var(--fs-h2)}.order-sum{white-space:pre-wrap;border:1px solid var(--rule);padding:var(--s-3);background:var(--paper-2);max-height:160px;font-size:12px;overflow:auto}.toast{left:50%;bottom:var(--s-6);z-index:400;visibility:hidden;background:var(--ink);color:var(--paper);transition:translate var(--dur-base) var(--ease-out);padding:12px 18px;position:fixed;translate:-50% 200%}.toast.on{visibility:visible;translate:-50%}@media (width<=900px){.sh-a,.sh-b,.cert-a,.cert-b,.sf-a,.sf-b,.cat-head .ctrl-row,.cat-note{grid-column:1/-1}.sh-b{margin-top:var(--s-6)}.cat-note{text-align:left;margin-top:var(--s-3)}.shop-hero{padding-top:var(--s-12)}.tr{row-gap:var(--s-2);padding-block:var(--s-3);grid-template-columns:48px minmax(0,1fr)}.tr.th{display:none}.tr .ct{grid-column:2}.tr .sz{grid-column:1/-1}.cert-b{margin-top:var(--s-8)}.creds li{grid-template-columns:1fr}.bar-mid{display:none}.bar{grid-template-columns:1fr auto}}@media (pointer:coarse){.btn,.size,.sizes button,.qty button,.line .qrow button,.drawer-head .label,.x{min-height:44px}.line .qrow button{min-width:44px}.chk>span{width:24px;height:24px}}.bar button.bar-right{text-align:right;display:block}
