/* ============================================================
   RESPONSIVE — Mobile First
   ============================================================ */

/* ---- 1024px ---- */
@media (max-width: 1024px) {
  .hero-inner { gap: 36px; }
  .hero-img-wrap img { height: 420px; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 36px; }
  .brand-card  { grid-template-columns: 38% 1fr; }
  .brand-body { grid-template-columns: 1fr; }
  .brand-deal-box { align-items: stretch; text-align: left; min-height: auto; }
  .why-inner   { gap: 40px; }
  .newsletter-inner { grid-template-columns: 1fr; }
  .newsletter-note { grid-column: auto; margin-top: -24px; }
}

/* ---- 768px ---- */
@media (max-width: 768px) {

  .section { padding: 56px 0; }

  /* Nav */
  .nav-links { display: none; position: absolute; top: 66px; left: 0; right: 0;
    background: var(--white); flex-direction: column; padding: 16px 24px;
    border-bottom: 1px solid var(--border); box-shadow: 0 4px 12px rgba(0,0,0,.06);
  }
  .nav-links.open { display: flex; }
  .nav-toggle { display: flex; }
  .nav-actions .btn { display: none; }

  /* Hero */
  .hero { min-height: auto; }
  .hero-inner { grid-template-columns: 1fr; gap: 36px; padding: 56px 24px; }
  .hero-media { order: -1; }
  .hero-media { margin-right: 0; }
  .hero-img-wrap { border-radius: 8px; }
  .hero-img-wrap::before { display: none; }
  .hero-img-wrap img { height: 280px; }
  .hero-badge { right: 8px; bottom: 8px; width: 90px; height: 90px; }
  .hero-badge .badge-pct { font-size: 1.4rem; }
  .hero-btns  { flex-direction: column; }
  .hero-btns .btn { width: 100%; justify-content: center; }

  /* Brand cards */
  .brand-card { grid-template-columns: 1fr; }
  .brand-img  { min-height: 220px; }
  .brand-body { grid-template-columns: 1fr; gap: 18px; }
  .brand-deal-box { text-align: center; }
  .tag-list { grid-template-columns: 1fr 1fr; }

  /* Compare table */
  .compare-table-wrap { border-radius: var(--radius); }

  /* Coupons */
  .coupons-grid { grid-template-columns: repeat(2, 1fr); }

  /* Why */
  .why-inner { grid-template-columns: 1fr; gap: 36px; }
  .why-img-wrap { display: none; }
  .why-grid { grid-template-columns: 1fr 1fr; }

  /* Reviews */
  .reviews-grid { grid-template-columns: 1fr; }

  /* Blog */
  .blog-grid { grid-template-columns: 1fr; }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr; gap: 28px; }
  .footer-bottom { flex-direction: column; text-align: center; }
  .footer-bottom-links { justify-content: center; }

  /* Newsletter */
  .newsletter-inner { padding: 26px 22px; gap: 22px; text-align: center; }
  .newsletter-form { flex-direction: column; border-radius: 8px; }
  .newsletter-form input  { padding: 14px; }
  .newsletter-form button { border-radius: 0 0 8px 8px; }
  .newsletter-note { margin-top: -10px; }
}

/* ---- 480px ---- */
@media (max-width: 480px) {
  h1 { font-size: 1.8rem; }
  h2 { font-size: 1.4rem; }
  .nav-logo .logo-text { max-width: 190px; overflow: hidden; text-overflow: ellipsis; }
  .coupons-grid  { grid-template-columns: 1fr; }
  .why-grid      { grid-template-columns: 1fr; }
  .brand-body    { padding: 22px 18px; }
  .brand-actions { flex-direction: column; }
  .brand-actions .btn { min-width: unset; }
  .tag-list { grid-template-columns: 1fr; }
}