/* ===========================================================================
   S8 REDESIGN — 90 RESPONSIVE
   Keep sharpness + spacing consistent down to mobile.
   =========================================================================== */
@media (max-width: 1024px) {
  .cyp-inv__card, .hw-card, .inventory-card, .cyp-card {
    border-radius: var(--s8-radius-md) !important;
  }
}
@media (max-width: 768px) {
  :root { --s8-space-section: clamp(36px, 8vw, 60px); }
  .dag-btn, .cyp-btn, .hw-btn, .btn, .dag-about__btn {
    border-radius: var(--s8-radius-sm) !important;
  }
  /* full-width CTAs read cleaner on mobile */
  .dag-actions .dag-btn, .hw-form__row .hw-btn { width: 100%; }
}
@media (max-width: 480px) {
  .cyp-inv__media, .hw-card__media, .inventory-card__media {
    border-radius: var(--s8-radius-sm) var(--s8-radius-sm) 0 0 !important;
  }
}
/* === S8 STRUCTURAL RESPONSIVE === */
@media (max-width: 980px) {
  .s8-grid--3 { grid-template-columns: 1fr 1fr; }
  .s8-trust__row { grid-template-columns: 1fr 1fr; }
  .s8-stat:nth-child(odd) { border-left: 0; }
  .s8-stat { border-top: 1px solid var(--s8-border); }
  .s8-stat:nth-child(-n+2) { border-top: 0; }
}
@media (max-width: 640px) {
  .s8-grid--3 { grid-template-columns: 1fr; }
  .s8-trust__row { grid-template-columns: 1fr; }
  .s8-stat { border-left: 0; }
  .s8-stat:nth-child(2) { border-top: 1px solid var(--s8-border); }
  .s8-cta { flex-direction: column; align-items: flex-start; }
}
/* === /S8 STRUCTURAL RESPONSIVE === */
