/* Fullrelax Mobile Category Tabs - solo movil */
.fr-mobile-cat-tabs { display: none; }

@media (max-width: 768px) {
    .fr-mobile-cat-tabs {
        display: block;
        width: 100%;
        margin: var(--fr-tabs-margin-top, 10px) 0 var(--fr-tabs-margin-bottom, 14px);
        padding: 0 10px;
        box-sizing: border-box;
        position: relative;
        z-index: 5;
        clear: both;
    }

    .fr-mobile-cat-tabs__scroller {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: center;
        gap: 7px;
        overflow: visible;
        padding: 6px 0 8px;
        width: 100%;
        box-sizing: border-box;
    }

    .fr-mobile-cat-tabs__tab {
        flex: 1 1 calc(33.333% - 8px);
        max-width: calc(33.333% - 8px);
        min-width: 88px;
        min-height: 34px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 7px 8px;
        border-radius: var(--fr-tabs-radius, 999px);
        background: var(--fr-tabs-inactive-bg, #ffffff);
        border: 1px solid var(--fr-tabs-border, #16d957);
        color: var(--fr-tabs-inactive-text, #07152f);
        font-size: clamp(11px, 3.2vw, var(--fr-tabs-font-size, 14px));
        font-weight: var(--fr-tabs-font-weight, 700);
        line-height: 1.12;
        text-decoration: none !important;
        box-shadow: 0 5px 14px rgba(0,0,0,.07);
        white-space: normal;
        overflow-wrap: anywhere;
        box-sizing: border-box;
    }

    .fr-mobile-cat-tabs__tab.is-active,
    .fr-mobile-cat-tabs__tab:focus,
    .fr-mobile-cat-tabs__tab:hover {
        background: var(--fr-tabs-active-bg, #16d957);
        border-color: var(--fr-tabs-border, #16d957);
        color: var(--fr-tabs-active-text, #ffffff);
        outline: none;
    }

    body:not(.woocommerce-shop):not(.tax-product_cat) .fr-mobile-cat-tabs--shop { display: none; }
    .fr-mobile-cat-tabs--shortcode { margin-top: 8px; }
}

@media (max-width: 390px) {
    .fr-mobile-cat-tabs { padding-left: 8px; padding-right: 8px; }
    .fr-mobile-cat-tabs__scroller { gap: 6px; }
    .fr-mobile-cat-tabs__tab {
        flex-basis: calc(50% - 6px);
        max-width: calc(50% - 6px);
        min-width: 0;
        padding: 7px 6px;
    }
}