.wlv-variation-attributes {
    display: block;
    background: var(--wlv-container-bg, #f9fafb);
    border: 1px solid var(--wlv-border-color, rgba(15, 23, 42, 0.08));
    border-radius: var(--wlv-border-radius, 8px);
    border-width: var(--wlv-border-width, 1px);
    border-style: solid;
    padding: var(--wlv-container-padding, 16px);
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.wlv-variation-attributes[data-empty="1"] {
    display: none;
}

.wlv-variation-attributes__heading {
    margin: 0 0 var(--wlv-heading-margin, 12px);
    color: var(--wlv-heading-color, #111827);
    font-size: var(--wlv-heading-size, 1rem);
    font-weight: var(--wlv-heading-weight, 600);
    text-transform: var(--wlv-heading-transform, none);
    text-align: var(--wlv-heading-align, left);
    line-height: 1.3;
}

.wlv-variation-attributes__body {
    margin: 0;
    padding: 0;
}

.wlv-variation-attributes__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-auto-flow: row;
    row-gap: var(--wlv-gap-row, 8px);
    column-gap: var(--wlv-gap-column, 12px);
}

.wlv-variation-attributes--layout-inline .wlv-variation-attributes__list {
    display: flex;
    flex-wrap: wrap;
    row-gap: var(--wlv-gap-row, 8px);
    column-gap: var(--wlv-gap-column, 12px);
}

.wlv-variation-attributes__item {
    display: inline-flex;
    align-items: baseline;
    gap: 0.35rem;
    background: var(--wlv-item-bg, rgba(15, 23, 42, 0.05));
    padding: var(--wlv-item-padding, 2px 8px);
    border-radius: var(--wlv-item-radius, 6px);
    text-transform: var(--wlv-item-text-transform, none);
}

.wlv-variation-attributes__label {
    color: var(--wlv-label-color, #111827);
    font-weight: var(--wlv-label-weight, 600);
    font-size: var(--wlv-item-font-size, 0.95rem);
    line-height: 1.4;
}

.wlv-variation-attributes__value {
    color: var(--wlv-value-color, #111827);
    font-weight: var(--wlv-value-weight, 500);
    font-size: var(--wlv-item-font-size, 0.95rem);
    line-height: 1.4;
}

.wlv-variation-attributes--single .wlv-variation-attributes__list {
    display: flex;
}

.wlv-variation-attributes--single .wlv-variation-attributes__item {
    padding: var(--wlv-item-padding, 2px 8px);
}