@media (max-width: 1199.98px) {
    .product-card .product-actions { opacity: 1; transform: none; }
}

@media (max-width: 991.98px) {
    .navbar .navbar-nav .nav-link { padding: 0.5rem 0; }
    .navbar .navbar-collapse { padding: 1rem 0; }
    .carousel-item img, .hero-slider-section .carousel-inner { max-height: 300px !important; }
    .hero-slider-section .bg-gradient-primary { height: 300px !important; }
    .carousel-caption h2 { font-size: 1.5rem; }
}

@media (max-width: 767.98px) {
    .carousel-item img, .hero-slider-section .carousel-inner { max-height: 200px !important; }
    .hero-slider-section .bg-gradient-primary { height: 200px !important; }
    .carousel-caption { bottom: 20px; padding: 10px !important; }
    .carousel-caption h2 { font-size: 1.2rem; }
    .carousel-caption p { font-size: 0.9rem !important; margin-bottom: 5px; }
    .carousel-caption .btn { padding: 5px 15px; font-size: 0.8rem; }
    .offer-card { min-height: 150px; padding: 2rem !important; }
    .offer-card h3 { font-size: 1.3rem; }
    .offer-card p { font-size: 0.9rem !important; }
    .product-card .product-image img { height: 180px !important; }
    .category-card { padding: 1rem !important; }
    .category-card i { font-size: 2rem !important; }
}

@media (max-width: 575.98px) {
    .container { padding-left: 12px; padding-right: 12px; }
    .product-card .product-image img { height: 150px !important; }
    .product-info { padding: 0.75rem !important; }
    .product-info h6 { font-size: 0.85rem; }
    .product-info .fs-5 { font-size: 1rem !important; }
    .product-info .btn { font-size: 0.8rem; padding: 0.4rem; }
    .section-header h2 { font-size: 1.2rem; }
    .features-section .col-6 { margin-bottom: 1rem; }
    .features-section i { font-size: 2rem !important; }
}