/* Main frontend responsive overrides */
@media (max-width: 991px) {
    .container { padding-left: 15px; padding-right: 15px; }
    .top_header .container { flex-wrap: wrap; }
    .footer-about, .footer-top .col-sm-4 { margin-bottom: 1.5rem; }
}
@media (max-width: 767px) {
    .footer-top .row { flex-direction: column; text-align: center; }
}

@media (max-width: 767px) {
    body { font-size: 14px; }
    .container { padding-left: 12px; padding-right: 12px; }
    h1, .h1 { font-size: 1.75rem; }
    h2, .h2 { font-size: 1.5rem; }
    h3, .h3 { font-size: 1.25rem; }
}

@media (max-width: 575px) {
    .container { padding-left: 10px; padding-right: 10px; }
}

/* Home & product page – prevent cramp on small screens */
@media (max-width: 767px) {
    .main-details-page .details_right { padding: 16px; }
    .main-details-page .details_right .name { font-size: 1.2rem; }
    .slider-section .slider-item img { max-height: 280px; }
    .homeproduct { padding: 20px 0 30px; }
    .category-product, .main_product_inner, .product_sliders { gap: 12px; }
}
@media (max-width: 575px) {
    .main-details-page .indicator-item { width: 48px; height: 48px; }
}