/* Mall pages on top of the live site's site.css. Only what that file lacks. */
.notice{background:var(--yellow);border-bottom:2px solid var(--ink);text-align:center;font-size:13px;font-weight:700;padding:3px 16px}
main{padding-bottom:36px}
#main>main{width:100%}
.ph{font-size:clamp(26px,4vw,36px);margin:20px 0 8px}
.lead{margin-bottom:18px}
.banner{margin:18px 0 0;max-height:320px}.banner img{height:100%;max-height:316px;object-fit:cover}
.countries{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.countries a,.countries span{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--card);border:2px solid var(--ink);border-radius:6px;padding:12px 14px;text-decoration:none;font-weight:700}
.countries a{background:var(--green);box-shadow:4px 4px 0 var(--ink)}.countries span{color:var(--mute);border-style:dashed}.countries small{font-size:12px;font-weight:400}
.cats{display:flex;gap:8px;overflow-x:auto;padding:12px max(16px,calc((100vw - 1040px)/2));border-bottom:2px solid var(--ink)}
.cats a{flex:none;padding:3px 14px;border:2px solid var(--ink);border-radius:6px;background:var(--card);text-decoration:none;font-weight:700;font-size:15px}.cats a.on{background:var(--green);box-shadow:2px 2px 0 var(--ink)}
.pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:6px}@media(min-width:720px){.pgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pcard{display:flex;flex-direction:column;background:var(--card);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:6px;overflow:hidden;text-decoration:none}
.pcard img{width:100%;aspect-ratio:1;object-fit:cover;border-bottom:2px solid var(--ink);background:#fff}
.pcard .name{padding:8px 10px 2px;font-size:14px;font-weight:700;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pcard .price{padding:0 10px 10px;font-weight:800;font-variant-numeric:tabular-nums}
.empty{color:var(--mute);padding:30px 0;text-align:center}
.gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;background:#fff;border-bottom:2px solid var(--ink)}.gallery img{flex:0 0 100%;max-width:520px;aspect-ratio:1;object-fit:contain;scroll-snap-align:start}
.pd h1,.rvitem h1{font-size:24px;line-height:1.35;margin:14px 0 8px}.pd h2{margin:22px 0 8px;font-size:18px}
.wrap{max-width:760px;margin:auto;padding:0 0 12px}.rvitem .wrap{padding:0 16px 12px}
.bigprice{font-size:30px;font-weight:800;font-variant-numeric:tabular-nums;margin:0 0 8px}.bigprice small{font-size:13px;font-weight:400;color:var(--mute)}
.opts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.opts a{padding:3px 12px;border:2px solid var(--ink);border-radius:6px;text-decoration:none;background:var(--card);font-size:14px;font-weight:700}.opts a.on{background:var(--green);box-shadow:2px 2px 0 var(--ink)}
.ship{font-size:14px;color:var(--mute)}.soldout{font-weight:800}
.buy{display:block;width:100%;min-height:48px;text-align:center;margin:0 0 18px;font:800 16px/1.4 inherit}.buy:disabled{background:#fff;color:var(--mute);border-style:dashed;box-shadow:none;cursor:not-allowed}
.pts{padding-left:20px;margin:0 0 10px}.pts li{margin-bottom:5px}
.specs{display:grid;grid-template-columns:minmax(72px,auto) 1fr;gap:4px 14px;margin:0 0 12px;font-size:14px}.specs dt{color:var(--mute);font-weight:700}.specs dd{margin:0;min-width:0}
.note{background:var(--yellow);border:2px solid var(--ink);padding:6px 12px;font-size:14px;border-radius:6px;margin:0 0 12px}
.prose{max-width:720px;padding-top:24px}.prose h1{font-size:clamp(28px,4vw,38px)}.prose h2{font-size:20px;margin:24px 0 6px}.prose ol{padding-left:22px}.prose p{margin:0 0 10px}.prose .mall-art{margin-bottom:20px}
.back{display:inline-block;padding:10px 16px;text-decoration:none;font-weight:700}
.rv{padding-top:14px}.rv h1{font-size:26px}.rv .back{padding:0}
.rvstat{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 16px;text-align:center}.rvstat span{background:var(--card);border:2px solid var(--ink);border-radius:6px;padding:6px;font-size:13px}.rvstat b{display:block;font-size:24px;font-variant-numeric:tabular-nums}
.rvlist a{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--ink);text-decoration:none;font-size:14px}.rvlist img{width:48px;height:48px;object-fit:cover;border:1px solid var(--ink)}.rvlist em{font-style:normal;font-size:12px;font-weight:700;white-space:nowrap}.rvlist .st-approved{background:var(--green);padding:0 6px}.rvlist .st-rejected{background:var(--yellow);padding:0 6px}
.rvoffers{display:grid;gap:8px;margin-bottom:12px}.rvoffers div{display:grid;background:var(--card);border:2px solid var(--ink);border-radius:6px;padding:6px 10px;font-size:13px;font-variant-numeric:tabular-nums}.rvoffers strong{font-size:14px}.rvoffers .blocked{border-style:dashed}.rvoffers .blocked span:last-child{font-weight:800}
.hasbar{padding-bottom:calc(136px + env(safe-area-inset-bottom,0px))}
.rvbar{position:fixed;left:0;right:0;bottom:0;background:var(--cream);border-top:2px solid var(--ink);padding:8px max(12px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));display:grid;gap:6px}
.rvbar textarea{width:100%;font:16px/1.4 inherit;padding:5px 8px;border:2px solid var(--ink);border-radius:6px;background:#fff;color:var(--ink);resize:vertical}
.rvbar div{display:grid;grid-template-columns:1fr 2fr;gap:8px}.rvbar button{min-height:46px;border-radius:6px;font:800 16px/1.2 inherit;border:2px solid var(--ink);color:var(--ink);cursor:pointer}.rvbar .yes{background:var(--green);box-shadow:3px 3px 0 var(--ink)}.rvbar .no{background:#fff}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tbl{overflow-x:auto;background:var(--card);border:2px solid var(--ink);border-radius:6px}.tbl table{min-width:0;font-size:14px;font-variant-numeric:tabular-nums}.tbl th,.tbl td{padding:6px 8px;white-space:nowrap}
.rv h2{font-size:18px;margin:18px 0 8px}
main.full{max-width:none;padding:0}.pd.full .wrap{padding:0 16px 20px}
/* Sample pages 2026-11-02: /us/ and /guide/shipping */
.us section,.guide section{padding:30px 0}
.ushero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:center;padding:44px 0 26px!important}.ushero h1{font-size:clamp(36px,5vw,58px);line-height:1.12}.ushero .lead{margin-bottom:0}.ushero .mall-art{margin:0}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:2px solid var(--ink);border-radius:6px;background:var(--ink);color:var(--cream);padding:0!important;margin:0 0 8px}.facts div{padding:18px 20px;border-left:1px solid #4a4d47;display:grid;gap:2px}.facts div:first-child{border-left:0}.facts strong{font-size:clamp(24px,3vw,34px);line-height:1.2;color:var(--yellow);font-variant-numeric:tabular-nums}.facts span{font-size:14px}
.askgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.askgrid a{display:flex;flex-direction:column;gap:6px;background:var(--card);border:2px solid var(--ink);border-radius:6px;padding:16px;text-decoration:none}.askgrid a:hover{box-shadow:4px 4px 0 var(--ink)}.askgrid h3{margin:0}.askgrid p{margin:0;font-size:15px;line-height:1.65;flex:1}.askgrid span{font-weight:800;font-size:14px}
.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tile{display:grid;grid-template-columns:minmax(0,1fr);background:var(--yellow);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:6px;text-decoration:none;overflow:hidden}.tile:nth-child(2),.tile:nth-child(3){background:var(--card)}.tile>div{padding:18px}.tile h3{font-size:24px}.tile p{margin:0}.tile .mall-art{margin:0;border:0;border-bottom:2px solid var(--ink);border-radius:0;box-shadow:none}
.sechead{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;margin-bottom:12px}.sechead h2{margin:0}.more{margin:22px 0 0;text-align:center}
.pendtag{margin-left:6px;padding:0 5px;background:var(--yellow);font-style:normal;font-size:12px;font-weight:700}
.related{border-top:2px solid var(--ink);margin-top:20px}.related>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.related a{display:grid;gap:2px;text-decoration:none;padding:12px 14px;background:var(--card);border:2px solid var(--ink);border-radius:6px}.related span{font-size:14px;color:var(--mute)}
.ghead{padding:40px 0 18px}.ghead h1{font-size:clamp(32px,5vw,50px);line-height:1.15;max-width:18em}
.quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:6px;background:var(--card);margin-bottom:26px}.quick div{padding:16px;border-left:1px solid var(--ink)}.quick div:first-child{border-left:0}.quick h2{font-size:15px;margin:0 0 4px;background:var(--yellow);display:inline-block;padding:0 6px}.quick p{margin:0;font-size:15px;line-height:1.65}
.glayout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:44px;align-items:start}.toc{position:sticky;top:96px;display:grid;gap:2px;font-size:14px;padding-top:30px}.toc strong{margin-bottom:6px}.toc a{text-decoration:none;padding:4px 0 4px 10px;border-left:2px solid #d9d0ba}.toc a:hover{border-left-color:var(--ink);font-weight:700}
.guide article{max-width:680px}.guide article section{padding:30px 0;border-bottom:1px solid #d9d0ba;scroll-margin-top:84px}.guide article section:last-child{border-bottom:0}.guide article h2{font-size:clamp(22px,3vw,28px);margin-bottom:12px}.guide article p{margin:0 0 12px}.guide article .table{box-shadow:none;margin:14px 0}.guide article table{min-width:0;font-size:15px}.guide article td,.guide article th{padding:9px 12px}.guide ul{padding-left:20px}
.flow{list-style:none;counter-reset:f;padding:0;margin:14px 0 0;display:grid;gap:0}.flow li{counter-increment:f;display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:12px;padding-bottom:18px;position:relative}.flow li:before{content:counter(f);grid-row:1/3;width:32px;height:32px;display:grid;place-items:center;background:var(--green);border:2px solid var(--ink);border-radius:50%;font-weight:800;z-index:1}.flow li:not(:last-child):after{content:"";position:absolute;left:15px;top:32px;bottom:0;width:2px;background:var(--ink)}.flow span{color:var(--mute);font-size:15px}
@media(max-width:820px){.ushero{grid-template-columns:minmax(0,1fr);gap:22px;padding-top:26px!important}.facts{grid-template-columns:minmax(0,1fr)}.facts div{border-left:0;border-top:1px solid #4a4d47;grid-template-columns:auto 1fr;gap:12px;align-items:baseline;padding:10px 16px}.facts div:first-child{border-top:0}.askgrid{grid-template-columns:minmax(0,1fr)}.tiles{grid-template-columns:minmax(0,1fr)}.related>div{grid-template-columns:minmax(0,1fr)}.quick{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.quick div:nth-child(3){border-left:0}.quick div:nth-child(n+3){border-top:1px solid var(--ink)}.glayout{grid-template-columns:minmax(0,1fr);gap:0}.toc{position:static;display:flex;overflow-x:auto;gap:8px;padding:0 0 10px;white-space:nowrap}.toc strong{display:none}.toc a{flex:none;border:2px solid var(--ink);border-radius:6px;background:var(--card);padding:2px 10px}}
.us section.band{padding:22px 26px;margin:24px 0 8px}.us section.band p{margin:0}
/* Roll-out 2026-11-02 */
.ghead.withart{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px;align-items:center}.ghead .mall-art{margin:0}.ghead .lead{margin:0}
.askgrid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.askgrid>div{display:flex;flex-direction:column;gap:6px;background:var(--card);border:2px solid var(--ink);border-radius:6px;padding:16px}
.cat section{padding:26px 0}.cat .ghead{padding:34px 0 8px}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center}.split .mall-art{margin:0}.split p{margin:0 0 10px}
.countrynote{margin:12px 0 0}#countries>p:first-of-type{margin:0 0 14px}
.guide details p a,.guide article a{text-underline-offset:3px}
@media(max-width:820px){.ghead.withart,.split{grid-template-columns:minmax(0,1fr);gap:20px}.ghead{padding-top:26px}.askgrid.three{grid-template-columns:minmax(0,1fr)}}
.guide td:last-child,.guide th:last-child{min-width:3.5em}
.quick p,.quick div{min-width:0;overflow-wrap:anywhere}
.mall-art figcaption{padding:3px 10px;font-size:12px;color:var(--mute);border-top:1px solid var(--ink);background:var(--card)}
.tile.hasimg{grid-template-rows:auto 1fr}
/* Category list controls */
#list{scroll-margin-top:72px}
.filters{display:grid;gap:8px;margin:0 0 16px}.chips{display:flex;gap:8px;overflow-x:auto;padding:0 0 4px}.chips a{flex:none;min-height:36px;display:flex;align-items:center;padding:0 12px;border:2px solid var(--ink);border-radius:6px;background:var(--card);text-decoration:none;font-size:14px;font-weight:700}.chips a.on{background:var(--green);box-shadow:2px 2px 0 var(--ink)}.sorts a{border-width:1px;font-weight:400}.sorts a.on{border-width:2px;font-weight:700;background:var(--yellow)}
.pager{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:24px 0 0}.pager a,.pager span{min-width:44px;min-height:44px;display:grid;place-items:center;padding:0 10px;border:2px solid var(--ink);border-radius:6px;background:var(--card);text-decoration:none;font-weight:700;font-variant-numeric:tabular-nums}.pager span{background:var(--green);box-shadow:2px 2px 0 var(--ink)}
/* Product page */
.strip{display:flex;gap:4px;overflow-x:auto;scroll-snap-type:x proximity;background:var(--ink);border-bottom:2px solid var(--ink)}.strip img{flex:none;height:440px;width:auto;max-width:none;scroll-snap-align:start;background:#fff}
.pdwrap{padding:14px max(16px,calc((100vw - 1040px)/2)) 40px}
.crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:14px;color:var(--mute);margin-bottom:22px}.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}
.pdgrid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:start}
.pd .pdmain h1{font-size:clamp(26px,3.2vw,36px);line-height:1.25;margin:0 0 14px}
.pd .bigprice{margin:0}.pricenote{margin:0 0 18px;font-size:14px;color:var(--mute)}.optlabel{margin:0 0 6px;font-weight:700;font-size:14px}
.pd .buy{margin:14px 0 22px}.pd .buy:disabled{background:#e9e4d6;color:var(--mute);border:2px solid #a8a496;border-style:solid;box-shadow:none}
.sum{font-size:17px;margin:0 0 12px}
.pdside h2,.pdrel h2{font-size:20px;margin:0 0 10px}.pdside h2:not(:first-child){margin-top:26px}.pdside .table{box-shadow:none;margin:0}.pdside table{min-width:0;font-size:14px}.pdside th{background:var(--card);width:34%;font-weight:700;color:var(--mute)}.pdside th,.pdside td{padding:8px 12px;overflow-wrap:anywhere}.pdside tr:last-child th{border-bottom:0}
.assure{margin:0;display:grid;gap:0;font-size:14px;line-height:1.65}.assure div{padding:10px 0;border-top:1px solid var(--ink)}.assure div:last-child{border-bottom:1px solid var(--ink)}.assure dt{font-weight:800}.assure dd{margin:2px 0 0}
.pdrel{padding:34px 0 0}
@media(max-width:820px){.strip img{height:300px}.pdgrid{grid-template-columns:minmax(0,1fr);gap:26px}.crumbs{margin-bottom:14px}}
.strip{gap:3px;background:var(--cream)}
.pcard img{object-fit:contain}
.quick strong{display:inline-block;background:var(--yellow);padding:0 6px;font-size:15px;margin-bottom:4px}
.guide>.crumbs,.us>.crumbs{margin:16px 0 0}.guide .ghead{padding-top:22px}
.guide h3{font-size:17px;margin:18px 0 6px}.guide article ol{padding-left:22px}
.askgrid:not(.three) .prose{margin:0}
.artlist{display:grid;gap:14px;margin-top:18px}.artlink{display:block;background:var(--card);border:2px solid var(--ink);border-radius:6px;padding:16px;text-decoration:none}.artlink:hover{box-shadow:4px 4px 0 var(--ink)}.artlink h2{margin:0 0 4px!important;font-size:20px}.artlink p{margin:0}
.prose.wide{max-width:760px}.sources{font-size:14px;overflow-wrap:anywhere}