/* =====================================================
   Ofis Möble — Responsive
   ===================================================== */

/* Tablet Landscape */
@media (max-width: 1024px) {
  :root {
    --fs-3xl: 2rem;
    --fs-4xl: 2.5rem;
  }

  .nav__link { padding: var(--space-md) var(--space-sm); font-size: var(--fs-xs); }
  .footer__grid { grid-template-columns: 1fr 1fr; gap: var(--space-xl); }
  .about-section { gap: var(--space-xl); }
  .product-detail { gap: var(--space-xl); }
  .grid--4 { grid-template-columns: repeat(3, 1fr); }
}

/* Tablet Portrait */
@media (max-width: 768px) {
  :root {
    --fs-3xl: 1.75rem;
    --fs-4xl: 2rem;
    --space-4xl: 64px;
  }

  /* Header */
  .topbar { display: none; }
  .nav { display: none; }
  .header__toggle { display: flex; }
  .header__cta .btn { display: none; }


  /* Grid */
  .grid--3 { grid-template-columns: repeat(2, 1fr); }
  .grid--4 { grid-template-columns: repeat(2, 1fr); }
  .categories-grid { grid-template-columns: 1fr; }

  /* About */
  .about-section { grid-template-columns: 1fr; }
  .about-section__image { order: -1; }
  .about-stats { grid-template-columns: repeat(3, 1fr); }

  /* Product */
  .product-detail { grid-template-columns: 1fr; }
  .product-gallery { position: static; }
  .product-info__name { max-width: none; }
  .product-info__highlights { grid-template-columns: 1fr; }
  .category-products-head {
    grid-template-columns: 1fr;
    align-items: start;
  }
  .product-listing-card .card__title { font-size: clamp(1.8rem, 3vw, 2.25rem); }

  /* CTA */
  .cta-banner { flex-direction: column; text-align: center; }
  .contact-cta { grid-template-columns: 1fr; }

  /* Footer */
  .footer__grid { grid-template-columns: 1fr; gap: var(--space-xl); }
  .footer__bottom-inner { flex-direction: column; gap: var(--space-md); text-align: center; }
}

/* Mobile */
@media (max-width: 480px) {
  :root {
    --fs-3xl: 1.5rem;
    --fs-2xl: 1.375rem;
    --container-padding: 16px;
    --space-4xl: 48px;
    --space-3xl: 40px;
  }

  .grid--2 { grid-template-columns: 1fr; }
  .grid--3 { grid-template-columns: 1fr; }
  .grid--4 { grid-template-columns: repeat(2, 1fr); }

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

  .product-actions__buttons { flex-direction: column; }
  .product-gallery__backdrop {
    border-radius: 26px;
    transform: translateY(18px);
  }
  .product-gallery__meta {
    padding: var(--space-md) var(--space-md) 0;
  }
  .product-info__meta-row {
    margin-bottom: var(--space-lg);
  }
  .category-page-header {
    padding-top: 3.5rem;
    padding-bottom: 1.75rem;
  }
  .category-page-header h1 {
    font-size: clamp(2.3rem, 11vw, 3.3rem);
  }
  .category-intro-card,
  .product-listing-card {
    border-radius: 22px;
  }
  .product-listing-card .card__title { min-height: auto; }
  .product-listing-card .card__text { min-height: auto; }
  .product-listing-card .card__actions {
    flex-direction: column;
    width: 100%;
  }
  .product-listing-card .card__actions .btn { width: 100%; }
  .product-listing-card .card__image {
    aspect-ratio: 4 / 3;
    border-radius: 18px;
  }
  .product-gallery__main {
    aspect-ratio: 1 / 1;
  }
  .tabs {
    overflow-x: auto;
    scrollbar-width: none;
  }

  .about-stats { grid-template-columns: 1fr; }

  .category-card { min-height: 200px; }
  .section { padding: var(--space-3xl) 0; }

  .page-header { padding: var(--space-2xl) 0; }
  .page-header h1 { font-size: var(--fs-xl); }
}