/* Variant options wrapper - allow wrap but collapse extra rows */
.variant-options-wrapper {
    position: relative;
}

/* Collapsed state - only show first row */
.variant-options-wrapper.collapsed .checkbox-alphanumeric,
.variant-options-wrapper.collapsed .checkbox-color {
    max-height: 60px;
    overflow: hidden;
}

/* Expanded state - show all */
.variant-options-wrapper.expanded .checkbox-alphanumeric,
.variant-options-wrapper.expanded .checkbox-color {
    max-height: none;
}

/* Expand/collapse button positioned after options */
.variant-dropdown-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 46px;
    min-height: 46px;
    padding: 0;
    background: transparent;
    border: 1px solid var(--catwalk-border);
    color: var(--catwalk-text-secondary);
    font-size: 20px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 8px;
}

.variant-dropdown-btn:hover {
    border-color: var(--catwalk-primary);
    color: var(--catwalk-primary);
    background: rgba(var(--catwalk-primary-rgb), 0.05);
}

.variant-dropdown-btn.expanded {
    border-color: var(--catwalk-primary);
    color: var(--catwalk-primary);
    background: rgba(var(--catwalk-primary-rgb), 0.1);
}

.variant-dropdown-btn i {
    font-size: 20px;
    line-height: 1;
}

/* Variant Overflow Button - Opens Sidebar */
.variant-overflow-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 46px;
    min-height: 46px;
    padding: 0;
    background: transparent;
    border: 1px solid var(--catwalk-border);
    color: var(--catwalk-text-secondary);
    font-size: 20px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin: 0;
    vertical-align: middle;
}

.variant-overflow-btn:hover {
    border-color: var(--catwalk-primary);
    color: var(--catwalk-primary);
    background: rgba(var(--catwalk-primary-rgb), 0.05);
}

.variant-overflow-btn i {
    font-size: 20px;
    line-height: 1;
}