/* ═══════════════════════════════════════════════════════════
   BELLA SWISS — Responsive rules
   Tablet & mobile refinements (desktop-first overrides)
   ═══════════════════════════════════════════════════════════ */

/* ── Large tablets / small laptops ─────────────────────────── */
@media (max-width: 1080px) {
  .feature-grid { grid-template-columns: repeat(2, 1fr); }
  .values-grid  { grid-template-columns: repeat(2, 1fr); }
}

/* ── Tablets ───────────────────────────────────────────────── */
@media (max-width: 960px) {
  .hero-inner {
    grid-template-columns: 1fr;
    gap: 3.2rem;
    text-align: center;
  }

  .hero-copy { order: 1; }
  .hero-visual { order: 2; max-width: 560px; margin-inline: auto; }

  .hero-sub { margin-inline: auto; }
  .hero-actions, .hero-stats { justify-content: center; }

  .hero { min-height: auto; padding-bottom: 6rem; }

  .scroll-cue { display: none; }

  .about-grid { grid-template-columns: 1fr; gap: 4rem; }
  .about-media { max-width: 520px; margin-inline: auto; }

  .product-grid { grid-template-columns: 1fr; max-width: 620px; margin-inline: auto; }

  .contact-panel { grid-template-columns: 1fr; text-align: center; }
  .contact-panel .eyebrow { justify-content: center; }

  .footer-inner { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
}

/* ── Mobile nav breakpoint ─────────────────────────────────── */
@media (max-width: 860px) {
  .nav-toggle { display: flex; }
}

/* ── Phones ────────────────────────────────────────────────── */
@media (max-width: 600px) {
  :root { --section-pad: 4rem; }

  body { font-size: 1rem; }

  .container { width: min(100% - 2.2rem, var(--container)); }

  .hero { padding-top: 6.5rem; }

  .hero-title { font-size: clamp(2.2rem, 9.5vw, 2.9rem); }

  .hero-stats { gap: 1rem; flex-wrap: wrap; }
  .hero-stats-divider { display: none; }
  .hero-stats li { flex: 1 1 40%; align-items: center; }

  .hero-card { left: -2%; padding: 0.7rem 1rem; font-size: 0.82rem; }
  .hero-card--bottom { right: -2%; }
  .hero-card-icon { width: 34px; height: 34px; }

  .btn { padding: 0.85rem 1.7rem; font-size: 0.88rem; }

  .about-points { grid-template-columns: 1fr; }
  .about-badge { right: 0.4rem; bottom: -1.2rem; padding: 0.8rem 1.1rem; font-size: 0.9rem; }

  .feature-grid { grid-template-columns: 1fr; }
  .values-grid  { grid-template-columns: 1fr; }

  .product-heading { flex-direction: column; align-items: flex-start; gap: 0.5rem; }

  .contact-card { padding: 1.1rem 1.2rem; gap: 0.9rem; }
  .contact-icon { width: 46px; height: 46px; border-radius: 13px; }
  .contact-arrow { display: none; }

  .footer-inner { grid-template-columns: 1fr; gap: 2.4rem; }

  .footer-bottom { justify-content: center; text-align: center; }

  .back-to-top { right: 1.1rem; bottom: 1.1rem; width: 46px; height: 46px; }
}

/* ── Very small phones ─────────────────────────────────────── */
@media (max-width: 380px) {
  .hero-actions { flex-direction: column; align-items: stretch; }
  .btn { justify-content: center; }
}

/* ── Ultra-wide screens ────────────────────────────────────── */
@media (min-width: 1700px) {
  :root { --container: 1320px; }
}