/* ================================================================
   VRUNDASHRI AGRO — responsive.css
   Breakpoints: 1280 · 1024 · 768 · 480
================================================================ */

/* ── 1280px ── */
@media (max-width: 1280px) {
  .container { padding-inline: 32px; }
  .mega-body { grid-template-columns: 1fr 1fr 1fr; }
  .mega-featured { display: none; }
  .footer__grid { grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 36px; }
  .footer__col--newsletter { grid-column: 1 / -1; }
  .newsletter-form { max-width: 440px; }
}

/* ── 1024px — tablet landscape, collapse nav ── */
@media (max-width: 1024px) {
  :root { --topbar-h: 0px; --header-h: 76px; --sec-pad: 80px; }
  .container { padding-inline: 24px; }
  .topbar { display: none; }
  .site-header { top: 0; }
  .main-nav { display: none; }
  .header__cta { display: none; }
  .hamburger { display: flex; }

  .stats__bg { background-attachment: scroll; }
  .cta-band__bg { background-attachment: scroll; }

  .about__grid { grid-template-columns: 1fr; gap: 64px; }
  .about__visuals { max-width: 520px; margin-inline: auto; }
  .about__img-float { right: -14px; width: 175px; }
  .about__badge { right: -10px; }
  .about__content { padding-left: 0; text-align: center; }
  .about__content .sec-tag,
  .about__content .sec-title { text-align: center; }
  .about__actions { justify-content: center; }
  .about__checks { align-items: center; }

  .stats__grid { grid-template-columns: repeat(2,1fr); }
  .stat { border-right: none; border-bottom: 1px solid rgba(255,255,255,.1); }
  .stat:nth-child(odd)  { border-right: 1px solid rgba(255,255,255,.1); }
  .stat:nth-child(3),
  .stat:nth-child(4)    { border-bottom: none; }

  .products__grid { grid-template-columns: repeat(2,1fr); }
  .apps-mosaic { grid-template-columns: 1fr 1fr; grid-template-rows: 220px 200px 200px 200px; }
  .app-tile--tall { grid-row: span 1; }
  .app-tile--wide { grid-column: span 2; }
  .feat-row { grid-template-columns: 1fr; gap: 56px; }
  .feat-row--rev { direction: ltr; }
  .feat-img { max-width: 520px; margin-inline: auto; }
  .ind-grid { grid-template-columns: repeat(2,1fr); }
  .blog-grid { grid-template-columns: repeat(2,1fr); }

  .contact-grid { grid-template-columns: 1fr; gap: 52px; }
  .contact-info { flex-direction: row; flex-wrap: wrap; }
  .contact-info__item { flex: 1 1 260px; }

  .footer__grid { grid-template-columns: 1fr 1fr; gap: 40px; }
  .footer__col--brand { grid-column: 1 / -1; }
}

/* ── 768px — tablet portrait ── */
@media (max-width: 768px) {
  :root { --header-h: 68px; --sec-pad: var(--sec-pad-sm); }
  .container { padding-inline: 18px; }
  .sec-head { margin-bottom: 48px; }

  .hero__content { text-align: center; padding-top: calc(var(--header-h) + 22px); }
  .hero__inner { max-width: 100%; }
  .hero__eyebrow { justify-content: center; }
  .hero__title { align-items: center; }
  .hero__desc { text-align: center; }
  .hero__actions { justify-content: center; }
  .hero__label { display: none; }
  .hero__counter { display: none; }
  .hero__controls { left: 50%; transform: translateX(-50%); bottom: 26px; }
  .hero__scroll { display: none; }

  .about__img-float { width: 140px; right: 0; }
  .about__badge { right: 0; }
  .about__badge-num { font-size: 1.7rem; }

  .products__grid { grid-template-columns: 1fr; max-width: 440px; margin-inline: auto; }
  .apps-mosaic { grid-template-columns: 1fr 1fr; grid-template-rows: 180px 160px 160px 160px; gap: 10px; }
  .ind-grid { grid-template-columns: 1fr; max-width: 400px; margin-inline: auto; }
  .blog-grid { grid-template-columns: 1fr; max-width: 460px; margin-inline: auto; }

  .form-row { grid-template-columns: 1fr; }
  .contact-info { flex-direction: column; }

  .footer__grid { grid-template-columns: 1fr; gap: 32px; }
  .footer__col--newsletter { grid-column: auto; }
  .footer__bottom-inner { flex-direction: column; gap: 12px; text-align: center; }
  .footer__bottom-links { justify-content: center; }

  .float-btns { right: 16px; bottom: 16px; }
  .fab { width: 46px; height: 46px; font-size: 1rem; }
  .fab-tip { display: none; }

  .cert-strip__inner { flex-direction: column; align-items: flex-start; }
  .cert-strip__label { border-right: none; padding-right: 0; border-bottom: 1px solid var(--border); padding-bottom: 10px; }
  .cert-strip__list { flex-wrap: wrap; }
}

/* ── 480px — mobile ── */
@media (max-width: 480px) {
  :root { --header-h: 64px; --sec-pad: 56px; }
  .container { padding-inline: 14px; }

  .btn-lg { padding: 13px 24px; font-size: .87rem; }

  .hero { min-height: 100svh; }
  .hero__title { font-size: clamp(2rem, 9vw, 2.8rem); }
  .hero__actions { flex-direction: column; gap: 11px; }
  .hero__btn { width: 100%; justify-content: center; max-width: 320px; }
  .hero__nav { display: none; }

  .about__img-float { display: none; }
  .about__badge { position: static; display: inline-flex; margin-top: 16px; border-radius: var(--r-sm); }

  .feat-badge { bottom: -10px; left: 10px; font-size: .78rem; padding: 10px 13px; }
  .feat-badge--right { right: 10px; left: auto; }

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

  .cert-badge { font-size: .68rem; padding: 5px 11px; }
  .stat__num  { font-size: 2.8rem; }
  .stat__suf  { font-size: 1.75rem; }

  .footer__top { padding: 60px 0 44px; }
  .footer__bottom-links { flex-wrap: wrap; gap: 14px; }
}

/* ── Reduced motion ── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
  .hero__bg    { transition: none !important; transform: none !important; }
  .hero__wheel { animation: none !important; }
}