@media (max-width: 767px) {

    .page-tabs,
    .business-profile-tabs-shell,
    .business-profile-tabs-shell .row {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        white-space: nowrap !important;
        flex-wrap: nowrap !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .page-tabs::-webkit-scrollbar,
    .business-profile-tabs-shell::-webkit-scrollbar,
    .business-profile-tabs-shell .row::-webkit-scrollbar {
        display: none;
    }

    .page-tabs .page-tab,
    .business-profile-tabs-shell .page-tab {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: max-content !important;
        white-space: nowrap !important;
    }
}
/* PESYJE v24.3 FINAL UI POLISH — business details only */
/* 1) Sticky tabs must always be opaque; mobile must swipe horizontally. */
.page-tabs,
.business-profile-tabs-shell {
    background: rgb(var(--elements_background_color)) !important;
    opacity: 1 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
.page-tabs { isolation: isolate !important; }
.business-profile-tabs-shell { position: relative !important; z-index: 1 !important; }
html[data-pesyje-theme="dark"] .page-tabs,
html[data-pesyje-theme="dark"] .business-profile-tabs-shell {
    background: rgb(var(--elements_background_color)) !important;
}

@media (max-width: 767.98px) {
    .page-tabs {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        touch-action: pan-x !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }
    .page-tabs::-webkit-scrollbar { display: none !important; }
    .page-tabs > .business-profile-tabs-shell {
        width: max-content !important;
        min-width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        overflow: visible !important;
    }
    .page-tabs > .business-profile-tabs-shell > .row {
        display: flex !important;
        width: max-content !important;
        min-width: 100% !important;
        max-width: none !important;
        flex-wrap: nowrap !important;
        overflow: visible !important;
    }
    .page-tabs > .business-profile-tabs-shell > .row > .col {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
    }

    /* 2) Write-review stars: same visual size as the approved selector. */
    #searchPage .ratings.ratings-md.ratings-selective {
        display: flex !important;
        flex-flow: row nowrap !important;
        align-items: center !important;
        gap: 5px !important;
        width: auto !important;
        max-width: 100% !important;
    }
    #searchPage .ratings.ratings-md.ratings-selective .rating {
        flex: 0 0 48px !important;
        width: 48px !important;
        max-width: 48px !important;
        height: 48px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    #searchPage .ratings.ratings-md.ratings-selective .rating > a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 48px !important;
        height: 48px !important;
        padding: 0 !important;
        border-radius: 3px !important;
        overflow: hidden !important;
        transition: background-color .14s ease !important;
    }
    #searchPage .ratings.ratings-md.ratings-selective .rating img {
        display: block !important;
        width: 39px !important;
        height: 39px !important;
        max-width: 39px !important;
        max-height: 39px !important;
        object-fit: contain !important;
        margin: 0 !important;
    }
}