@media (max-width: 1024px) {
  .onyx-trust-bar__grid { grid-template-columns: repeat(3, 1fr); }
  .onyx-products-grid,
  .onyx-bundles-grid,
  .onyx-reviews-grid { grid-template-columns: repeat(2, 1fr); }
  .onyx-hero__grid,
  .onyx-membership,
  .onyx-product-hero,
  .onyx-checkout-grid { grid-template-columns: 1fr; }
  .onyx-header__nav { display: none; }
  .onyx-header__menu-toggle { display: inline-flex; }
  .onyx-header__cta { display: none; }
}

@media (max-width: 768px) {
  .onyx-announcement__inner { flex-direction: column; text-align: center; }
  .onyx-trust-bar__grid,
  .onyx-goals-grid,
  .onyx-preview-grid,
  .onyx-blog-grid,
  .onyx-problem-solution__grid,
  .onyx-footer__grid { grid-template-columns: 1fr; }
  .onyx-products-grid,
  .onyx-bundles-grid,
  .onyx-reviews-grid { grid-template-columns: 1fr; }
  .onyx-landing ul.products { grid-template-columns: 1fr 1fr !important; }
  .onyx-landing-benefits__grid { grid-template-columns: 1fr; }
  .onyx-mobile-cta { display: block; }
  body { padding-bottom: 72px; }
  .onyx-hero { padding-top: 2rem; }
  .onyx-hero__cards { position: static; margin-top: 1rem; }
  .onyx-section { padding: 3rem 0; }
  .upsells ul.products, .related ul.products { grid-template-columns: 1fr 1fr !important; }
}

@media (max-width: 480px) {
  .onyx-header__inner { grid-template-columns: auto 1fr auto; }
  .onyx-hero__actions,
  .onyx-cta__actions { flex-direction: column; }
  .onyx-btn { width: 100%; }
  .onyx-landing ul.products { grid-template-columns: 1fr !important; }
  .onyx-page--landing .onyx-page__content { padding: 0 0.5rem; }
}