/* =========================================================
   GREEN NOOK — RESPONSIVE BREAKPOINTS
   ========================================================= */

/* Large laptops / small desktops */
@media (max-width: 1199.98px) {
  .hero-title { font-size: 2.6rem; }
  .instagram-grid { grid-template-columns: repeat(4, 1fr); }
}

/* Tablets */
@media (max-width: 991.98px) {
  .section { padding: 60px 0; }
  .min-vh-hero { min-height: auto; padding: 50px 0; }
  .hero-title { font-size: 2.2rem; }
  .hero-visual { margin-top: 40px; }
  .hero-float-card { position: relative; display: inline-flex; margin: 10px 6px 0; }
  .hero-float-1, .hero-float-2 { top: auto; left: auto; right: auto; bottom: auto; }

  .main-menu { background: var(--color-white); padding: 16px; border-radius: var(--radius-md); margin-top: 14px; box-shadow: var(--shadow-sm); }
  .main-menu .nav-link { padding: 12px 14px !important; }
  .nav-actions { margin-top: 14px; justify-content: center; }
  .top-bar { display: none !important; }

  .product-card-list { flex-direction: column; }
  .product-card-list .product-card-img { width: 100%; height: auto; aspect-ratio: 1/1; }

  .timeline-item, .timeline-reverse { flex-direction: column; text-align: center; }
  .process-timeline::before { left: 30px; }
  .timeline-icon { margin: 0 auto; }

  .instagram-grid { grid-template-columns: repeat(3, 1fr); }
  .newsletter-box { padding: 32px; text-align: center; }
  .newsletter-form { margin-top: 16px; }

  .cart-summary-box, .checkout-summary-box { position: static; margin-top: 24px; }
}

/* Mobile landscape / large phones */
@media (max-width: 767.98px) {
  .hero-title { font-size: 1.9rem; }
  .hero-stats { gap: 24px; }
  .hero-stats-single-line { gap: 14px; }
  .hero-stats-single-line .stat-item .stat-number, .hero-stats-single-line .stat-item .stat-suffix { font-size: 1.5rem; }
  .hero-stats-single-line .stat-item small { font-size: 11px; }
  .section-heading h2 { font-size: 1.8rem; }

  .top-bar-right a:not(:first-child) { display: none; }

  .cart-drawer { width: 100%; }

  .checkout-steps { gap: 14px; }
  .checkout-step span { width: 26px; height: 26px; font-size: 12px; }

  .instagram-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-bottom { flex-direction: column; text-align: center; }

  .legal-content, .contact-form-wrap, .newsletter-popup { padding: 24px; }
  .error-404-illustration h1 { font-size: 5rem; }

  .organic-tabs { gap: 6px; }
  .organic-tabs .nav-link { padding: 10px 16px; font-size: 13px; }

  .product-purchase-row { flex-direction: column; align-items: stretch; }
  .product-purchase-row .qty-selector { justify-content: center; }
}

/* Small phones */
@media (max-width: 575.98px) {
  .hero-badge { font-size: 11px; }
  .hero-cta { flex-direction: column; }
  .hero-cta .btn-organic, .hero-cta .btn-outline-organic { width: 100%; justify-content: center; }

  .stat-item { flex: 1 1 30%; }
  .hero-stats-single-line { gap: 8px; }
  .hero-stats-single-line .stat-item .stat-number, .hero-stats-single-line .stat-item .stat-suffix { font-size: 1.2rem; }
  .hero-stats-single-line .stat-item small { font-size: 9.5px; }
  .instagram-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }

  .shop-toolbar { flex-direction: column; align-items: flex-start; }
  .shop-toolbar-actions { width: 100%; justify-content: space-between; }

  .floating-whatsapp { width: 50px; height: 50px; font-size: 22px; left: 16px; bottom: 16px; }
  .back-to-top { width: 42px; height: 42px; right: 16px; bottom: 16px; }

  .newsletter-form, .coupon-row { flex-direction: column; }

  .product-detail-price .price-current { font-size: 22px; }
  .order-success-box { padding: 36px 20px; }

  .cookie-consent { flex-direction: column; align-items: flex-start; }
}

/* Print styles for invoice */
@media print {
  .admin-sidebar, .admin-topbar, .no-print, .admin-actions { display: none !important; }
  .admin-main { margin-left: 0 !important; }
  body { background: #fff !important; }
}