/* Hollin & Pye v2 — listing, product, basket and checkout */
.shop-hd-in{display:grid;grid-template-columns:7fr 5fr;gap:clamp(20px,4vw,64px);align-items:end}
.shop-hd .h1{font-size:clamp(52px,8vw,128px)}
@media (max-width:860px){.shop-hd-in{grid-template-columns:1fr}}
.coll{display:flex;gap:0;overflow-x:auto;padding:22px 0 4px;scrollbar-width:thin;border-left:0}
.coll .chip{flex:none}
.coll .chip:first-child{border-left:1px solid var(--ink)}
.lst{display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(24px,4vw,56px);padding:28px 0 32px}
.flt{position:sticky;top:96px;align-self:start;max-height:calc(100vh - 110px);overflow:auto;padding-right:6px}
.flt fieldset{border-top:1px solid var(--ink);padding:14px 0 18px}
.flt legend{font:500 12px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:0;margin-bottom:10px;float:left;width:100%}
.flt fieldset>*:not(legend){clear:both}
.flt .check{padding:5px 0;font-size:16px}
.flt .check .c{margin-left:auto;color:var(--ink-2);font:400 12px/1.6 var(--mono)}
.flt-hd,.flt-ft{display:none}
.tones{display:flex;gap:6px;flex-wrap:wrap}
.tone{position:relative}
.tone input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.tone span{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border:1px solid var(--line-2);font-size:14px}
.tone i{width:18px;height:18px;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
.tone input:checked+span{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.tone input:focus-visible+span{outline:2px solid var(--acc);outline-offset:2px}
.bar-top{display:flex;align-items:center;gap:16px;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;border-bottom:1px solid var(--ink);padding-bottom:14px}
.bar-top .cnt{font:400 12px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.bar-top .cnt b{color:var(--ink);font-weight:500}
.bar-r{display:flex;gap:10px;align-items:center}
.bar-r select{height:42px;width:auto;font-size:15px}
.dens{display:flex;border:1px solid var(--ink)}
.dens button{min-width:42px;min-height:40px;background:none;border:0;cursor:pointer;font:500 12px var(--mono)}
.dens button[aria-pressed=true]{background:var(--ink);color:#fff}
.flt-btn{display:none}
.active-f{display:flex;gap:8px;flex-wrap:wrap;margin:-8px 0 20px}
.active-f button{display:inline-flex;gap:6px;align-items:center;min-height:34px;padding:0 12px;border:1px solid var(--ink);background:var(--paper);cursor:pointer;font:500 12px var(--mono);letter-spacing:.04em;text-transform:uppercase}
.active-f button::after{content:"\00D7";font-size:16px;line-height:1}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.lb .card:first-child{grid-column:span 2;grid-row:span 2}
.grid.lb .card:first-child .card-name{font-size:24px}
.ed-tile{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:#fff;text-decoration:none;min-height:100%}
.ed-tile img{width:100%;height:100%;object-fit:cover;aspect-ratio:2/3}
.ed-bd{display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:clamp(16px,2vw,28px)}
.ed-fig{font:500 11px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#FF8FBC}
.ed-h{font:700 clamp(30px,3vw,46px)/.95 var(--disp);text-transform:uppercase}
.ed-s{font-size:16px}
.ed-tile:hover .ed-s{text-decoration:underline}
@media (max-width:960px){
 .lst{grid-template-columns:1fr}
 .flt{position:fixed;inset:0;z-index:95;max-height:none;background:var(--paper);padding:0 var(--gut) 96px;display:none}
 .flt.open{display:block}
 .flt-hd{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:var(--paper);padding:14px 0;z-index:2;border-bottom:1px solid var(--ink);margin-bottom:8px}
 .flt-ft{display:flex;gap:10px;position:fixed;left:0;right:0;bottom:0;padding:12px var(--gut);background:var(--paper);border-top:1px solid var(--ink)}
 .flt-ft .btn{flex:1}
 .flt-btn{display:inline-flex}
 .dens{display:none}
}
@media (max-width:760px){.grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.ed-tile{grid-template-columns:1fr}.ed-tile img{aspect-ratio:3/2}}
/* product */
.pdp{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,80px);padding:22px 0 64px}
.gal{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-self:start;position:sticky;top:96px}
.thumbs{display:grid;gap:8px;align-content:start}
.thumbs button{display:block;width:76px;aspect-ratio:4/5;padding:0;border:1px solid transparent;background:var(--proof);cursor:pointer;overflow:hidden}
.thumbs button[aria-current=true]{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc)}
.thumbs img{width:100%;height:100%;object-fit:cover}
.stage{position:relative;background:var(--proof);aspect-ratio:4/5;overflow:hidden;cursor:zoom-in}
.stage img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.stage.zoom{cursor:zoom-out}
.stage.zoom img{transform:scale(1.8)}
.stage .gnav{position:absolute;bottom:0;right:0;display:flex}
.stage .gnav button{width:48px;height:48px;border:0;background:var(--paper);cursor:pointer;font-size:18px}
.stage .gnav button:hover{background:var(--ink);color:#fff}
.stage .gcount{position:absolute;left:0;bottom:0;background:var(--paper);padding:0 12px;line-height:48px;font:500 12px/48px var(--mono)}
.info .crumbs{padding-top:0}
.p-maker{font:500 12px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2);margin:20px 0 12px}
.p-maker a{color:var(--ink)}
.p-name{font:700 clamp(40px,4.6vw,68px)/.95 var(--disp);text-transform:uppercase}
.p-price{font:500 24px/1.2 var(--mono);margin:16px 0 4px}
.p-price s{color:var(--ink-3);font-size:18px;margin-right:10px;font-weight:400}
.p-price .red{color:var(--acc)}
.vat{font:400 12px/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);margin:0 0 20px}
.p-desc{font-size:18px;line-height:1.6;max-width:34em}
.opt{margin:24px 0 0}
.opt legend{font:500 12px/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase;margin-bottom:10px;padding:0}
.opt legend span{color:var(--ink-2)}
.opts{display:flex;gap:6px;flex-wrap:wrap}
.optb{position:relative}
.optb input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.optb span{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--line-2);font-size:16px;background:var(--paper)}
.optb i{width:16px;height:16px;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
.optb input:checked+span{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.optb input:focus-visible+span{outline:2px solid var(--acc);outline-offset:2px}
.optb.out span{color:var(--ink-3);text-decoration:line-through}
.stock{margin:18px 0 0;display:grid;gap:6px;font-size:16px}
.stock p{display:flex;gap:4px 10px;flex-wrap:wrap}
.stock b{font-weight:600}
.stock .k{min-width:92px;font:400 12px/1.9 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2)}
.buy{display:grid;grid-template-columns:auto 1fr auto;gap:8px;margin-top:22px;align-items:stretch}
.qty{display:flex;border:1px solid var(--line-2);background:var(--paper)}
.qty button{width:44px;background:none;border:0;cursor:pointer;font-size:20px}
.qty input{width:44px;text-align:center;border:0;background:transparent;height:46px;padding:0;-moz-appearance:textfield;font:500 15px var(--mono)}
.qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.buy .save-lg{width:50px;border:1px solid var(--line-2);background:var(--paper);display:grid;place-items:center;cursor:pointer}
.buy .save-lg svg{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:1.6}
.buy .save-lg[aria-pressed=true] svg{fill:var(--acc);stroke:var(--acc)}
.wrapopt{margin-top:12px;padding:14px 16px;border:1px solid var(--line);background:var(--proof)}
.notify{margin-top:20px;padding:18px;border:1px solid var(--ink)}
.notify h2{margin-bottom:6px}
.notify form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}
.notify .msg{grid-column:1/-1;margin:0;font-size:15px}
.ship{list-style:none;margin:22px 0 0;border-top:1px solid var(--ink);padding:0}
.ship li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:16px}
.ship li b{font-weight:600}
.seen{margin-top:22px;padding:14px 16px;background:var(--proof);display:grid;gap:6px}
.seen p{font:500 12px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase}
.seen a{font-size:17px}
.tabs{margin-top:28px}
.tablist{display:flex;gap:22px;border-bottom:1px solid var(--ink);overflow-x:auto}
.tablist button{background:none;border:0;border-bottom:3px solid transparent;padding:12px 0;font:500 12px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;white-space:nowrap;color:var(--ink-2)}
.tablist button[aria-selected=true]{border-bottom-color:var(--acc);color:var(--ink)}
.tabpanel{padding:18px 0;font-size:16px}
.tabpanel p+p{margin-top:10px}
.story{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:center;padding:clamp(48px,6vw,88px) 0;border-top:6px solid var(--ink)}
.story picture{aspect-ratio:4/5;background:var(--proof);overflow:hidden;max-width:460px}
.story img{width:100%;height:100%;object-fit:cover}
.story blockquote{margin:16px 0;font:200 clamp(28px,2.8vw,40px)/1.05 var(--disp);text-transform:uppercase;border-left:4px solid var(--acc);padding-left:16px}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(160px,200px);gap:16px;overflow-x:auto;padding-bottom:8px}
@media (max-width:900px){.pdp,.story{grid-template-columns:1fr}.gal{position:static;grid-template-columns:1fr}.thumbs{grid-auto-flow:column;justify-content:start;order:2}.thumbs button{width:64px}}
/* basket */
.bk{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(28px,5vw,72px);padding:32px 0 32px;align-items:start}
.lines{border-top:1px solid var(--ink)}
.line{display:grid;grid-template-columns:110px 1fr auto;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}
.line .mini-img{width:110px}
.line h3{font:400 21px/1.25 var(--text)}
.line h3 a{text-decoration:none}
.line h3 a:hover{text-decoration:underline}
.line .meta{margin:4px 0 12px;color:var(--ink-2);font-size:15px}
.line-act{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.line-price{text-align:right;font:500 17px/1.2 var(--mono)}
.line .check{font-size:15px}
.note{font-size:15px;color:var(--ink-2)}
.sum{position:sticky;top:96px;background:var(--paper);padding:24px;border:1px solid var(--ink)}
.sum h2{font:700 30px/1 var(--disp);text-transform:uppercase;margin-bottom:16px}
.sum dl{display:grid;grid-template-columns:1fr auto;gap:10px;margin:16px 0;font-size:16px}
.sum dd{margin:0;text-align:right}
.sum .tot{font:700 26px/1.1 var(--disp);text-transform:uppercase;border-top:1px solid var(--ink);padding-top:12px}
.sum dd.tot{font:500 22px/1.3 var(--mono)}
.promo{display:grid;grid-template-columns:1fr auto;gap:8px}
.promo .msg{grid-column:1/-1;margin:0;font-size:15px}
.method{display:grid;gap:6px;margin:12px 0}
.method legend{font:500 12px/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase;margin-bottom:8px;padding:0}
.radio-card{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:14px;border:1px solid var(--line-2);cursor:pointer;background:var(--paper)}
.radio-card:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--proof)}
.radio-card input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--acc)}
.radio-card b{display:block;font-weight:600}
.radio-card span{font-size:15px;color:var(--ink-2)}
@media (max-width:900px){.bk{grid-template-columns:1fr}.sum{position:static}.line{grid-template-columns:80px 1fr}.line .mini-img{width:80px}.line-price{grid-column:2;text-align:left}}
/* checkout */
.co{width:min(760px,calc(100vw - 16px))}
.steps{display:flex;gap:6px;margin:0 0 24px;font:500 11.5px/1.3 var(--mono);letter-spacing:.05em;text-transform:uppercase;flex-wrap:wrap}
.steps li{flex:1;min-width:110px;border-top:3px solid var(--proof);padding-top:8px;color:var(--ink-2)}
.steps li[aria-current=step]{border-color:var(--acc);color:var(--ink)}
.steps li.done{border-color:var(--ink)}
.co-nav{display:flex;justify-content:space-between;gap:12px;margin-top:20px;flex-wrap:wrap}
.co-sum{background:var(--proof);padding:16px;margin:12px 0;font-size:16px}
.co-sum p{margin:0 0 6px}
.done-box .ref{font:700 40px/1 var(--disp);text-transform:uppercase;margin:8px 0 16px}
.done-box p+p{margin-top:10px}