/* Only enqueued on product archives and product_cat pages. */

@media (min-width: 761px) {
    .shangu-catalog-layout .catbar .tabs {
        flex-wrap: wrap;
        gap: 0 22px;
        overflow: visible;
    }

    .shangu-catalog-layout .catbar .tab {
        padding: 12px 0;
    }
}

@media (max-width: 760px) {
    .shangu-catalog-layout .catbar .tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 5px;
        scrollbar-width: thin;
        scrollbar-color: #8c8c8c #ececec;
        overscroll-behavior-x: contain;
    }

    /* Override the theme's display:none scrollbar rule. */
    .shangu-catalog-layout .catbar .tabs::-webkit-scrollbar {
        display: block;
        height: 4px;
    }

    .shangu-catalog-layout .catbar .tabs::-webkit-scrollbar-track {
        background: #ececec;
    }

    .shangu-catalog-layout .catbar .tabs::-webkit-scrollbar-thumb {
        background: #8c8c8c;
        border-radius: 2px;
    }

    /* A persistent visual cue also works where the OS auto-hides scrollbars. */
    .shangu-catalog-layout .catbar > .container::after {
        content: '\2194';
        display: block;
        height: 14px;
        color: var(--muted, #666);
        font-size: 14px;
        line-height: 14px;
        text-align: right;
    }
}