.shop{--accent:var(--screens);margin-top:28px}.shop__bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 18px;padding:12px 0;display:flex}.shop__chips{flex-wrap:wrap;gap:8px;display:flex}.shop__chip{border:1px solid var(--line);color:var(--mute);font:500 10.5px/1.2 var(--data);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;align-items:center;gap:8px;padding:8px 12px;transition:border-color .16s,color .16s,background .16s;display:inline-flex}.shop__chip span{color:var(--mute);opacity:.7}.shop__chip:hover{border-color:var(--ink);color:var(--ink)}.shop__chip.is-active{border-color:var(--accent);background:var(--accent);color:#fff}.shop__chip.is-active span{color:#fff;opacity:.8}.shop__sort{color:var(--mute);font:500 10.5px/1.2 var(--data);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;display:inline-flex}.shop__sort select{border:1px solid var(--line);color:var(--ink);font:500 11px/1.2 var(--data);background:0 0;padding:7px 10px}.shop__views{border:1px solid var(--line);margin-left:auto;display:inline-flex}.shop__view{color:var(--mute);font:500 10.5px/1.2 var(--data);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:8px 11px;transition:color .16s,background .16s;display:inline-flex}.shop__view+.shop__view{border-left:1px solid var(--line)}.shop__view svg{fill:currentColor;width:13px;height:13px}.shop__view:hover{color:var(--ink)}.shop__view.is-active{background:var(--ink);color:var(--canvas)}.shop__sort{margin-left:0}.shop [hidden]{display:none!important}.shop__grid{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:1px 0 0;padding:0;list-style:none;display:grid}.tile__link{background:var(--canvas);flex-direction:column;height:100%;transition:background .18s;display:flex}.tile__link:hover{background:var(--surface-hover,#ffffff80)}.tile__media{aspect-ratio:1;border-bottom:1px solid var(--line);background:#fff;margin:0;position:relative;overflow:hidden}.tile__media img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.75,.2,1);display:block}.tile__link:hover .tile__media img{transform:scale(1.03)}.tile__tag{background:var(--ink);color:var(--canvas);font:500 9.5px/1 var(--data);letter-spacing:.1em;text-transform:uppercase;padding:5px 8px;position:absolute;top:12px;left:12px}.tile__body{flex-direction:column;flex:1;gap:10px;padding:18px 18px 20px;display:flex}.tile__brand{color:var(--mute);font:400 9.5px/1.3 var(--data);letter-spacing:.08em;text-transform:uppercase}.tile h3{font:600 clamp(20px, 2vw, 24px)/1 var(--display);letter-spacing:.01em;text-transform:uppercase;margin:0}.tile__sizes{flex-wrap:wrap;gap:5px;margin:2px 0 0;padding:0;list-style:none;display:flex}.tile__sizes li{border:1px solid var(--line);color:var(--mute);font:500 10px/1.2 var(--data);padding:3px 6px}.tile__foot{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;margin-top:auto;padding-top:14px;display:flex}.tile__price{font:600 16px/1.2 var(--data);letter-spacing:.01em}.tile__cta{color:var(--accent);font:500 10px/1.2 var(--data);letter-spacing:.1em;text-transform:uppercase;gap:6px;display:inline-flex}.tile__cta i{font-style:normal;transition:transform .18s}.tile__link:hover .tile__cta i{transform:translate(3px)}.ledger{margin:0;padding:0;list-style:none}.ledger__head,.ledger__row a{grid-template-columns:96px minmax(180px,1.3fr) minmax(120px,1fr) minmax(150px,1.2fr) minmax(90px,.7fr) minmax(130px,.9fr) 24px;align-items:center;gap:18px;display:grid}.ledger__head{color:var(--mute);font:500 9.5px/1.2 var(--data);letter-spacing:.1em;text-transform:uppercase;padding:10px 0 8px}.ledger__row a{border-top:1px solid var(--line);padding:12px 0;transition:background .16s,padding-left .2s}.ledger__row:last-child a{border-bottom:1px solid var(--line)}.ledger__row a:hover{background:var(--surface-hover,#ffffff80);padding-left:6px}.ledger__thumb{aspect-ratio:4/3;border:1px solid var(--line);background:#fff;display:block;position:relative;overflow:hidden}.ledger__thumb img{object-fit:cover;width:100%;height:100%;display:block}.ledger__thumb i{color:var(--mute);font:500 9px/1 var(--data);font-style:normal;position:absolute;bottom:4px;left:5px}.ledger__name{gap:3px;display:grid}.ledger__name small,.ledger__type small{color:var(--mute);font:400 9.5px/1.3 var(--data);letter-spacing:.08em;text-transform:uppercase}.ledger__name strong{font:600 20px/1 var(--display);letter-spacing:.01em;text-transform:uppercase}.ledger__type{gap:3px;font-size:13px;display:grid}.ledger__sizes,.ledger__formats{color:var(--mute);font:500 11.5px/1.5 var(--data);white-space:pre-wrap}.ledger__price{font:600 14px/1.2 var(--data);white-space:nowrap}.ledger__arrow{color:var(--accent)}@media (width<=960px){.shop__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ledger__head{display:none}.ledger__row a{grid-template-columns:80px 1fr auto;grid-template-areas:"thumb name price""thumb type price""thumb sizes price";row-gap:4px}.ledger__thumb{grid-area:thumb}.ledger__name{grid-area:name}.ledger__type{grid-area:type}.ledger__sizes{grid-area:sizes}.ledger__formats,.ledger__arrow{display:none}.ledger__price{grid-area:price;align-self:start}}@media (width<=640px){.shop__views{margin-left:0}.shop__view span{display:none}.shop__grid{grid-template-columns:1fr}}
