/* Horizontal scroll wrapper for top groups row */
.catalog_top-filter-wrap {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    /* Hide scrollbar for IE, Edge and Firefox */
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;     /* Firefox */
}

.catalog_top-filter-wrap::-webkit-scrollbar {
    /* Hide scrollbar for Chrome, Safari and Opera */
    display: none;             /* Webkit */
}

/* Max height constraint for tag lists */
/* Max height of 80rem (approximately 80px) - shows ~2-3 rows of tags before requiring expansion */
.catalog-names-block {
    display: none;
}

.catalog-names-block.active {
    display: block;
}

.catalog_names-filter {
    display: flex;
    flex-wrap: wrap;
    max-height: 80rem;
    overflow: hidden;
    transition: max-height 0.3s ease;
    margin-bottom: 16rem;
}

.catalog_names-filter.expanded {
    max-height: none;
}

/* Toggle button container */
.catalog-names-actions {
    margin: 16rem 0;
}

.catalog-names-actions.visible {
    display: block;
}

/* Toggle button styles */
.catalog-names-toggle {
    padding: 2rem 4rem;
    background-color: #fff;
    color: #59804B;
    border: 1px solid #9EB868;
    cursor: pointer;
    font-size: 13rem;
    font-weight: 500;
    transition: all 0.3s ease;
}

.catalog-names-toggle:hover {
    background-color: #9EB868;
    color: #fff;
}

.catalog-names-toggle:active {
    transform: translateY(1px);
}