/* Additional Responsive Styles */

@media (max-width: 768px) {
    .logo img {
        height: 40px;
    }
    
    .hero-content h1 {
        font-size: 32px !important;
    }
    
    .hero-content p {
        font-size: 18px !important;
    }
    
    .section {
        padding: 48px 0 !important;
    }
    
    .section-title {
        font-size: 28px !important;
    }
    
    .categories-grid {
        grid-template-columns: 1fr !important;
    }
    
    .advantages-grid {
        grid-template-columns: 1fr !important;
    }
    
    .brands-grid {
        grid-template-columns: 1fr !important;
    }
    
    .footer-grid {
        grid-template-columns: 1fr !important;
    }
    
    .footer-bottom {
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 480px) {
    html {
        font-size: 17px;
    }
    
    .btn {
        padding: 10px 20px;
        font-size: 17px;
    }
    
    .btn-lg {
        padding: 14px 28px;
        font-size: 18px;
    }
    
    .hero-banner {
        padding: 48px 0 !important;
    }
    
    .floating-cta {
        width: 56px;
        height: 56px;
    }
    
    .floating-cta svg {
        width: 24px;
        height: 24px;
    }
}