.page-b2b .account {
    overflow: hidden;
    border: 1px solid var(--color-line);
    border-radius: var(--radius-card);
    background: var(--color-white);
    font-size: 15px;
}

.page-b2b .account__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px;
    border-bottom: 1px solid var(--color-line);
    background: var(--color-page);
}

.page-b2b .account__label {
    display: flex;
    flex-direction: column;
    line-height: 1.35;
}

.page-b2b .account__name {
    font-weight: 600;
}

.page-b2b .account__meta {
    color: var(--color-muted);
    font-size: 13px;
}

.page-b2b .account__badges {
    display: flex;
    gap: 6px;
}

.page-b2b .account .badge {
    align-items: flex-start;
    padding: 2px 8px;
}

@media (width < 348px) {
    .page-b2b .account__badges {
        flex-wrap: wrap;
    }
}

.page-b2b .account__title {
    padding: 12px 14px 4px;
    font-weight: 600;
}

.page-b2b .account__item {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--color-line);
}

.page-b2b .account__product {
    font-weight: 500;
}

.page-b2b .account__price {
    font-weight: 600;
    white-space: nowrap;
}

.page-b2b .account__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px;
}

.page-b2b .account__order {
    padding: 8px 14px;
    border-radius: var(--radius-control);
    background: var(--color-accent);
    color: var(--color-white);
    font-weight: 500;
}
