#dbi-product-accordion-bar {
    display: none;
}

@media (max-width: 768px) {
    #dbi-product-accordion-bar {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10001;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        column-gap: 15px;
        width: 100%;
        height: 47px;
        padding: 0 16px;
        box-sizing: border-box;
        background-color: #fff;
        border-radius: 4px;
        border-bottom: 1px solid #ddd;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        touch-action: pan-x;
        transform: translateY(-100%);
        transition: transform 0.25s ease;
        color: inherit;
        font-family: inherit;
        font-size: 16px;
        line-height: 1.6;
    }

    #dbi-product-accordion-bar::-webkit-scrollbar {
        display: none;
    }

    #dbi-product-accordion-bar.is-visible {
        transform: translateY(0);
    }

    #dbi-product-accordion-bar .cc-tab-item {
        display: flex;
        align-items: center;
        flex-shrink: 0;
        height: 46px;
        padding: 10px 0;
        border-bottom: 2px solid transparent;
        color: inherit;
        font-family: inherit;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: 0.5px;
        line-height: 24px;
        text-decoration: none;
        white-space: nowrap;
        cursor: pointer;
        touch-action: manipulation;
        transition: color 0.2s ease, border-color 0.2s ease;
    }

    #dbi-product-accordion-bar .cc-tab-item.cc-tab-active {
        color: #e02f39;
        border-bottom-color: #e02f39;
    }
}