*{box-sizing:border-box}
html{background:#fff;color:#000}
body{margin:0;padding:8px;font:16px/1.35 "Times New Roman",Times,serif;max-width:1100px}
a{color:#00e;text-decoration:underline}a:visited{color:#551a8b}a:active{color:red}
a[data-filter].active{color:#000;font-weight:bold;background:#ff0}
.skip{position:absolute;left:-999px}.skip:focus{left:0;background:#ff0}
hr{border:0;border-top:1px solid #000;margin:14px 0}
.logo{font:400 15vw/.9 "Times New Roman",serif;margin:0;letter-spacing:-.04em}
.sub{margin:6px 0 10px}.topnav{font:14px "Courier New",monospace;line-height:1.8}
.topnav b{font-weight:400}
h2{font:700 28px "Times New Roman",serif;margin:8px 0}
.huge{font:700 22vw/.85 "Times New Roman",serif;margin:16px 0 12px;text-transform:uppercase}
.small{font:12px Arial,sans-serif}
button,select,input,.checkout{font:14px Arial,sans-serif}
button{border:1px solid #000;background:#ddd;color:#000;padding:3px 8px;border-radius:0;cursor:pointer;min-height:32px}
button:active{background:#aaa}button:disabled{color:#777;cursor:not-allowed}
:focus-visible{outline:2px solid #f0f;outline-offset:2px}
fieldset{border:1px solid #000;margin:0 0 10px;padding:6px 10px;border-radius:0}legend{font:bold 13px "Courier New",monospace}
.cats a{display:inline-block;padding:6px 2px}
select{border:1px solid #000;border-radius:0;background:#fff;padding:4px;min-height:32px}
input[type=radio]{width:16px;height:16px;vertical-align:middle;margin:0 4px 0 0}
.grid{display:grid;grid-template-columns:1fr;gap:0;border:1px solid #000}
.item{display:block;text-align:left;width:100%;background:#fff;border:0;border-bottom:1px solid #000;padding:8px;font:16px "Times New Roman",serif;min-height:0;color:#00e;text-decoration:underline}
.item:visited{color:#551a8b}
.item:nth-child(3n+2){padding-left:28px}.item:nth-child(4n){padding-right:40px}
.item img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border:1px solid #000}
.item h2{font:700 24px "Times New Roman",serif;margin:6px 0 2px;color:inherit}
.item small{display:flex;justify-content:space-between;font:13px "Courier New",monospace;color:#000;text-decoration:none}
.tag{display:block;font:12px "Courier New",monospace;color:#000;margin-bottom:4px;text-decoration:none}
.grid.list{display:table;width:100%;border-collapse:collapse}
.grid.list .item{display:grid;grid-template-columns:72px 1fr auto;gap:2px 10px;align-items:center;padding:6px}
.grid.list .item:nth-child(n){padding:6px}
.grid.list .item img{grid-row:1/3;width:72px;height:72px}.grid.list .tag{display:none}
.grid.list .item h2{font-size:18px;margin:0}.grid.list .item small{display:contents}
.trail-items{display:flex;flex-wrap:wrap;gap:6px}.trail-items button{padding:0;min-height:0;background:none}
.trail-items img{width:64px;height:64px;object-fit:cover;display:block}
.site-foot{font:12px "Courier New",monospace;margin-bottom:40px}
.veil{position:fixed;inset:0;background:rgba(0,0,0,.5);display:none;z-index:8}.veil.open{display:block}
.bag{position:fixed;top:0;right:0;bottom:0;width:min(100%,420px);background:#fff;border-left:1px solid #000;z-index:9;display:none;flex-direction:column;overflow:hidden}
.bag.open{display:flex}
.bag-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #000;padding:8px;font:bold 18px "Courier New",monospace}
.bag-count{font-weight:400;font-size:12px}
.bag-list{flex:1;overflow:auto;padding:8px}
.bag-row{display:grid;grid-template-columns:72px 1fr auto;gap:10px;border-bottom:1px solid #000;padding:8px 0}
.bag-row img{width:72px;height:72px;object-fit:cover;border:1px solid #000}
.bag-info b{font:700 18px "Times New Roman",serif}.bag-size{margin:2px 0 6px;font:12px "Courier New",monospace}
mark{background:#ff0}
.bag-qty{display:flex;align-items:center;gap:6px}.bag-qty output{min-width:24px;text-align:center;font:bold 16px "Courier New",monospace}
.bag-qty button{width:32px}
.bag-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font:bold 13px "Courier New",monospace}
.bag-rm{background:none;border:0;color:#00e;text-decoration:underline;font:13px "Times New Roman",serif;padding:0}
.empty{padding:20px 0}.empty h3{font:700 32px "Times New Roman",serif;margin:4px 0}
.bag-end{border-top:1px solid #000;padding:8px}
.bag-total{display:flex;justify-content:space-between;margin:0 0 4px;font:bold 16px "Courier New",monospace}
.bag-status{font:12px Arial,sans-serif;margin:0 0 8px}.checkout{width:100%;min-height:40px}
.product{border:2px solid #000;padding:8px;width:min(100%,1000px);max-width:100%;max-height:100vh;background:#fff;color:#000;border-radius:0;margin:0 auto;overflow:auto}
.product::backdrop{background:rgba(0,0,0,.5)}
.product-x{display:block;margin-left:auto}
.pv-media img{display:block;width:100%;height:auto;max-height:80vh;object-fit:contain;border:1px solid #000;margin-top:6px}
.pv-no,.pv-cat{font:13px "Courier New",monospace;display:block}.pv-next{margin-top:6px}
.pv-copy h2{font:700 12vw/.95 "Times New Roman",serif;margin:8px 0}
.pv-price{font:700 26px "Times New Roman",serif}.pv-story{margin:8px 0}
.pv-sizes label{display:inline-block;margin-right:12px;padding:6px 0}
.line{font:13px "Courier New",monospace;border-top:1px solid #000;padding:3px 0}.line em{font-style:normal;font-weight:bold}
.add{margin-top:10px;width:100%;min-height:44px;font-weight:bold}
.added{position:fixed;left:8px;bottom:8px;background:#ff0;border:1px solid #000;padding:6px;font:bold 14px "Courier New",monospace;z-index:20}
@media(min-width:800px){
body{padding:16px 24px}.logo{font-size:120px}.huge{font-size:170px}
.intro{max-width:1180px}.intro>p:not(.small){max-width:680px;font-size:clamp(20px,3vw,38px)}
.grid{grid-template-columns:repeat(3,1fr)}.grid.list{display:table}
.item{border-right:1px solid #000}
.pv-view,.product-view{display:block}
.product-view{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.pv-copy h2{font-size:64px}}