/* ══════════════════════════════════════
   RESPONSIVE — TABLET (≤ 768px)
══════════════════════════════════════ */
@media (max-width: 768px) {
  :root { --section-pad: 60px 20px; }

  /* Navbar */
  .nav-center { display: none; }
  .nav-cta    { display: none; }
  .nav-burger { display: flex; }

  /* Hero */
  .hero h1 { font-size: clamp(2.2rem, 10vw, 3.6rem); }
  .hero-diamond span:nth-child(2) { width: 200px; height: 200px; }
  .hero-diamond span:nth-child(3) { width: 300px; height: 300px; }

  /* Stats */
  .stats-bar { grid-template-columns: repeat(3, 1fr); }
  .stat-number { font-size: 1.7rem; }

  /* About */
  .about-grid { grid-template-columns: 1fr; gap: 32px; }
  .about-image-wrap { max-width: 320px; margin: 0 auto; }

  /* Keunggulan */
  .keunggulan-grid { grid-template-columns: 1fr; gap: 12px; }

  /* Collections */
  .collections-grid { grid-template-columns: 1fr; }
  .col-card.featured { grid-template-columns: 1fr; }
  .col-card.featured .col-img { aspect-ratio: 16/7; }
  .col-card.featured .col-info { padding: 20px; }

  /* Proses */
  .proses-grid { grid-template-columns: 1fr 1fr; }
  .proses-step:nth-child(2) { border-right: none; }
  .proses-step:nth-child(3),
  .proses-step:nth-child(4) { border-top: 1px solid var(--brown-border); }
  .proses-step:nth-child(4) { border-right: none; }

  /* Testimoni */
  .testi-grid { grid-template-columns: 1fr; }

  /* Findus */
  .marketplace-grid { grid-template-columns: 1fr 1fr; }

  /* Contact */
  .contact-grid { grid-template-columns: 1fr; }
}