/* GALAXY GADGETZ · shop.html. Prefix .shop- (basis in listing.css) */

.shop-head__grid { display: grid; gap: 24px; }
.shop-legend { display: none; }
@media (min-width: 900px) {
  .shop-head__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 480px); align-items: end; gap: 48px; }
  .shop-legend { display: block; padding: 18px 20px; border: 1px solid var(--gg-line); border-radius: var(--gg-r-lg); }
}
.shop-legend__title { font-family: var(--gg-mono); font-size: var(--gg-fs-2xs); font-weight: 500; letter-spacing: var(--gg-ls-caps); text-transform: uppercase; color: var(--gg-muted); }
.shop-legend__list { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 20px; margin: 12px 0 0; }
.shop-legend__row { display: grid; gap: 6px; align-content: start; }
.shop-legend__row dt { display: flex; }
.shop-legend__row dd { margin: 0; font-size: var(--gg-fs-xs); line-height: 1.45; color: var(--gg-muted); }
.shop-legend__link { display: inline-block; margin-top: 14px; font-size: var(--gg-fs-sm); font-weight: 600; }

/* selectieband halverwege het grid */
.shop-band { display: grid; gap: 24px; padding: 24px 20px; border-radius: var(--gg-r-xl); background: var(--gg-surface); }
.shop-band__title { margin-top: 10px; font-size: var(--gg-fs-2xl); line-height: var(--gg-lh-snug); max-width: 20ch; }
.shop-band__lead { margin-top: 10px; font-size: var(--gg-fs-sm); color: var(--gg-muted); max-width: 46ch; }
.shop-band__links { margin-top: 18px; --gg-cluster: 16px; }
.shop-band__links .gg-link { font-size: var(--gg-fs-sm); font-weight: 600; }
.shop-band__crit { display: grid; list-style: none; margin: 0; padding: 0; }
.shop-band__crit li { display: grid; grid-template-columns: 44px 1fr; gap: 12px; align-items: start; padding: 12px 0; border-top: 1px solid var(--gg-line-strong); }
.shop-band__crit li:first-child { border-top: 0; padding-top: 0; }
.shop-band__code { display: inline-grid; place-items: center; height: 26px; border-radius: var(--gg-r-xs); background: var(--gg-ink); color: #fff; font-family: var(--gg-mono); font-size: var(--gg-fs-2xs); font-weight: 600; letter-spacing: .04em; }
.shop-band__crit b { display: block; font-size: var(--gg-fs-sm); font-weight: 600; }
.shop-band__crit small { display: block; margin-top: 2px; font-size: var(--gg-fs-xs); color: var(--gg-muted); line-height: 1.45; }
@media (min-width: 900px) {
  .shop-band { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 56px; padding: 40px; align-items: start; }
  .shop-band__crit li:first-child { padding-top: 4px; }
}