.ek-wholesale-rules {
    margin-block: var(--ek-space-5);
    padding: var(--ek-space-4);
    border: 1px solid var(--ek-color-border);
    border-radius: var(--ek-radius-lg);
    background: var(--ek-color-surface);
}

.ek-wholesale-rules h2 {
    margin-block: 0 var(--ek-space-3);
    font-size: var(--ek-font-size-4);
}

.ek-wholesale-rules__facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--ek-space-2);
    margin: 0;
}

.ek-wholesale-rules__facts > div {
    padding: var(--ek-space-3);
    border-radius: var(--ek-radius-md);
    background: color-mix(in srgb, var(--ek-color-cream) 35%, transparent);
}

.ek-wholesale-rules__facts dt { font-size: var(--ek-font-size-2); opacity: .72; }
.ek-wholesale-rules__facts dd { margin: var(--ek-space-1) 0 0; font-weight: 600; }
.ek-wholesale-rules__tiers { margin-block-start: var(--ek-space-4); overflow-x: auto; }
.ek-wholesale-rules__tiers table { inline-size: 100%; border-collapse: collapse; min-inline-size: 22rem; }
.ek-wholesale-rules__tiers th,
.ek-wholesale-rules__tiers td { padding: var(--ek-space-3); border-block-end: 1px solid var(--ek-color-border); text-align: start; }

@media (max-width: 640px) {
    .ek-wholesale-rules__facts { grid-template-columns: 1fr; }
}