/* Variables: Defined in assets/css/variables.css */
/* Custom Category and Brand Page Styles */


/* --- Search Bar Container in Hero --- */
.cat-common-search-wrapper {
    max-width: 600px;
    margin: 30px auto 0;
    position: relative;
    z-index: 2;
}



/* --- Responsive --- */
@media (max-width: 768px) {
    .cat-hero-section {
        padding: 40px 16px 30px;
    }

    .cat-hero-title {
        font-size: 1.8rem;
    }

    .cat-common-search-wrapper {
        margin: 20px 16px 0;
    }
}

@media (max-width: 600px) {
    .cb-hero-title {
        font-size: 1.8rem !important;
        /* Force override common hero style */
        line-height: 1.2;
    }

    .cb-hero-desc {
        font-size: 0.95rem !important;
        padding: 0 10px;
        margin-bottom: 25px !important;
    }

    .cat-content-container {
        padding: 0 16px !important;
    }

    .cat-section {
        margin-bottom: 40px;
    }
}

@media (max-width: 480px) {
    /* No additional styles needed */
}