/* ============================================
   SalePoet — Responsive
   ============================================ */

@media (max-width: 1024px) {
  .products-grid {
    grid-template-columns: repeat(3, 1fr);
  }

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

  .value-prop:nth-child(2) {
    border-right: none;
  }

  .value-prop:nth-child(3),
  .value-prop:nth-child(4) {
    border-top: 1px solid var(--border-light);
  }

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

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

  .hero__slide {
    min-height: 420px;
  }

  .cta-banner__image {
    width: 40%;
  }

  .newsletter {
    flex-direction: column;
    text-align: center;
    padding: var(--space-3xl);
  }

  .newsletter__content {
    max-width: 100%;
  }

  .newsletter__form {
    max-width: 100%;
  }

  .product-detail {
    gap: var(--space-2xl);
  }
}

@media (max-width: 768px) {
  :root {
    --header-height: 60px;
  }

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

  .announce-bar__inner span:not(.announce-bar__highlight) {
    display: none;
  }

  .search-bar {
    display: none;
  }

  .products-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
  }

  .value-props {
    grid-template-columns: 1fr;
    border-radius: var(--radius-lg);
  }

  .value-prop {
    border-right: none;
    border-bottom: 1px solid var(--border-light);
  }

  .value-prop:last-child {
    border-bottom: none;
  }

  .value-prop:nth-child(3),
  .value-prop:nth-child(4) {
    border-top: none;
  }

  .hero__slide {
    min-height: 360px;
  }

  .hero__content {
    padding: var(--space-2xl);
    padding-left: var(--space-xl);
  }

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

  .hero__desc {
    font-size: var(--text-sm);
  }

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

  .section {
    padding: var(--space-2xl) 0;
  }

  .cta-banner {
    min-height: 260px;
  }

  .cta-banner__content {
    padding: var(--space-2xl);
  }

  .cta-banner__title {
    font-size: var(--text-xl);
  }

  .cta-banner__image {
    display: none;
  }

  .newsletter {
    padding: var(--space-2xl) var(--space-lg);
  }

  .newsletter__form {
    flex-direction: column;
  }

  .newsletter__form .btn {
    width: 100%;
  }

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

  .footer-bottom {
    flex-direction: column;
    gap: var(--space-md);
    text-align: center;
  }

  .store-card {
    flex: 0 0 200px;
  }

  .grid--2col {
    grid-template-columns: 1fr;
  }

  .product-detail {
    grid-template-columns: 1fr;
  }

  .auth-wrapper {
    padding: var(--space-xl) 0;
  }

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

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

  .data-table th,
  .data-table td {
    padding: var(--space-sm) var(--space-md);
  }
}

@media (max-width: 480px) {
  .products-grid {
    gap: var(--space-sm);
  }

  .product-card__body {
    padding: var(--space-sm) var(--space-md);
  }

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

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

  .cat-pill {
    padding: 6px 14px;
    font-size: var(--text-xs);
  }
}