.select-option-group {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
    }
    .select-option-item {
        min-width: 70px;
        padding: 10px 12px;
        border: 2px solid var(--primary-color);
        border-radius: 8px;
        cursor: pointer;
        text-align: center;
        transition: all 0.2s ease;
        background: transparent;
        white-space: nowrap;
    }

    .select-option-item:hover {
        border-color: var(--accent-color);
        background: var(--accent-color);
        color: var(--text-color);
    }

    .select-option-item.active {
        border-color: var(--accent-color);
        background: transparent;
        color: var(--accent-color);
    }

    .select-option-item .sku-name {
        display: block;
        font-size: 1rem;
        font-weight: 600;
        margin-bottom: 4px;
        white-space: nowrap;
    }

    .select-option-item.active .sku-price {
        opacity: 0.9;
    }


    .gallery {
        display: flex;
        gap: 8px;
        margin-top: 8px;
        overflow-x: auto;
        padding-bottom: 4px;
        margin-bottom: 12px;
    }

    .thumb-frame {
        flex-shrink: 0;
        width: 80px;
        height: 80px;
        border: 2px solid #ddd;
        border-radius: 6px;
        cursor: pointer;
        overflow: hidden;
        transition: all 0.2s ease;
    }

    .thumb-frame:hover {
        border-color: var(--primary-color);
    }

    .thumb-frame.active {
        border-color: var(--accent-color);
    }

    .thumb-frame img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .thumb-frame {
        width: 100px;
        height: 100px;
        cursor: pointer;
        margin: 0 2px;
    }

    .thumb-frame img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }