/* ═══════════════════════════════════════════════════════════════
   DIGIBROOD DESIGN SYSTEM — responsive.css
   Mobile-first overrides. Loaded last.
   ═══════════════════════════════════════════════════════════════ */

/* ── Tablet (≤920px) ──────────────────────────────────────── */
@media (max-width: 920px) {

  .db-section--pad-hero {
    padding-top: var(--db-sp-12);
  }

  .db-grid-2col {
    grid-template-columns: 1fr;
    gap: var(--db-sp-9);
  }

  .db-grid-2col--hero-bottom {
    padding-bottom: var(--db-sp-11);
  }

  .db-hero__right {
    height: 390px;
  }
}

/* ── Mobile (≤640px) ──────────────────────────────────────── */
@media (max-width: 640px) {

  .db-section--pad-hero {
    padding: var(--db-sp-9) var(--db-sp-4) 0;
  }

  .db-hero__right {
    height: 310px;
  }

  .db-hero__card-chat {
    width: 192px;
  }

  .db-hero__notification {
    right: 6px;
    top: 6px;
    padding: 6px 10px;
  }

  .db-notification__title {
    font-size: 11px;
  }

  /* Stats grid — 3 top, 2 bottom */
  .db-track-record {
    padding: var(--db-sp-8) 0 var(--db-sp-9);
  }

  .db-stats-grid {
    grid-template-columns: repeat(3, 1fr);
    border-radius: var(--db-radius-md);
  }

  .db-stats-grid__item:nth-child(3)::after {
    display: none;
  }

  .db-stats-grid__item:nth-child(n+4) {
    border-top: 1px solid var(--db-border-subtle);
  }

  .db-stats-grid__item:nth-child(4) { grid-column: 1 / 2; }
  .db-stats-grid__item:nth-child(5) { grid-column: 2 / 3; }

  .db-stats-grid__item {
    padding: 22px 12px;
  }

  .db-stat-number {
    font-size: clamp(22px, 5vw, 30px);
  }

  .db-stat-label {
    font-size: var(--db-fs-xs);
  }
}

/* ── Small phone (≤420px) ─────────────────────────────────── */
@media (max-width: 420px) {

  .db-hero__right {
    height: 270px;
  }

  .db-hero__card-chat {
    width: 168px;
    padding: var(--db-sp-3);
  }

  .db-btn-group {
    flex-direction: column;
  }

  .db-btn-group .db-btn {
    width: 100%;
    justify-content: center;
  }

  /* Stats grid — 2 columns */
  .db-stats-grid {
    grid-template-columns: repeat(2, 1fr);
    border-radius: 12px;
  }

  .db-stats-grid__item:nth-child(2)::after { display: none; }
  .db-stats-grid__item:nth-child(4)::after { display: none; }
  .db-stats-grid__item:nth-child(3)::after { display: block; }

  .db-stats-grid__item:nth-child(n+3) {
    border-top: 1px solid var(--db-border-subtle);
  }

  .db-stats-grid__item:nth-child(4) { grid-column: auto; }
  .db-stats-grid__item:nth-child(5) { grid-column: 1 / -1; }

  .db-stats-grid__item {
    padding: 20px 10px;
  }
}

@media (max-width: 768px) {
  .db-logo {
    width: 120px;
    height: 60px;
  }

  .db-grid-2 {
    grid-template-columns: 1fr;
  }
}