/* ============================================
   SOFFIONATURA - RESPONSIVE STYLES
   ============================================ */

/* XL: 1280px+ - already handled in main styles */

/* LG: 992-1279px */
@media (max-width: 1279px) {
  .container { padding: 0 32px; }
  .hero-headline { font-size: 2.6rem; }
  .products-grid { grid-template-columns: repeat(3, 1fr); }
  .categories-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 32px; }
  .values-grid { grid-template-columns: repeat(2, 1fr); }
  .trust-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }
}

/* MD: 768-991px (tablet) */
@media (max-width: 991px) {
  :root { --section-pad: 48px; }

  .container { padding: 0 24px; }

  /* Header */
  .main-nav { display: none; }
  .hamburger { display: flex; }

  /* Hero */
  .hero-section { padding: 64px 0; min-height: auto; }
  .hero-inner { grid-template-columns: 1fr; gap: 40px; }
  .hero-image-wrap { max-width: 480px; margin: 0 auto; }
  .hero-headline { font-size: 2.2rem; }
  .hero-subheadline { font-size: 16px; }

  /* Categories */
  .categories-section { padding: 48px 0; }
  .categories-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }

  /* Products */
  .featured-products-section { padding: 48px 0; }
  .products-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }
  .catalog-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }

  /* Brand story */
  .brand-story-section { padding: 48px 0; }
  .brand-story-inner { grid-template-columns: 1fr; gap: 40px; }
  .brand-story-img { aspect-ratio: 16/9; }

  /* Ingredients */
  .ingredients-section { padding: 48px 0; }
  .ingredients-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }

  /* Testimonials */
  .testimonials-section { padding: 48px 0; }
  .testimonials-grid { grid-template-columns: 1fr; gap: 16px; }

  /* Newsletter */
  .newsletter-section { padding: 48px 0; }

  /* Trust bar */
  .trust-grid { grid-template-columns: repeat(2, 1fr); }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
  .footer-brand { grid-column: 1 / -1; }

  /* Product detail */
  .product-detail-grid { grid-template-columns: 1fr; gap: 40px; }
  .product-detail-section { padding: 40px 0; }

  /* Related products */
  .related-grid { grid-template-columns: repeat(2, 1fr); }

  /* Cart */
  .cart-layout { grid-template-columns: 1fr; }
  .order-summary-card { position: static; }

  /* Checkout */
  .checkout-layout { grid-template-columns: 1fr; }
  .checkout-summary-card { position: static; order: -1; }

  /* About */
  .about-story-row { grid-template-columns: 1fr; gap: 32px; }
  .about-story-row.reverse .about-story-content { order: 0; }
  .values-grid { grid-template-columns: repeat(2, 1fr); }
  .team-grid { grid-template-columns: repeat(2, 1fr); }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }

  /* Method */
  .timeline::before { left: 20px; }
  .timeline-item { grid-template-columns: 1fr; gap: 24px; }
  .timeline-item::before { left: 20px; top: 0; }
  .timeline-item.right .timeline-content { order: 0; text-align: left; }
  .timeline-item.right .timeline-image { order: 1; }
  .timeline-item.left .timeline-content { order: 0; text-align: left; }
  .timeline-item.left .timeline-image { order: 1; }
  .timeline-content { padding-left: 40px; }
  .certs-grid { grid-template-columns: 1fr 1fr; }

  /* Contact */
  .contact-layout { grid-template-columns: 1fr; }
  .contact-faq-grid { grid-template-columns: 1fr; }

  /* Gift sets */
  .gift-sets-grid { grid-template-columns: 1fr; }
  .gift-set-img { width: 50%; }

  /* Info bar */
  .info-bar-grid { grid-template-columns: 1fr; gap: 24px; }

  /* Page hero */
  .page-hero { padding: 48px 0; }

  /* Section padding */
  .categories-section, .featured-products-section, .brand-story-section,
  .ingredients-section, .testimonials-section, .newsletter-section,
  .about-story-section, .values-section, .team-section, .stats-section,
  .timeline-section, .certs-section, .faq-section, .contact-section,
  .related-products-section, .product-info-bar, .gift-sets-section,
  .catalog-section, .product-tabs-section { padding: 48px 0; }
}

/* SM: 576-767px */
@media (max-width: 767px) {
  .container { padding: 0 16px; }

  /* Announcement bar */
  .announcement-bar { font-size: 12px; }

  /* Hero */
  .hero-section { padding: 40px 0; }
  .hero-headline { font-size: 1.8rem; }
  .hero-subheadline { font-size: 15px; }
  .hero-btns { flex-direction: column; }
  .hero-btns .btn { width: 100%; justify-content: center; }

  /* Categories */
  .categories-grid { grid-template-columns: 1fr; gap: 16px; }

  /* Products */
  .products-grid { grid-template-columns: 1fr 1fr; gap: 16px; }
  .catalog-grid { grid-template-columns: 1fr 1fr; gap: 16px; }

  /* Ingredients */
  .ingredients-grid { grid-template-columns: 1fr 1fr; gap: 16px; }

  /* Values */
  .values-grid { grid-template-columns: 1fr; }

  /* Team */
  .team-grid { grid-template-columns: 1fr; }

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

  /* Certs */
  .certs-grid { grid-template-columns: 1fr; }

  /* Trust */
  .trust-grid { grid-template-columns: 1fr; gap: 20px; }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr; gap: 24px; }
  .site-footer { padding: 48px 0 24px; }

  /* Filter bar */
  .filter-bar-inner { flex-direction: column; align-items: flex-start; }
  .filter-pills { gap: 6px; }
  .filter-pill { padding: 6px 14px; font-size: 13px; }

  /* Confirm */
  .confirm-meta-grid { grid-template-columns: 1fr; }
  .confirm-order-card { padding: 24px; margin: 32px auto; }

  /* Checkout */
  .form-row { flex-direction: column; }
  .checkout-progress { gap: 0; }
  .step-connector { width: 32px; }

  /* Cart item */
  .cart-item-card { flex-wrap: wrap; }
  .cart-item-controls { width: 100%; margin-top: 12px; }

  /* Gift set */
  .gift-set-card { flex-direction: column; }
  .gift-set-img { width: 100%; height: 200px; }

  /* Related */
  .related-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }

  /* Gallery thumbs */
  .gallery-thumbs { grid-template-columns: repeat(4, 1fr); gap: 8px; }

  /* Tabs */
  .tabs-nav { gap: 16px; overflow-x: auto; }
  .tab-btn { white-space: nowrap; }

  /* Contact */
  .contact-faq-grid { grid-template-columns: 1fr; }
  .contact-form-card { padding: 24px; }

  /* Headings */
  h1 { font-size: 1.7rem; }
  h2 { font-size: 1.4rem; }

  /* Sections */
  .categories-section, .featured-products-section, .brand-story-section,
  .ingredients-section, .testimonials-section, .newsletter-section,
  .about-story-section, .values-section, .team-section, .stats-section,
  .timeline-section, .certs-section, .faq-section, .contact-section,
  .related-products-section, .product-info-bar, .gift-sets-section,
  .catalog-section, .product-tabs-section, .trust-bar { padding: 32px 0; }
  .page-hero, .about-hero, .method-hero, .confirm-hero { padding: 40px 0; }

  .section-head-center { margin-bottom: 32px; }

  /* Cart drawer */
  .cart-drawer { width: 100%; }

  /* newsletter */
  .newsletter-form { flex-direction: column; border: none; box-shadow: none; background: transparent; }
  .newsletter-input { border: 1px solid var(--color-border); border-radius: var(--radius-btn); background: #fff; padding: 14px 20px; }
  .newsletter-btn { border-radius: var(--radius-btn); }

  /* breadcrumb */
  .breadcrumb { font-size: 12px; }
}

/* XS: below 576px */
@media (max-width: 575px) {
  .products-grid { grid-template-columns: 1fr; }
  .catalog-grid { grid-template-columns: 1fr; }
  .ingredients-grid { grid-template-columns: 1fr; }
  .related-grid { grid-template-columns: 1fr; }

  .hero-headline { font-size: 1.6rem; }
  .product-price-big { font-size: 24px; }
  .btn { padding: 12px 24px; font-size: 13px; }
  .btn-large { padding: 14px 28px; }

  .cart-layout { gap: 24px; }
  .order-summary-card { padding: 20px; }

  .stats-grid { grid-template-columns: 1fr 1fr; }
  .stat-number { font-size: 32px; }

  .confirm-btns { flex-direction: column; }
  .confirm-btns .btn { width: 100%; justify-content: center; }
}