/* ============================================================
   LACMOO — responsive.css
   Media queries para tablet e mobile
   ============================================================ */

/* ----------------------------------------------------------
   TABLET — até 1024px
---------------------------------------------------------- */

@media (max-width: 1024px) {

  /* Hero */
  .hero__title {
    font-size: var(--text-4xl);
  }

  .hero__mascot-img {
    width: 280px;
    height: 280px;
  }

  /* Conheca */
  .about__inner {
    grid-template-columns: minmax(240px, 0.8fr) minmax(0, 1.2fr);
    gap: var(--space-10);
  }

  .about__mascot {
    width: min(100%, 360px);
  }

  .about__title {
    font-size: var(--text-3xl);
  }

  .about__lead {
    font-size: var(--text-lg);
  }

  /* Quem Somos */
  .whoweare__inner {
    grid-template-columns: minmax(220px, 0.8fr) minmax(0, 1.2fr);
    gap: var(--space-10);
  }

  .whoweare__mascot {
    width: min(100%, 320px);
  }

  .whoweare__title {
    font-size: var(--text-3xl);
  }

  /* Fábrica */
  .factory__inner {
    grid-template-columns: 1fr;
    gap: var(--space-10);
  }

  .factory__image-wrap {
    max-width: 600px;
    margin-inline: auto;
  }

  /* Contato */
  .contact__grid {
    grid-template-columns: 1fr;
    gap: var(--space-8);
  }

  .contact__image-wrap {
    display: none; /* mascote escondido em tablet/mobile */
  }

  /* Rodapé */
  .footer__grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-8);
  }
}

/* ----------------------------------------------------------
   MOBILE — até 768px
---------------------------------------------------------- */

@media (max-width: 768px) {

  /* Navbar — mostrar hamburguer, esconder menu */
  .navbar__menu {
    position: fixed;
    top: var(--navbar-height);
    left: 0;
    right: 0;
    background-color: var(--color-bg-white);
    flex-direction: column;
    align-items: stretch;
    padding: var(--space-4);
    border-bottom: var(--border-thin) solid var(--color-border-light);
    box-shadow: var(--shadow-lg);
    transform: translateY(-110%);
    opacity: 0;
    transition: transform var(--transition-base), opacity var(--transition-base);
    z-index: var(--z-dropdown);
    gap: var(--space-1);
    pointer-events: none;
  }

  .navbar__menu.is-open {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
  }

  .navbar__link {
    padding: var(--space-3) var(--space-4);
    font-size: var(--text-base);
    border-radius: var(--radius-md);
  }

  .navbar__hamburger {
    display: flex;
  }

  /* Hero */
  .hero__inner {
    flex-direction: column-reverse;
    text-align: center;
    padding-block: var(--space-10);
    gap: var(--space-6);
  }

  .hero__title {
    font-size: var(--text-3xl);
  }

  .hero__slogan {
    font-size: var(--text-lg);
  }

  .hero__description {
    max-width: 100%;
    font-size: var(--text-base);
  }

  .hero__actions {
    justify-content: center;
  }

  .hero__mascot-img {
    width: 200px;
    height: 200px;
  }

  /* Conheca */
  #conheca {
    padding-block: var(--space-12);
  }

  .about__inner {
    grid-template-columns: 1fr;
    min-height: auto;
    text-align: center;
    gap: var(--space-8);
  }

  .about__media {
    order: -1;
  }

  .about__mascot {
    width: min(86vw, 320px);
  }

  .about__content {
    margin-inline: auto;
  }

  .about__content .divider {
    margin-inline: auto;
  }

  .about__text {
    font-size: var(--text-base);
  }

  .about__values {
    justify-content: center;
  }

  /* Quem Somos */
  .whoweare__inner {
    grid-template-columns: 1fr;
    min-height: auto;
    text-align: center;
    gap: var(--space-8);
  }

  .whoweare__mascot-wrap {
    order: -1;
  }

  .whoweare__mascot {
    width: min(80vw, 280px);
  }

  .whoweare__content .divider {
    margin-inline: auto;
  }

  .whoweare__text {
    font-size: var(--text-base);
    margin-inline: auto;
  }

  .whoweare__values {
    justify-content: center;
  }

  /* Fábrica */
  .factory__stats {
    gap: var(--space-6);
    flex-wrap: wrap;
  }

  .factory__title {
    font-size: var(--text-2xl);
  }

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

  /* Rodapé */
  .footer__grid {
    grid-template-columns: 1fr;
    gap: var(--space-8);
  }

  .footer__bottom {
    flex-direction: column;
    text-align: center;
  }

  /* Toast */
  .toast-container {
    bottom: var(--space-4);
    right: var(--space-4);
    left: var(--space-4);
  }

  .toast {
    max-width: 100%;
  }

  /* Seção header */
  .section-header__title {
    font-size: var(--text-2xl);
  }
}

/* ----------------------------------------------------------
   MOBILE PEQUENO — até 480px
---------------------------------------------------------- */

@media (max-width: 480px) {

  .hero__title {
    font-size: var(--text-2xl);
  }

  .hero__slogan {
    font-size: var(--text-base);
  }

  .hero__actions {
    flex-direction: column;
  }

  .hero__actions .btn {
    width: 100%;
    justify-content: center;
  }

  .hero__mascot-img {
    width: 160px;
    height: 160px;
  }

  .about__title {
    font-size: var(--text-2xl);
  }

  .about__lead {
    font-size: var(--text-base);
  }

  .about__values {
    gap: var(--space-2);
  }

  .about__value {
    font-size: var(--text-xs);
  }

  .factory__stats {
    gap: var(--space-5);
  }

  .section-header__title {
    font-size: var(--text-xl);
  }

  .cart-coupon__row {
    flex-direction: column;
  }

  .cart-coupon__row .btn {
    width: 100%;
  }
}