.wholesale-panel {
    padding: 16px;
    margin: 16px 0;
    border: 1px solid #f5bed8;
    border-left: 4px solid #df71b0;
    border-radius: 8px;
    background: #fff5fa;
}

.wholesale-panel__title {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 700;
    color: #a93c78;
}

.wholesale-tier-list {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.wholesale-tier {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    padding: 12px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: white;
}

.wholesale-tier.is-active {
    border-color: #df71b0;
    background: #fce4f0;
}

.wholesale-tier__qty {
    font-size: 16px;
    font-weight: 600;
}

.wholesale-tier__price {
    font-size: 24px;
    line-height: 1.4;
    font-weight: 700;
    color: #bd3f7d;
}

.wholesale-tier__save {
    font-size: 14px;
    font-weight: 600;
    color: #238253;
}

.wholesale-tier__pay-note {
    flex-basis: 100%;
    font-size: 13px;
    color: #695c64;
    overflow-wrap: anywhere;
}

.wholesale-applied-tag {
    font-size: 16px;
    font-weight: 700;
    color: #bd3f7d;
}

.wholesale-panel__hint {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.6;
    color: #695c64;
}

@media (max-width: 767.98px) {
    .wholesale-panel { padding: 12px; }
    .wholesale-tier__price { font-size: 20px; }
}