/* ============================================================
   LIZABEELA Responsive
   All media queries, organized mobile-first.
   Breakpoints: 768px, 1024px, 1280px, 1440px
   ============================================================ */

/* ── Tablet: 768px+ ── */

@media (min-width: 768px) {
  :root {
    --fs-h1: 3.5rem;  /* 56px */
    --fs-h2: 2.25rem; /* 36px */
    --section-padding-y: var(--space-4xl);
  }

  .lzb-container {
    padding-inline: var(--space-2xl);
  }

  .lzb-mobile-menu {
    display: none;
  }
}

/* ── Desktop: 1024px+ ── */

@media (min-width: 1024px) {
  :root {
    --fs-h1: 4.5rem;          /* 72px - restored from tokens */
    --fs-h2: 3rem;            /* 48px - restored from tokens */
    --section-padding-y: 7rem; /* 112px - restored from tokens */
  }

  .lzb-nav {
    display: flex;
  }

  .lzb-menu-toggle {
    display: none;
  }

  .lzb-mobile-menu,
  .lzb-mobile-menu--open {
    display: none !important;
  }
}

/* ── Wide: 1280px+ ── */

@media (min-width: 1280px) {
  .lzb-container {
    max-width: var(--container-wide);
  }
}

/* ── Large: 1440px+ ── */

@media (min-width: 1440px) {
  .lzb-site-header__inner,
  .lzb-container--wide,
  .lzb-hero__content {
    max-width: var(--container-wide);
  }
}

/* ── Mobile-specific: max 767px ── */

@media (max-width: 767px) {
  :root {
    --fs-h1: 2.25rem;   /* 36px */
    --fs-h2: 1.75rem;   /* 28px */
    --fs-h3: 1rem;      /* 16px */
    --section-padding-y: var(--space-3xl);
  }

  .lzb-hero {
    height: auto;
    min-height: 500px;
    padding-block: var(--space-3xl);
  }

  .lzb-hero__heading h1 {
    font-size: 36px;
    line-height: 1.15;
  }

  .lzb-hero__desc {
    font-size: 0.875rem;
    max-width: 100%;
  }

  .lzb-hero__actions {
    flex-direction: column;
    width: 100%;
  }

  .lzb-hero__actions .lzb-btn {
    width: 100%;
  }

  .lzb-hero__scroll {
    display: none;
  }

  .lzb-announcement {
    font-size: 8px;
  }

  .lzb-home-pricing__bar {
    flex-direction: column;
    gap: var(--space-md);
  }

  .lzb-home-pricing__divider {
    width: 100%;
    height: 1px;
  }

  .lzb-home-brand__tag {
    display: none;
  }

  .lzb-product__layout {
    gap: var(--space-lg);
  }

  .lzb-product-gallery__thumbs {
    display: none;
  }
}

/* ── Touch devices ── */

@media (hover: none) {
  .lzb-collection-card:hover .lzb-collection-card__image,
  .lzb-product-card:hover .lzb-product-card__image,
  .lzb-blog-card:hover .lzb-blog-card__image img {
    transform: none;
  }
}