#category-carousel-top {
    display: flex;
    gap: 16px;
    align-items: center;
    overflow-x: auto;
    padding: 10px 0;
    scroll-behavior: smooth;
}

#category-carousel-top .category-card {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 120px;
    max-width: 300px;
    padding: 14px 30px;

    background-color: #C6A87C;
    color: #ffffff;

    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.15em;
    text-transform: uppercase;

    border-radius: 8px;
    cursor: pointer;

    transition:
        background-color 0.3s ease,
        transform 0.2s ease,
        box-shadow 0.3s ease;

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

    white-space: normal;
    word-break: normal;
    overflow: normal;
    line-height: 1.4;
}

#category-carousel-top .category-card:hover {
    background-color: #a9844c;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

#category-carousel-top .category-card.active-category {
    background-color: #a9844c;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

#category-carousel-top::-webkit-scrollbar {
    display: none;
}

#category-carousel-top {
    -ms-overflow-style: none;
    scrollbar-width: none;
}