/* ===========================================================================
   S8 REDESIGN — 07 CARDS
   Unify card systems (cyp-inv / cyp-card / hw-card / inventory-card / specs /
   about cards) into sharp dealership-marketplace cards: flat surface, crisp
   1px border, small radius, gold edge on hover.
   =========================================================================== */
.cyp-inv__card, .cyp-card, .hw-card, .inventory-card,
.dag-specs-card, .dag-about__card, .dag-about__teamCard, .dag-about__stat {
  background: var(--s8-surface) !important;
  border: 1px solid var(--s8-border) !important;
  border-radius: var(--s8-radius-md) !important;
  box-shadow: var(--s8-shadow-card) !important;
  overflow: hidden;
  transition: border-color var(--anim-med, 220ms) var(--ease-out, ease),
              box-shadow var(--anim-med, 220ms) var(--ease-out, ease),
              transform var(--anim-med, 220ms) var(--ease-out, ease) !important;
}
.cyp-inv__card:hover, .cyp-card:hover, .hw-card:hover, .inventory-card:hover,
.dag-about__card:hover, .dag-about__teamCard:hover {
  border-color: rgba(var(--s8-accent-rgb), .55) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .55) !important;
  transform: translateY(-3px);
}

/* media corners square with the card top */
.cyp-inv__media, .hw-card__media, .inventory-card__media {
  border-radius: var(--s8-radius-md) var(--s8-radius-md) 0 0 !important;
}

/* price block — strong, mono-ish, brand */
.cyp-inv__price-val, .hw-price, .inventory-card__price, .dag-price {
  color: var(--s8-text) !important;
  font-family: var(--font-price, "Manrope", sans-serif);
  font-weight: 800;
  letter-spacing: -.01em;
}

/* badges / chips: keep pill but tame + brand outline */
.cyp-badge, .hw-chip, .dag-sold-badge, .cyp-inv__sold {
  border-radius: 999px;
  border: 1px solid var(--s8-border-strong);
}
.cyp-badge, .hw-chip__count {
  background: rgba(var(--s8-accent-rgb), .14);
  color: var(--s8-accent);
  border-color: rgba(var(--s8-accent-rgb), .4);
}

/* footers / dividers inside cards */
.inventory-card__footer, .cyp-inv__top {
  border-color: var(--s8-border) !important;
}
/* === S8 STRUCTURAL COMPONENTS (shared by restructured pages) === */
.s8-section { padding: var(--s8-space-section) 0; }
.s8-panel {
  background: var(--s8-surface);
  border: 1px solid var(--s8-border);
  border-radius: var(--s8-radius-md);
  padding: 22px;
}
.s8-grid { display: grid; gap: 16px; }
.s8-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.s8-head { margin-bottom: 26px; }
.s8-head .hw-h2 { margin: 6px 0 0; }

/* trust strip: tight 4-up band with crisp separators */
.s8-trust { padding: 0; background: var(--s8-surface); border-top: 1px solid var(--s8-border); border-bottom: 1px solid var(--s8-border); }
.s8-trust__row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.s8-stat { padding: 18px 20px; border-left: 1px solid var(--s8-border); display: flex; flex-direction: column; gap: 4px; }
.s8-stat:first-child { border-left: 0; }
.s8-stat__k {
  font-family: var(--font-head, "Antonio", sans-serif);
  font-weight: 700; font-size: 15px; letter-spacing: .06em; text-transform: uppercase;
  color: var(--s8-accent);
}
.s8-stat__v { color: var(--s8-muted); font-size: 13.5px; line-height: 1.4; }

/* feature cards */
.s8-feature__t {
  margin: 0 0 8px;
  font-family: var(--font-head, "Antonio", sans-serif);
  font-size: 19px; letter-spacing: .01em; color: var(--s8-text);
}
.s8-feature__t::after { content: ""; display: block; width: 34px; height: 2px; margin-top: 8px; background: var(--s8-accent); }
.s8-feature__p { margin: 0; color: var(--s8-muted); font-size: 14.5px; line-height: 1.55; }

/* CTA band */
.s8-cta {
  margin-top: 22px;
  display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap;
  background: var(--s8-surface-2);
  border: 1px solid rgba(var(--s8-accent-rgb), .35);
  border-left: 3px solid var(--s8-accent);
  border-radius: var(--s8-radius-md);
  padding: 20px 22px;
}
.s8-cta__t { margin: 0 0 4px; font-family: var(--font-head, "Antonio", sans-serif); font-size: 20px; color: var(--s8-text); }
.s8-cta__p { margin: 0; color: var(--s8-muted); font-size: 14px; }
.s8-cta__actions { display: flex; gap: 10px; flex-wrap: wrap; }
/* === /S8 STRUCTURAL COMPONENTS === */