/* ─── PHONE (≤540px) ─── */
@media(max-width:540px) {
  .container { padding: 0 16px }
  section { padding: 40px 0 }
  h1 { font-size: 1.6rem }
  h2 { font-size: 1.3rem }
  .hero { padding: 28px 0 0 }
  .hero-badge { font-size: 0.68rem; padding: 5px 12px }
  .hero-sub { font-size: 0.92rem }
  .hero-ctas { flex-direction: column; gap: 10px }
  .hero-ctas .btn { text-align: center }
  .hero-strip { gap: 6px; margin-top: 24px }
  .hero-strip img { height: 80px; border-radius: 8px }
  .section-head.center { margin-bottom: 24px }
  .section-head.center p { font-size: 0.88rem }
  .products-grid { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 12px }
  .product-body { padding: 12px 14px }
  .product-body h3 { font-size: 0.9rem }
  .product-body .desc { font-size: 0.78rem; margin-bottom: 8px }
  .product-specs { font-size: 0.7rem; gap: 6px }
  .product-price { font-size: 0.9rem }
  .add-to-cart { padding: 9px; font-size: 0.8rem }
  .order-info li { font-size: 0.84rem; padding: 10px 0; gap: 8px }
  .order-info h3 { font-size: 1rem }
  .contact-card { padding: 20px 18px }
  .contact-card .big { font-size: 1.15rem }
}

/* ─── TABLET (≤768px) ─── */
@media(max-width:768px) {
  .hero-strip img { height: 100px }
  .products-grid { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px }
}