/* Breakpoint refinements — mobile-first overrides */

@media (min-width: 768px) {
  .co-category-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .co-promo-grid {
    grid-template-columns: 1fr 1fr;
  }

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

  .co-post-grid {
    grid-template-columns: 1fr 1fr;
  }

  .co-layout {
    grid-template-columns: minmax(0, 1fr) 280px;
  }

  .co-footer__main {
    grid-template-columns: 1.5fr 1fr 1.1fr;
  }

  .co-newsletter__inner {
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }

  .co-passion__grid {
    grid-template-columns: 1.05fr 0.95fr;
  }

}

@media (min-width: 1024px) {
  .co-category-grid {
    grid-template-columns: repeat(6, 1fr);
  }

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

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

  .co-hero__content { padding-bottom: 6rem; }

  .co-collection .co-products {
    grid-template-columns: repeat(3, 1fr);
  }

  .co-brands__grid {
    grid-template-columns: repeat(7, 1fr);
  }
}

@media (max-width: 1023px) {
  .co-trustbar__viewport {
    width: 100%;
  }

  .co-trustbar__track {
    display: flex;
    width: max-content;
    animation: co-marquee 28s linear infinite;
  }

  .co-trustbar__item,
  .co-trustbar__item--clone {
    display: flex;
    flex: 0 0 auto;
    font-size: 0.78rem;
    padding: 0.65rem 1.4rem;
    border-bottom: 0;
    border-inline-end: 1px solid #e5e5e5;
  }

  .co-trustbar:hover .co-trustbar__track {
    animation-play-state: paused;
  }

  .co-lang-ar .co-trustbar__track {
    animation-name: co-marquee-rtl;
  }

  .co-features__viewport {
    width: 100%;
  }

  .co-features {
    padding: 1.35rem 0;
  }

  .co-features__track {
    display: flex;
    width: max-content;
    gap: 2.4rem;
    animation: co-marquee 30s linear infinite;
  }

  .co-features__item,
  .co-features__item--clone {
    display: grid;
    flex: 0 0 auto;
    min-width: 8.5rem;
  }

  .co-features:hover .co-features__track {
    animation-play-state: paused;
  }

  .co-lang-ar .co-features__track {
    animation-name: co-marquee-rtl;
  }

  .co-brands__viewport {
    width: 100%;
    overflow: hidden;
  }

  .co-brands__track {
    display: flex;
    align-items: center;
    width: max-content;
    gap: 0;
    animation: co-marquee 32s linear infinite;
  }

  .co-brands__clone {
    display: block;
  }

  .co-brands__track > li {
    flex: 0 0 auto;
    width: 160px;
  }

  .co-brands:hover .co-brands__track {
    animation-play-state: paused;
  }

  .co-lang-ar .co-brands__track {
    animation-name: co-marquee-rtl;
  }
}

@media (max-width: 1023px) {
  .co-nav { display: none; }

  .co-nav-toggle { display: inline-flex; }

  .co-header__inner {
    grid-template-columns: auto 1fr auto;
  }

  .co-branding { justify-content: center; }
}

@media (max-width: 767px) {
  .co-hero { min-height: 70vh; align-items: center; }

  .co-hero__content {
    margin-inline: auto;
    width: min(100% - 2rem, var(--co-container));
    padding: 3.5rem 0;
  }

  .co-toolbar .co-lang { display: none; }

  .co-section { padding: 2.75rem 0; }
}

@media (max-width: 414px) {
  body { font-size: 1rem; }

  .co-container { width: min(100% - 1.25rem, var(--co-container)); }
}

@media (min-width: 1440px) {
  :root { --co-container: 1280px; }
}

@media (min-width: 1920px) {
  :root { --co-container: 1360px; }
}