.shop-shell { width: min(calc(100% - 36px), var(--max)); margin: 0 auto; }
.shop-hero { min-height: 470px; display: grid; align-content: end; padding: 90px 0 64px; border-bottom: 1px solid var(--line); }
.shop-hero h1 { margin: 8px 0 0; color: var(--ink); font: 800 clamp(58px, 12vw, 138px)/.9 "Inter", sans-serif; letter-spacing: -.075em; }
.shop-hero > p:last-child { max-width: 48ch; margin: 22px 0 0; color: var(--muted); }
.shop-online { width: fit-content; margin-top: 28px; padding: 8px 10px; border: 1px solid var(--signal); color: var(--nerve); font: 11px "Share Tech Mono", monospace; letter-spacing: .12em; }
.shop-online span { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--nerve); box-shadow: 0 0 10px var(--nerve); }

.product { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(330px,.8fr); gap: clamp(32px,6vw,80px); padding: 80px 0 100px; border-bottom: 1px solid var(--line); }
.product-images { display: grid; gap: 10px; align-content: start; }
.product-images img { display: block; width: 100%; border: 1px solid #242424; background: #101010; }
.product-copy { position: sticky; top: 90px; align-self: start; }
.product-index { color: var(--signal); font: 10px "Share Tech Mono", monospace; letter-spacing: .17em; }
.product-copy h2 { margin: 24px 0 8px; font-size: clamp(38px,6vw,72px); line-height: .92; letter-spacing: -.055em; }
.visually-complete { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.product-copy .price { margin: 22px 0; color: var(--nerve); font: 22px "Share Tech Mono", monospace; }
.product-copy > p:not(.product-index):not(.price) { color: var(--muted); }
.product-specs { margin: 34px 0; border-top: 1px solid #282828; }
.product-specs div { display: grid; grid-template-columns: 100px 1fr; gap: 20px; padding: 13px 0; border-bottom: 1px solid #282828; }
.product-specs dt { color: var(--dim); font: 10px "Share Tech Mono", monospace; letter-spacing: .12em; }
.product-specs dd { margin: 0; font: 11px "Share Tech Mono", monospace; letter-spacing: .08em; }
.shop-actions { display: flex; flex-wrap: wrap; gap: 8px; }

.future-shelf { padding: 80px 0 100px; }
.future-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.future-grid article { min-height: 220px; padding: 22px; border: 1px solid #242424; background: rgba(16,16,16,.72); }
.future-grid span { color: var(--signal); font: 9px "Share Tech Mono", monospace; letter-spacing: .15em; }
.future-grid h3 { margin: 68px 0 8px; font-size: 18px; }
.future-grid p { margin: 0; color: var(--muted); font-size: 13px; }

@media (max-width: 900px) {
  .product { grid-template-columns: 1fr; }
  .product-copy { position: static; }
  .future-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 620px) {
  .shop-shell { width: min(calc(100% - 24px), var(--max)); }
  .shop-hero { min-height: 420px; padding-top: 72px; }
  .product { padding: 54px 0 70px; }
  .product-copy h2 { font-size: 44px; }
  .future-grid { grid-template-columns: 1fr; }
  .future-grid article { min-height: 170px; }
  .future-grid h3 { margin-top: 42px; }
}