/* ===== MOBILE STYLES ===== */
@media (max-width: 768px) {
  body { overflow-x: hidden; width: 100%; }

  /* Boxes on home page */
  .home-lists-inner { grid-template-columns: 1fr !important; gap: 16px !important; }
  .home-lists { padding: 24px 12px !important; }

  /* Products page */
  .product-cards-inner { grid-template-columns: 1fr !important; gap: 16px !important; }
  .product-cards { padding: 16px 12px 32px !important; }
  .products-intro { padding: 24px 12px !important; }

  /* Rubber sub-cards */
  .rubber-sub-cards { grid-template-columns: 1fr !important; gap: 12px !important; max-width: 100% !important; }

  /* Applications */
  .app-grid-inner { grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
  .app-grid { padding: 24px 12px !important; }

  /* About page gallery */
  .about-gallery-inner { flex-direction: column !important; }

  /* Contacts */
  .contacts-inner { grid-template-columns: 1fr !important; gap: 24px !important; }
  .contacts-layout { padding: 32px 12px !important; }

  /* Product detail pages */
  .product-detail { padding: 32px 12px !important; }
  .product-detail-inner { grid-template-columns: 1fr !important; }
  .product-detail-inner.centered { text-align: left !important; }
  .pdf-buttons { flex-direction: column !important; align-items: flex-start !important; }

  /* Page header */
  .page-header h1 { font-size: 1rem !important; padding: 0 12px !important; }
  .page-header { padding: 20px 0 !important; }

  /* Hero image */
  .hero-banner img { height: 180px !important; }

  /* Footer */
  footer { padding: 16px 12px !important; }

  /* Request bar */
  .request-bar { padding: 20px 12px !important; }
}