/* ===== Responsive Supplementary ===== */
@media (max-width: 576px) {
    .hero-banner { height: 300px; margin-top: 56px; }
    .hero-banner .swiper-slide { height: 300px; }
    .slide-content h2 { font-size: 20px; }
    .slide-content p { font-size: 13px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
    .section-header h2 { font-size: 22px; }
    .section { padding: 40px 0; }
    .about-card { padding: 30px 20px; }
    .product-card .img-wrap { height: 160px; }
    .footer-form textarea { height: 60px; }
    .back-to-top { bottom: 20px; right: 20px; width: 38px; height: 38px; }
    .inquiry-cart { right: 12px; bottom: 70px; }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .hero-banner { height: 500px; }
    .hero-banner .swiper-slide { height: 500px; }
    .slide-content h2 { font-size: 30px; }
    .about-grid { gap: 20px; }
    .products-grid { gap: 20px; }
}
/* Print styles */
@media print {
    .site-header, .back-to-top, .inquiry-cart, .hero-banner .swiper-button-next, .hero-banner .swiper-button-prev { display: none !important; }
    body { color: #000; }
    .section { padding: 20px 0; }
}