.enchantment-set-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: clamp(8px, 2vw, 14px) clamp(10px, 3vw, 20px);
    border: 1px solid #ddd;
    border-radius: 8px;
    width: 100%;
    max-width: clamp(280px, 90vw, 600px);
}

.enchantment-set-item span {
    font-size: clamp(14px, 1.5vw, 18px);
    font-weight: 500;
    min-width: clamp(120px, 30vw, 200px);
}

.enchantment-set-item .checkbox-group {
    display: flex;
    gap: clamp(4px, 1vw, 8px);
}

.enchantment-set-item label {
    cursor: pointer;
    font-size: clamp(12px, 1.2vw, 16px);
    padding: clamp(4px, 1vw, 8px) clamp(8px, 2vw, 14px);
    border: 1px solid #999;
    border-radius: 6px;
    user-select: none;
    transition: background-color 0.2s, color 0.2s;
}

.enchantment-set-item input[type="checkbox"] {
    display: none;
}

.enchantment-set-item input[type="checkbox"]:checked + label {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
}

.enchantment-set-item label:hover {
    background-color: #f0f0f0;
}