/* ============================================
   LA EVA — Responsive
   ============================================ */

/* ---- Tablet (max 1024px) ---- */
@media (max-width: 1024px) {
  :root {
    --fs-hero: 3rem;
    --fs-4xl: 2.5rem;
    --fs-3xl: 2rem;
    --space-section: 5rem;
    --header-height: 70px;
  }

  .hero-slide {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .hero-slide__image {
    height: 50vh;
  }

  .hero-slide__content {
    padding: var(--space-2xl);
  }

  .product-highlight {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .product-highlight__image {
    height: 50vh;
  }

  .product-highlight__content {
    padding: var(--space-2xl);
  }

  .campaign-banner__inner {
    grid-template-columns: 1fr;
  }

  .campaign-banner__text {
    font-size: 4rem;
  }

  .certifications__grid {
    grid-template-columns: 1fr;
    gap: var(--space-xl);
  }

  .latest-articles__inner {
    padding: 0 var(--space-md);
  }

  .latest-articles__title {
    font-size: 1.75rem;
  }

  .instagram-feed__inner {
    padding: 0 var(--space-md);
  }

  .instagram-feed__title {
    font-size: 1.75rem;
  }

  .footer__panel-top {
    padding: 24px 24px 20px;
  }

  .header__action:not(.header__action--cart) {
    display: none;
  }
}

/* ---- Mobile (max 768px) ---- */
@media (max-width: 768px) {
  :root {
    --fs-hero: 2.25rem;
    --fs-4xl: 2rem;
    --fs-3xl: 1.75rem;
    --fs-2xl: 1.5rem;
    --space-section: 3.5rem;
    --header-height: 60px;
  }

  .container {
    padding: 0 var(--space-md);
  }

  .header__inner {
    padding: 0 var(--space-md);
  }

  .header__nav {
    display: none;
  }

  .header__left {
    gap: var(--space-md);
  }

  .header__logo-text {
    font-size: var(--fs-xl);
  }

  .hero-slide__content {
    padding: var(--space-xl) var(--space-md);
  }

  .hero-slide__title {
    font-size: var(--fs-3xl);
  }

  .hero-slider__nav {
    width: 36px;
    height: 36px;
  }

  .campaign-banner__text {
    font-size: 2.5rem;
  }

  .certifications__grid {
    padding: 0 var(--space-md);
  }

  .latest-articles__grid {
    grid-template-columns: 1fr;
  }

  .latest-articles__header {
    flex-direction: column;
    gap: var(--space-md);
    align-items: flex-start;
    padding: 0;
  }

  .ingredients-story__container {
    padding: 0 var(--space-md);
  }

  .ingredients-story__sidebar {
    padding: 0;
  }

  .ingredients-story__title .is-title-italic,
  .ingredients-story__title .is-title-bold {
    font-size: 1.75rem;
  }

  .footer__heading {
    font-size: 1.5rem;
  }

  .footer__panel-top {
    padding: 20px 16px 16px;
  }

  .footer__links-row {
    column-gap: 12px;
  }

  .nav-drawer {
    width: 100vw;
    max-width: 100vw;
  }

  .product-card {
    min-width: 240px;
  }

  .best-sellers .product-card {
    min-width: 280px;
    max-width: 280px;
  }

  .best-sellers .product-card__image-wrap,
  .best-sellers .product-card__image,
  .best-sellers .product-card__image img,
  .best-sellers .product-card__image .img-hover {
    width: 280px;
    height: 350px;
  }

  .ingredient-card {
    min-width: 280px;
    max-width: 280px;
  }

  .ingredient-card__image,
  .ingredient-card__image img {
    width: 280px;
    height: 331px;
  }

  .best-sellers__carousel,
  .ingredients-story__carousel {
    padding: 0 var(--space-md) var(--space-md);
  }

  .brand-philosophy__inner {
    padding: 0 var(--space-md);
  }

  .floating-contact {
    bottom: var(--space-md);
    right: var(--space-md);
  }
}

/* ---- Small Mobile (max 480px) ---- */
@media (max-width: 480px) {
  :root {
    --fs-hero: 1.75rem;
    --fs-3xl: 1.5rem;
  }

  .hero-slide__image {
    height: 40vh;
  }

  .campaign-banner__text {
    font-size: 1.75rem;
  }

  .announcement-bar {
    font-size: 11px;
    padding: var(--space-xs) var(--space-md);
  }
}