/* ================================================================
   DHAKAD GROUP — RESPONSIVE
   ================================================================ */

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* ---- 1200px ---- */
@media (max-width: 1200px) {
  :root { --cpx: 28px; }
  .bento { grid-template-rows: 250px 250px; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 40px; }
  .auth-brands { flex-wrap: wrap; }
}

/* ---- 1024px ---- */
@media (max-width: 1024px) {
  :root { --py: 80px; }
  .hero-title { font-size: clamp(3rem, 7vw, 5.5rem); }
  .hero-stats { grid-template-columns: repeat(2, 1fr); gap: 1px; background: rgba(255,255,255,.07); }
  .hero-stat { border-right: none; padding: 20px 24px; }
  .bizintro-grid { grid-template-columns: 1fr; gap: 2px; }
  .biz-card:first-child { border-right: 1px solid var(--dark-border); border-bottom: none; }
  .bento { grid-template-columns: repeat(2, 1fr); grid-template-rows: 250px 250px 250px; }
  .bento-item { grid-column: auto !important; grid-row: auto !important; }
  .paints-grid { grid-template-columns: repeat(2, 1fr); }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .stat-block { border-right: none; border-bottom: 1px solid var(--dark-border); padding: 28px; }
  .stat-block:nth-last-child(-n+2) { border-bottom: none; }
  .why-grid { grid-template-columns: 1fr; gap: 48px; }
  .why-image { max-width: 480px; }
  .reviews-grid { grid-template-columns: repeat(2, 1fr); }
  .contact-grid { grid-template-columns: 1fr; gap: 40px; }
  .tb-center { display: none; }
  .tb-left  { flex: none; }
  .tb-right { flex: none; }
}

/* ---- 768px ---- */
@media (max-width: 768px) {
  :root { --py: 64px; --hdr-h: 66px; --cpx: 20px; }

  /* Top bar */
  .top-bar { height: 36px; font-size: .7rem; }
  .tb-left   { flex: none; }
  .tb-center { flex: 1; }
  .tb-right  { flex: none; gap: 10px; }
  .tb-right .tb-item { display: none; }
  .tb-sep { display: none; }

  /* Header */
  .header { top: 36px; }
  .header.stuck { top: 0; }
  .nav-links, .btn-nav { display: none; }
  .hamburger { display: flex; margin-left: auto; }  /* pushed to far right */

  /* Mobile logo — bigger */
  .nav-logo img { height: 58px; }

  /* Hero — full width, no side gap */
  .hero { min-height: 100svh; padding-top: calc(var(--hdr-h) + 36px); }
  .hero > .container { padding-left: 0; padding-right: 0; }
  .hero-content { padding: 0 20px; }
  .hero-title { font-size: clamp(2.8rem, 10vw, 4.5rem); }
  .hero-ctas { flex-direction: column; align-items: flex-start; }
  .hero-ctas .btn { width: 100%; max-width: 320px; justify-content: center; }
  .hero-stats { grid-template-columns: repeat(2, 1fr); padding: 20px 20px; }
  .hero-deco { font-size: 120px; bottom: 0; }

  /* Product grid */
  .bento { grid-template-columns: 1fr; grid-template-rows: repeat(5, 230px); gap: 8px; }
  .bento-item { grid-column: auto !important; grid-row: auto !important; }
  .bento-btn { opacity: 1 !important; transform: none !important; }

  /* Paints */
  .paints-grid { grid-template-columns: 1fr; }
  .auth-brands { flex-direction: column; align-items: flex-start; }
  .auth-label { border-right: none; padding-right: 0; border-bottom: 1px solid var(--dark-border); padding-bottom: 16px; width: 100%; }
  .auth-list { gap: 10px; }

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

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

  /* Map overlay */
  .map-section__overlay { bottom: 16px; left: 16px; right: 16px; transform: none; }
  .map-section__card { white-space: normal; font-size: .78rem; }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr; gap: 32px; }
  .footer-brand img { height: 60px; }
  .footer-bottom { flex-direction: column; text-align: center; gap: 10px; }
  .footer-bottom-links { flex-wrap: wrap; justify-content: center; }

  /* Contact */
  .contact-form-wrap { padding: 26px 20px; }
  .biz-card { padding: 40px 28px; }
  .biz-number { font-size: 6rem; }

  .cta-btns { flex-direction: column; align-items: center; }
  .cta-btns .btn { width: 100%; max-width: 280px; justify-content: center; }
}

/* ---- 480px ---- */
@media (max-width: 480px) {
  :root { --py: 52px; }
  .top-bar { display: none; }
  .header { top: 0; }

  .nav-logo img { height: 52px; }

  .hero { padding-top: var(--hdr-h); }
  .hero-title { font-size: 2.6rem; }
  .hero-sub { font-size: .925rem; }
  .hero-stats { grid-template-columns: repeat(2, 1fr); padding: 16px; }
  .hs-num { font-size: 2rem; }

  .bento { grid-template-rows: repeat(5, 200px); gap: 8px; }
  .bento-title { font-size: 1.1rem !important; }

  .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 1px; }
  .sb-num { font-size: 3rem; }

  .why-item { flex-direction: column; gap: 10px; }
  .why-num { font-size: 2rem; }

  .faq-q { font-size: .875rem; padding: 16px 18px; }
  .faq-a { padding: 0 18px 18px; }

  .float-btn { width: 46px; height: 46px; }
  .brand-chip { padding: 10px 18px; }
  .auth-brand span { font-size: .78rem; }

  /* Map */
  .map-section__card { flex-direction: column; text-align: center; gap: 8px; }
}