/* ══════════════════════════════════════════
   KOKOON — responsive.css
   Mobile & tablet breakpoints
══════════════════════════════════════════ */

@media (max-width: 1200px) {
  .container { padding: 0 40px; }
  .hdr { padding: 0 32px; }
  .cat-grid { grid-template-columns: repeat(3,1fr); height: auto; }
  .cat-card { height: 280px; }
  .prod-grid { grid-template-columns: repeat(3,1fr); }
  .about-split { grid-template-columns: 1fr; }
  .about-visual { min-height: 400px; }
  .about-content { padding: 60px 48px; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 40px; }
  .detail-wrap { gap: 48px; }
  .related-grid { grid-template-columns: repeat(3,1fr); }
  .stats-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 1024px) {
  .shop-layout { grid-template-columns: 1fr; }
  .sidebar { position: static; }
  .main-grid { grid-template-columns: repeat(2,1fr); }
  .cart-wrap { grid-template-columns: 1fr; }
  .order-summary { position: static; }
  .checkout-wrap { grid-template-columns: 1fr; }
  .cs-sidebar { position: static; }
  .testi-grid { grid-template-columns: 1fr 1fr; }
  .detail-wrap { grid-template-columns: 1fr; }
  .gallery { position: static; }
  .related-grid { grid-template-columns: repeat(2,1fr); padding: 0 40px; }
  .admin-layout { grid-template-columns: 200px 1fr; }
  .mf-grid { grid-template-columns: 1fr; }
  .form-grid { grid-template-columns: 1fr; }
  .form-group.form-full { grid-column: 1; }
  .co-steps { flex-direction: column; }
  .co-step { border-right: none; border-bottom: 1px solid var(--silk-border); }
}

@media (max-width: 768px) {
  /* Header */
  .hdr { grid-template-columns: 1fr auto; padding: 0 20px; height: 60px; }
  .nav-links, .hdr-actions { display: none; }
  .hamburger { display: flex; }

  /* Typography */
  :root {
    --text-hero: clamp(36px,10vw,60px);
    --text-3xl: clamp(24px,5vw,36px);
    --text-4xl: clamp(32px,7vw,52px);
  }

  /* Hero */
  .hero { height: 80vh; min-height: 500px; }
  .hero-content { padding: 0 28px; }
  .hero-arrow { width: 36px; height: 36px; font-size: 14px; }
  .hero-arrow-prev { left: 12px; }
  .hero-arrow-next { right: 12px; }

  /* Sections */
  .container { padding: 0 20px; }
  .categories-section { padding: 60px 0 24px; }
  .cat-grid { grid-template-columns: 1fr 1fr; height: auto; }
  .cat-card { height: 220px; }

  .feat-section { padding: 60px 0; }
  .prod-grid { grid-template-columns: 1fr 1fr; gap: 14px; }

  .about-content { padding: 40px 24px; }
  .cert-row { flex-direction: column; gap: 12px; }

  .testi-grid { grid-template-columns: 1fr; }
  .testi-section { padding: 60px 0; }

  .footer-grid { grid-template-columns: 1fr; gap: 32px; }
  footer { padding: 48px 0 0; }

  /* Shop */
  .shop-hero { padding: 48px 24px; }
  .shop-layout { padding: 24px 20px; }
  .main-grid { grid-template-columns: 1fr 1fr; gap: 14px; }

  /* Product detail */
  .breadcrumb { padding: 16px 20px; }
  .detail-wrap { padding: 0 20px 60px; gap: 32px; }
  .gal-thumbs { grid-template-columns: repeat(5,1fr); }
  .related-sec h2 { font-size: var(--text-2xl); }
  .related-grid { grid-template-columns: 1fr 1fr; padding: 0 20px; }
  .trust-badges { grid-template-columns: 1fr; gap: 16px; }

  /* Cart */
  .cart-wrap { padding: 0 20px 60px; gap: 32px; }
  .cart-item { grid-template-columns: 80px 1fr auto; gap: 14px; }
  .ci-img { width: 80px; height: 105px; }

  /* Checkout */
  .checkout-wrap { padding: 0 20px 60px; margin-top: 24px; }

  /* Admin */
  .admin-layout { grid-template-columns: 1fr; }
  .admin-sidebar { position: static; height: auto; }
  .admin-content { padding: 20px; }
  .stats-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
  .modal-inner { max-width: 100%; }
  .modal-body { max-height: 60vh; }

  /* Marquee */
  .marquee-item { padding: 0 24px; }

  /* Newsletter */
  .nl-form { flex-direction: column; }
  .nl-form button { width: 100%; }
}

@media (max-width: 480px) {
  .prod-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .main-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .cat-grid { grid-template-columns: 1fr 1fr; }
  .cat-card { height: 180px; }
  .related-grid { grid-template-columns: 1fr 1fr; }
  .stats-grid { grid-template-columns: 1fr 1fr; }

  /* Hero */
  .hero-eyebrow { display: none; }
  .hero-desc { display: none; }
  .hero-ctas { flex-direction: column; gap: 10px; }
  .hero-ctas .btn-primary,
  .hero-ctas .hero-ghost { text-align: center; width: 100%; max-width: 260px; }

  /* Cart item */
  .cart-item { grid-template-columns: 70px 1fr; }
  .ci-price-col { grid-column: 2; }

  /* Product name trimming */
  .prod-info .prod-name { font-size: 15px; }
  .pi-title { font-size: var(--text-2xl); }
  .cta-row { flex-direction: column; }

  /* Admin sidebar hidden on mobile */
  .admin-sidebar { display: none; }
}

/* ─── Print ─── */
@media print {
  header, .ann, .hamburger, .admin-sidebar, .cart-btn-hdr { display: none !important; }
}