/* Shop group: compare, collections, journal, product reviews. Layout and tokens only; components live in design-system/rada.css. */

/* ───────── Compare ─────────
   The table is a component; the panel around it gives the header row room. */
.sh-compare-note{max-width:62ch}

/* ───────── Collections ───────── */
.sh-tiles{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4)}
.sh-hero{display:grid;gap:var(--space-6);align-items:center;min-width:0}
.sh-look{max-width:100%}
.sh-rows{display:grid;margin:0;padding:0;list-style:none}
.sh-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding-block:var(--space-3);border-bottom:1px solid var(--line)}
.sh-row:last-child{border-bottom:0}
.sh-row__thumb{display:block;width:64px;aspect-ratio:1;border-radius:var(--radius-md);background-color:var(--surface-sunken);background-size:cover}

.sh-tile{display:grid;gap:var(--space-4);align-content:start;overflow:hidden;text-decoration:none;color:inherit}
.sh-tile img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-md)}
.sh-tiles--compact .sh-tile{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:var(--space-3);padding:var(--space-3)}
.sh-tiles--compact .sh-tile img{width:72px;aspect-ratio:1}

/* ───────── Journal ───────── */
.sh-reads{display:grid;gap:var(--space-3)}
.sh-read{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:var(--space-3);padding:var(--space-3)}
.sh-read__thumb{display:block;width:72px;aspect-ratio:1;border-radius:var(--radius-md);background-color:var(--surface-sunken);background-size:cover}
.sh-read h3 a{text-decoration:none}
.sh-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);align-items:start}
.sh-card{display:grid;gap:var(--space-4);align-content:start;overflow:hidden}
.sh-card__img{display:block;aspect-ratio:4/3;border-radius:var(--radius-md);background-color:var(--surface-sunken);background-size:cover}
.sh-card h2 a,.sh-card h3 a{text-decoration:none}
.sh-article{display:grid;gap:var(--space-6);min-width:0}
.sh-hero-img{margin:0}
.sh-hero-img img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-lg)}
.sh-video{max-width:720px}

/* ───────── Product reviews ───────── */
.sh-mini{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:var(--space-4)}
.sh-mini__thumb{display:block;width:72px;aspect-ratio:1;border-radius:var(--radius-md);background-color:var(--surface-sunken);background-size:cover}
.sh-mini__act{grid-column:1/-1}
.sh-mini h1 a{text-decoration:none}
.sh-reviews{display:grid;gap:var(--s-gap);align-items:start;min-width:0}
.sh-reviews>.r-panel{min-width:0}

/* ───────── Write a review ───────── */
.sh-write{display:grid;gap:var(--s-gap);align-items:start;min-width:0}
.sh-write[hidden]{display:none}
.sh-write>form{min-width:0}
.sh-attrs{display:grid;gap:var(--space-4)}
.sh-bought{display:flex;align-items:center;gap:var(--space-3);min-width:0}
.sh-bought__thumb{flex:none;width:56px;aspect-ratio:1;border-radius:var(--radius-md);background-color:var(--surface-sunken);background-size:cover}
.sh-add{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--space-2)}

@media (min-width:641px){
  .sh-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sh-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sh-mini{grid-template-columns:72px minmax(0,1fr) auto}
  .sh-mini__act{grid-column:auto}
  .sh-attrs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:961px){
  .sh-tiles,.sh-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sh-reads{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sh-hero{grid-template-columns:minmax(0,1fr) minmax(0,460px)}
  .sh-reviews{grid-template-columns:minmax(0,340px) minmax(0,1fr)}
  .sh-reviews__side{position:sticky;top:calc(var(--r-sticky-top) + var(--space-4))}
  .sh-write{grid-template-columns:minmax(0,1fr) minmax(0,320px)}
  .sh-write__side{position:sticky;top:calc(var(--r-sticky-top) + var(--space-4))}
}