.cbd-wrapper {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        max-width: 360px;
}

.cbd-wrapper.cbd-align-center {
        margin-left: auto;
        margin-right: auto;
}

.cbd-wrapper.cbd-align-right {
        margin-left: auto;
}

.cbd-select {
        display: block;
        width: 100%;
        padding: 0.5rem 0.75rem;
        font-size: var(--cbd-font-size, 1rem);
        text-align: center;
        text-align-last: center;
        border: var(--cbd-border-width, 1px) solid #ccc;
        border-radius: var(--cbd-border-radius, 4px);
        background-color: #fff;
        cursor: pointer;
        transition: border-color 0.2s ease;
}

.cbd-select option {
        text-align: center;
}

.cbd-select:focus {
        outline: none;
        border-color: var(--cbd-focus-color, #96588a);
        box-shadow: 0 0 0 2px rgba(var(--cbd-focus-rgb, 150, 88, 138), 0.25);
}

.cbd-select:disabled {
        background-color: #f5f5f5;
        color: #999;
        cursor: not-allowed;
}

.cbd-level-2-group {
        animation: cbd-fadein 0.2s ease;
}

.cbd-level-2-group[hidden] {
        display: none;
}

@keyframes cbd-fadein {
        from { opacity: 0; transform: translateY(-4px); }
        to   { opacity: 1; transform: translateY(0); }
}