/* Grupy Shimano — dodatki do site.css (jasny motyw jak „Nowe i używane”). */

/* zdjęcia produktowe Shimano mają białe tło: pokazujemy całe, bez kadrowania */
.grp-card .card-photo { background: #fff; }
.grp-card .card-photo img:not(.is-placeholder) { object-fit: contain; padding: 6%; }
.grp-card .price small { font-size: 13px; font-weight: 400; color: var(--bone-dim); }
.grp-photo { background: #fff; }
.grp-photo img { object-fit: contain !important; padding: 4%; }
.grp-disc { margin: 8px 0 0; font-size: 13px; color: var(--bone-dim); }

/* wybór wariantu */
.grp-opts { display: grid; gap: 18px; margin: 26px 0 8px; }
.grp-dim { border: 0; margin: 0; padding: 0; min-width: 0; }
.grp-dim legend { padding: 0; margin-bottom: 8px; font-size: 14px; color: var(--bone-dim); }
.grp-vals { display: flex; flex-wrap: wrap; gap: 8px; }
.grp-val {
  font: inherit; font-size: 15px; font-variant-numeric: tabular-nums; min-width: 64px; padding: 9px 16px; border-radius: 999px;
  border: 1px solid var(--line-dark); background: var(--asphalt-2); color: var(--bone); cursor: pointer;
}
.grp-val:hover { border-color: var(--bone-dim); }
.grp-val[aria-pressed="true"] { background: var(--ink); color: var(--white); border-color: var(--ink); }
/* niedostępne przy obecnych wyborach: klikalne, ale przeskakują na najbliższy istniejący wariant */
.grp-val.is-off:not([aria-pressed="true"]) { color: var(--bone-dim); border-style: dashed; background: transparent; }

/* zawartość zestawu */
.grp-kit ul { margin: 0; padding-left: 20px; display: grid; gap: 6px; }
.grp-note { margin: 16px 0 0; color: var(--bone-dim); font-size: 15px; }