/* Back2Tech – Responsive Styles */
@media (max-width: 1024px) {
  .header-navbar__link { padding: 0 0.625rem; font-size: 11px; }
  .header-search { max-width: 360px; }
  .header-utility__main { gap: 1rem; }
  .footer__grid { grid-template-columns: 1fr 1fr; }
  .features-grid { grid-template-columns: 1fr 1fr; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .team-grid { grid-template-columns: repeat(2, 1fr); }
  .process-steps { grid-template-columns: repeat(2, 1fr); }
  .category-grid { grid-template-columns: repeat(2, 1fr); }
  .trust-bar__items { grid-template-columns: 1fr; gap: 1.25rem; }
  .hero__inner, .page-hero__inner { grid-template-columns: 1fr; }
  .hero__visual, .page-hero__visual { order: -1; }
  .design-layout { grid-template-columns: 1fr; }
  .design-sidebar { position: static; height: auto; border-right: none; border-bottom: 1px solid var(--border); }
}

@media (max-width: 768px) {
  :root { --header-height: 120px; }
  .section { padding: 48px 0; }
  .header-utility__meta { display: none; }
  .header-search { display: none; }
  .header-utility__actions .header-login span,
  .header-cart__label { display: none; }
  .header-navbar { display: none; }
  .header__burger { display: flex; margin-left: auto; }
  .mobile-nav { display: block; }
  .mobile-nav.open { display: block; }
  .section { padding: 3rem 0; }
  .shop-layout { grid-template-columns: 1fr; }
  .filters { display: none; }
  .filter-toggle { display: inline-flex; }
  .filter-drawer-overlay.open, .filter-drawer.open { display: block; }
  .filter-drawer { display: block; }
  .product-detail { grid-template-columns: 1fr; }
  .cart-layout, .checkout-layout { grid-template-columns: 1fr; }
  .cart-summary, .filters { position: static; }
  .contact-layout { grid-template-columns: 1fr; }
  .account-layout { grid-template-columns: 1fr; }
  .account-nav { display: flex; overflow-x: auto; gap: 0.5rem; }
  .account-nav__link { white-space: nowrap; }
  .admin-form-grid { grid-template-columns: 1fr; }
  .form-row { grid-template-columns: 1fr; }
  .features-grid { grid-template-columns: 1fr; }
  .footer__grid { grid-template-columns: 1fr; gap: 2rem; }
  .footer__bottom { flex-direction: column; text-align: center; }
  .newsletter__form { flex-direction: column; }
  .trust-bar__items { gap: 1rem; }
  .cart-item { flex-direction: column; }
  .cart-item__actions { flex-direction: row; align-items: center; width: 100%; justify-content: space-between; }
  .product-grid { grid-template-columns: 1fr; }
  .category-grid { grid-template-columns: repeat(2, 1fr); }
  .tabs__nav { -webkit-overflow-scrolling: touch; }
  .tabs__btn { padding: 0.75rem 1rem; font-size: 0.875rem; }
  .process-steps { grid-template-columns: 1fr; }
  .category-grid { grid-template-columns: 1fr; }
  .cta-bar__form { flex-direction: column; border-radius: var(--radius-md); }
  .cta-bar__form .btn { border-radius: 0 0 var(--radius-md) var(--radius-md); }
  .toast { left: 1rem; right: 1rem; bottom: 1rem; }
}

@media (max-width: 480px) {
  .container { padding: 0 16px; }
  .hero, .page-hero { padding: 32px 0; }
  .hero__actions { flex-direction: column; }
  .hero__actions .btn { width: 100%; }
  .product-card__actions { flex-direction: column; }
  .product-info__actions { flex-direction: column; }
  .product-info__actions .btn { width: 100%; }
  .stats-grid { grid-template-columns: 1fr 1fr; gap: 1.5rem; }
  .team-grid { grid-template-columns: 1fr; }
  .category-grid { grid-template-columns: repeat(2, 1fr); gap: 0.75rem; }
  .category-card { padding: 1rem 0.5rem; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}
