/* =============================================
   MOBILE FIXES
   ============================================= */

@media (max-width: 991px) {

    /* Logo smaller on mobile */
    .bc-logo img {
        max-height: 36px !important;
        width: auto !important;
    }

    /* Reduce header white space */
    .bc_header .content {
        padding: 4px 0 !important;
        min-height: unset !important;
    }

    .bc_header {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Remove extra spacing in header section */
    .u-header__section {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Hide notification bell on mobile */
    .dropdown-notifications {
        display: none !important;
    }

    /* Hero title size */
    .font-size-60 {
        font-size: 1.6rem !important;
    }

    /* Category tabs - 2x2 grid on mobile */
    .tab-nav-rounded {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 4px !important;
        flex-wrap: unset !important;
        overflow: visible !important;
        padding-bottom: 8px !important;
        justify-content: unset !important;
    }

    .tab-nav-rounded .nav-item {
        flex: unset !important;
        min-width: unset !important;
        width: 100% !important;
    }

    .tab-nav-rounded .nav-link {
        padding: 6px 4px !important;
        text-align: center !important;
        justify-content: center !important;
    }

    .tab-nav-rounded .nav-link .d-flex {
        justify-content: center !important;
    }

    /* Reduce hero top padding */
    .bc-form-search-all .space-2 {
        padding-top: 2rem !important;
        padding-bottom: 1rem !important;
    }

    .bc-form-search-all .py-8 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
}

@media (max-width: 575px) {
    .bc-logo img {
        max-height: 30px !important;
    }

    .font-size-60 {
        font-size: 1.3rem !important;
    }
}