/* Responsive overrides - must load last. */

/* ============ responsive ============ */
@media (max-width:1040px){
  .product-grid{grid-template-columns:repeat(3,1fr)}
  .header-actions .search-mini{display:none}
  .hero-copy h1{font-size:36px}
  .admin-stats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .main-nav{display:none}
  .hero{grid-template-columns:1fr}
  .hero-visual{min-height:240px;border-left:0;border-top:1px solid var(--line)}
  .hero-copy{padding:28px 26px}
  .detail-grid,.cart-grid{grid-template-columns:1fr}
  .buy-card,.summary-card{position:static}
  .product-grid{grid-template-columns:repeat(2,1fr)}
  .trust-grid{grid-template-columns:1fr}
  .footer-inner{grid-template-columns:1fr 1fr}
  .preview-note{display:none}
}
@media (max-width:560px){
  .container{padding:0 16px}
  .header-inner{height:58px;gap:10px}
  .header-actions .select,.header-actions .btn-ghost{display:none}
  .hero-copy h1{font-size:30px}
  .hero-copy{padding:24px 20px}
  .hero-meta{gap:12px;flex-wrap:wrap}
  .float-a{right:14px;bottom:58px}
  .float-b{left:14px;bottom:18px}
  .product-grid{gap:10px}
  .product-body{padding:10px}
  .product-desc{display:none}
  .page-head h1{font-size:24px}
  .detail-media{font-size:80px}
  .cart-item{align-items:flex-start;flex-wrap:wrap}
  .cart-right{margin-left:78px}
  .footer-inner{grid-template-columns:1fr}
  .admin-header .search-mini,.admin-nav{display:none}
  .filter-card .field{min-width:100%}
  th,td{padding:10px 11px}
}

@media (max-width:560px){.brand-year{font-size:22px}.brand-name{font-size:8px}}

@media (max-width:640px){.field-row{grid-template-columns:1fr}}