/* v13: image-led brand and service cards; approved hero stays untouched. */
.selection-grid {
  gap: 16px;
  border: 0;
}
.selection-grid--services { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.selection-cell--illustrated {
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  align-items: stretch;
  padding: 1px;
  overflow: hidden;
  border: 0;
  background: linear-gradient(145deg, #747878, #363a3a 35%, #222525 70%, #595c5c);
  clip-path: polygon(9% 0, 91% 0, 100% 8%, 100% 92%, 91% 100%, 9% 100%, 0 92%, 0 8%);
  text-align: left;
  isolation: isolate;
}
.selection-cell--illustrated::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 1px;
  background: linear-gradient(145deg, #323535, #1c1e1e 70%);
  clip-path: inherit;
}
.selection-cell--illustrated:hover { background: linear-gradient(145deg, #969b9b, #4b4f4f 35%, #353838 70%, #b93a3a); }
.selection-cell--illustrated:focus-visible { outline-offset: -4px; outline: 2px solid #ff6767; }
.selection-cell--illustrated > .selection-index {
  z-index: 2;
  top: 13px;
  left: 17px;
  color: #e1e4e3;
  font: 600 12px/1 var(--display);
  text-shadow: 0 1px 5px #000;
}
.selection-media {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background: radial-gradient(ellipse at 50% 15%, #535657, #202323 72%);
}
.selection-media::after {
  content: "";
  position: absolute;
  inset: 65% 0 0;
  background: linear-gradient(transparent, #1d1f1f);
  pointer-events: none;
}
.selection-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .55s cubic-bezier(.22,.61,.36,1);
}
.selection-media--car img { object-fit: contain; padding: 15px 9px 1px; }
.selection-cell--illustrated:hover img { transform: scale(1.035); }
.selection-copy { padding: 9px 19px 26px; }
.selection-cell--illustrated strong,
.selection-cell--brand:nth-child(2) strong {
  display: block;
  font-family: var(--display);
  font-size: clamp(14px, 1.35vw, 18px);
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.025em;
}
.selection-cell--illustrated small {
  display: block;
  margin-top: 7px;
  color: #b6bcba;
  font: 500 12px/1.35 var(--display);
  letter-spacing: .04em;
}
.selector-tabs button { min-height: 40px; font-size: 12px; }
.selector-note { font-size: 12px; line-height: 1.55; }
.catalog-grid { gap: 20px; }
.catalog-card { background: linear-gradient(140deg, #303333, #171919 68%); }
.card-media { height: auto; aspect-ratio: 3 / 2; background: #252828; }
.card-media img { filter: none; object-position: center; }
.catalog-card:hover .card-media img { filter: none; transform: scale(1.035); }
.card-body { min-height: 245px; padding: 18px 24px 26px; }
.card-body h3 { font-size: 18px; font-style: normal; line-height: 1.15; letter-spacing: -.025em; }
.card-body p { max-width: none; font-size: 14px; line-height: 1.5; }
.card-body a { min-height: 40px; margin-top: 22px; font-size: 11px; }
.catalog-card--cta { background: linear-gradient(140deg, #303333, #171919 68%); }
@media (max-width: 860px) {
  .selection-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .selection-cell--illustrated { min-height: 0; }
  .selection-cell--illustrated strong { font-size: 18px; }
  .catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .selection-grid { gap: 10px; }
  .selection-copy { padding: 8px 13px 22px; }
  .selection-cell--illustrated strong { font-size: 14px; }
  .selection-cell--illustrated small { font-size: 12px; letter-spacing: 0; }
  .selection-cell--illustrated > .selection-index { top: 10px; left: 13px; font-size: 11px; }
  .selection-media--car img { padding: 16px 5px 0; }
  .catalog-grid { grid-template-columns: 1fr; }
  .card-body { min-height: 230px; }
  .card-body h3 { font-size: 21px; }
  .card-body p { font-size: 16px; }
  .card-body a { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .selection-media img, .card-media img { transition: none; }
  .selection-cell--illustrated:hover img, .catalog-card:hover .card-media img { transform: none; }
}