/* assets/css/responsive.css */
@media (max-width: 991.98px) {
    .hero-title {
        font-size: 2.5rem;
    }
    
    .section-padding {
        padding: 4rem 0;
    }
    
    .nav-link::after {
        display: none;
    }
    
    .custom-navbar .btn {
        margin-top: 1rem;
        display: inline-block;
    }
}

@media (max-width: 767.98px) {
    .hero-title {
        font-size: 2rem;
    }
    
    .hero-section {
        height: auto;
        min-height: 500px;
        padding: 6rem 0;
    }
    
    .section-padding {
        padding: 3rem 0;
    }
    
    .trust-point-card {
        margin-bottom: 1.5rem;
    }
    
    .cookie-banner .d-flex {
        justify-content: center !important;
        margin-top: 1rem;
    }
}

@media (max-width: 575.98px) {
    .hero-title {
        font-size: 1.75rem;
    }
    
    .collection-card {
        height: 250px;
    }
    
    .btn {
        width: 100%;
        margin-bottom: 0.5rem;
    }
    
    .back-to-top, .floating-email {
        width: 40px;
        height: 40px;
        font-size: 1rem;
        right: 15px;
    }
    
    .back-to-top {
        bottom: 15px;
    }
    
    .floating-email {
        bottom: 65px;
    }
}