/**
 * Mobile Category Slider — text-only pills
 * Visible only on mobile (max-width: 767px)
 */

.mcs-wrapper {
    display: none;
}

@media (max-width: 767px) {
    .mcs-wrapper {
        display: block;
        background: #fff;
        border-bottom: 1px solid #e8e8e8;
        padding: 0;
        overflow: hidden;
    }

    /* Scrollable container */
    .mcs-track-container {
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .mcs-track-container::-webkit-scrollbar {
        display: none;
    }

    /* Flex row of pills */
    .mcs-track {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        list-style: none;
        margin: 0;
        padding: 10px 12px;
        gap: 8px;
        width: max-content;
    }

    .mcs-item {
        flex: 0 0 auto;
    }

    /* Pill */
    .mcs-link {
        display: inline-block;
        text-decoration: none;
        color: #333;
        background: #f2f2f2;
        border: 1.5px solid #ddd;
        border-radius: 50px;
        padding: 7px 16px;
        font-size: 13px;
        font-weight: 500;
        line-height: 1.2;
        white-space: nowrap;
        transition: background 0.15s, border-color 0.15s, color 0.15s;
        -webkit-tap-highlight-color: transparent;
    }

    .mcs-link:hover,
    .mcs-link:active {
        background: #e6e6e6;
        border-color: #bbb;
        color: #111;
        text-decoration: none;
    }
}