.client-body {
    background: var(--fon, #f0f0f0);
    min-height: 100vh;
    font-family: 'Manrope', sans-serif;
}
.client-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 40px;
    background: var(--white, #fff);
    border-bottom: 1px solid var(--border, #e5e5e5);
    flex-wrap: wrap;
    gap: 12px;
}
.client-header__logo {
    font-family: var(--h3-font-family, 'Oswald', sans-serif);
    font-weight: 600;
    font-size: 20px;
    color: var(--main, #0e0e0e);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
}
.client-header__badge {
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    font-weight: 500;
    background: var(--accent, #e20d1a);
    color: #fff;
    padding: 3px 10px;
    border-radius: 20px;
}
.client-header__nav {
    display: flex;
    align-items: center;
    gap: 20px;
}
.client-header__link {
    font-family: 'Manrope', sans-serif;
    font-size: 15px;
    color: var(--main, #0e0e0e);
    text-decoration: none;
}
.client-main {
    max-width: 1000px;
    margin: 0 auto;
    padding: 40px 20px;
}
.client-footer {
    display: flex;
    justify-content: space-between;
    padding: 20px 40px;
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    color: #888;
}

/* Карточки */
.client-card {
    background: var(--white, #fff);
    border-radius: 16px;
    padding: 28px;
    margin-bottom: 20px;
    box-shadow: 0 2px 12px rgba(0,0,0,.05);
}
.client-card h2 {
    font-family: var(--h3-font-family, 'Oswald', sans-serif);
    font-size: 22px;
    font-weight: 500;
    color: var(--main, #0e0e0e);
    margin-bottom: 16px;
}

/* Приветствие */
.client-hero {
    
    color: #fff;
    border-radius: 16px;
    padding: 32px;
    margin-bottom: 20px;
    background-size: cover;
    background-position: center center;


}
.client-hero h1 {
    font-family: var(--h3-font-family, 'Oswald', sans-serif);
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 8px;
}
.client-hero p {
    color: #d1d5db;
    font-size: 14px;
    line-height: 1.5;
}

/* Таймлайн статуса дела */
.client-timeline {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 24px 0 8px;
}
.client-timeline::before {
    content: '';
    position: absolute;
    top: 14px;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--border, #e0e0e0);
    z-index: 0;
}
.client-timeline__step {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    position: relative;
    z-index: 1;
    flex: 1;
    text-align: center;
}
.client-timeline__dot {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--border, #e0e0e0);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    border: 3px solid var(--fon, #f0f0f0);
}
.client-timeline__step.is-done .client-timeline__dot {
    background: var(--icon, #22c55e);
}
.client-timeline__step.is-current .client-timeline__dot {
    background: var(--accent, #e20d1a);
    box-shadow: 0 0 0 4px rgba(226,13,26,.15);
}
.client-timeline__label {
    font-size: 12px;
    color: var(--text, #616161);
    max-width: 90px;
    line-height: 1.3;
}
.client-timeline__step.is-current .client-timeline__label {
    color: var(--main, #0e0e0e);
    font-weight: 700;
}

/* Кнопки */
.client-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 14px;
    background: var(--accent, #e20d1a);
    color: #fff;
    padding: 12px 22px;
    border-radius: 10px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: opacity .2s;
}
.client-btn:hover { opacity: .9; }
.client-btn--outline {
    background: none;
    border: 1.5px solid var(--border, #ccc);
    color: var(--main, #0e0e0e);
}
.client-btn--sm {
    padding: 8px 16px;
    font-size: 13px;
}
.client-btn-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 16px;
}

/* Оплата / рассрочка */
.client-payment-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid var(--fon, #f0f0f0);
    font-size: 14px;
}
.client-payment-row:last-child { border-bottom: none; }
.client-payment-row .label { color: var(--text, #616161); }
.client-payment-row .value { font-weight: 700; color: var(--main, #0e0e0e); }
.client-payment-row .value.paid { color: var(--icon, #22c55e); }
.client-payment-row .value.unpaid { color: var(--accent, #e20d1a); }

/* ЧаВо аккордеон */
.client-faq-item {
    border-bottom: 1px solid var(--fon, #f0f0f0);
}
.client-faq-item summary {
    padding: 14px 0;
    cursor: pointer;
    font-weight: 600;
    color: var(--main, #0e0e0e);
    list-style: none;
}
.client-faq-item summary::-webkit-details-marker { display: none; }
.client-faq-item p {
    padding-bottom: 14px;
    color: var(--text, #616161);
    font-size: 14px;
    line-height: 1.5;
}

/* Плашка тревожных кнопок */
.client-alert-buttons {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

/* Профиль/грид инфо */
.client-info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 16px;
}
.client-info-grid .label {
    font-size: 12px;
    color: var(--text, #616161);
    margin-bottom: 4px;
}
.client-info-grid .value {
    font-size: 15px;
    font-weight: 600;
    color: var(--main, #0e0e0e);
}

@media (max-width: 640px) {
    .client-header { padding: 16px 20px; }
    .client-main { padding: 24px 16px; }
    .client-timeline__label { display: none; }
}


.bg-soft-waves {
    background-color: #ffffff;
    background-image: radial-gradient(circle at 25% 25%, #f1f5f9 2%, transparent 32.5%),
        radial-gradient(circle at 75% 75%, #f1f5f9 2%, transparent 7.5%),
        radial-gradient(circle at 75% 25%, #97a1ad 1.5%, transparent 2%),
        radial-gradient(circle at 25% 75%, #c0cfe4 1.5%, transparent 2%);
    background-size: 60px 60px;
}

.bg-client-mesh {
    background: #fbfbfa;
    position: relative;
}
.bg-client-mesh::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image:
        radial-gradient(circle at center, rgba(255, 255, 255, .96) 0%, rgba(255, 255, 255, 0) 60%),
        url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MjAiIGhlaWdodD0iNDIwIiB2aWV3Qm94PSIwIDAgNDIwIDQyMCI+CiAgPGRlZnM+CiAgICA8ZmlsdGVyIGlkPSJkcyIgeD0iLTUwJSIgeT0iLTUwJSIgd2lkdGg9IjIwMCUiIGhlaWdodD0iMjAwJSI+CiAgICAgIDxmZURyb3BTaGFkb3cgZHg9IjQiIGR5PSI2IiBzdGREZXZpYXRpb249IjYiIGZsb29kLWNvbG9yPSIjMDAwMDAwIiBmbG9vZC1vcGFjaXR5PSIwLjE4Ii8+CiAgICA8L2ZpbHRlcj4KICA8L2RlZnM+CiAgPGcgZmlsdGVyPSJ1cmwoI2RzKSI+CiAgICA8cmVjdCB4PSItNDAiIHk9Ii00MCIgd2lkdGg9IjE1MCIgaGVpZ2h0PSIxNTAiIGZpbGw9IiNjNjI4MjgiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDM1IDM1KSIvPgogICAgPHJlY3QgeD0iMTAiIHk9IjYwIiB3aWR0aD0iOTUiIGhlaWdodD0iOTUiIGZpbGw9IiNlNmU5ZWMiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDU3IDEwNykiLz4KICAgIDxyZWN0IHg9IjkwIiB5PSItMTAiIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiBmaWxsPSIjZDMyZjJmIiB0cmFuc2Zvcm09InJvdGF0ZSg0NSAxNTAgNTApIi8+CiAgICA8cmVjdCB4PSI0MCIgeT0iMTMwIiB3aWR0aD0iNTUiIGhlaWdodD0iNTUiIGZpbGw9IiNjNjI4MjgiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDY3IDE1NykiLz4KICAgIDxyZWN0IHg9IjEzMCIgeT0iOTAiIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgZmlsbD0iI2VjZWVmMCIgdHJhbnNmb3JtPSJyb3RhdGUoNDUgMTcwIDEzMCkiLz4KICAgIDxyZWN0IHg9IjE4MCIgeT0iMjAiIHdpZHRoPSI3MCIgaGVpZ2h0PSI3MCIgZmlsbD0iI2M2MjgyOCIgdHJhbnNmb3JtPSJyb3RhdGUoNDUgMjE1IDU1KSIvPgogICAgPHJlY3QgeD0iMTUwIiB5PSIxNTAiIHdpZHRoPSI0MiIgaGVpZ2h0PSI0MiIgZmlsbD0iI2QzMmYyZiIgdHJhbnNmb3JtPSJyb3RhdGUoNDUgMTcxIDE3MSkiLz4KICAgIDxyZWN0IHg9IjIwMCIgeT0iMTIwIiB3aWR0aD0iMzQiIGhlaWdodD0iMzQiIGZpbGw9IiNjNjI4MjgiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDIxNyAxMzcpIi8+CiAgICA8cmVjdCB4PSIyMCIgeT0iMTgwIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIGZpbGw9IiNkMzJmMmYiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDM1IDE5NSkiLz4KICAgIDxyZWN0IHg9IjI0MCIgeT0iNzAiIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgZmlsbD0iI2U2ZTllYyIgdHJhbnNmb3JtPSJyb3RhdGUoNDUgMjUzIDgzKSIvPgogICAgPHJlY3QgeD0iOTAiIHk9IjIwMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjYzYyODI4IiB0cmFuc2Zvcm09InJvdGF0ZSg0NSAxMDIgMjEyKSIvPgogICAgPHJlY3QgeD0iMjYwIiB5PSIxNTAiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0iI2QzMmYyZiIgdHJhbnNmb3JtPSJyb3RhdGUoNDUgMjcwIDE2MCkiLz4KICAgIDxyZWN0IHg9IjE1MCIgeT0iMjIwIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9IiNlNmU5ZWMiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDE1OSAyMjkpIi8+CiAgPC9nPgo8L3N2Zz4K"),
        url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MjAiIGhlaWdodD0iNDIwIiB2aWV3Qm94PSIwIDAgNDIwIDQyMCI+CiAgPGRlZnM+CiAgICA8ZmlsdGVyIGlkPSJkczIiIHg9Ii01MCUiIHk9Ii01MCUiIHdpZHRoPSIyMDAlIiBoZWlnaHQ9IjIwMCUiPgogICAgICA8ZmVEcm9wU2hhZG93IGR4PSI0IiBkeT0iNiIgc3RkRGV2aWF0aW9uPSI2IiBmbG9vZC1jb2xvcj0iIzAwMDAwMCIgZmxvb2Qtb3BhY2l0eT0iMC4xOCIvPgogICAgPC9maWx0ZXI+CiAgPC9kZWZzPgogIDxnIHRyYW5zZm9ybT0icm90YXRlKDE4MCAyMTAgMjEwKSI+CiAgICA8ZyBmaWx0ZXI9InVybCgjZHMyKSI+CiAgICAgIDxyZWN0IHg9Ii00MCIgeT0iLTQwIiB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE1MCIgZmlsbD0iI2M2MjgyOCIgdHJhbnNmb3JtPSJyb3RhdGUoNDUgMzUgMzUpIi8+CiAgICAgIDxyZWN0IHg9IjEwIiB5PSI2MCIgd2lkdGg9Ijk1IiBoZWlnaHQ9Ijk1IiBmaWxsPSIjZTZlOWVjIiB0cmFuc2Zvcm09InJvdGF0ZSg0NSA1NyAxMDcpIi8+CiAgICAgIDxyZWN0IHg9IjkwIiB5PSItMTAiIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiBmaWxsPSIjZDMyZjJmIiB0cmFuc2Zvcm09InJvdGF0ZSg0NSAxNTAgNTApIi8+CiAgICAgIDxyZWN0IHg9IjQwIiB5PSIxMzAiIHdpZHRoPSI1NSIgaGVpZ2h0PSI1NSIgZmlsbD0iI2M2MjgyOCIgdHJhbnNmb3JtPSJyb3RhdGUoNDUgNjcgMTU3KSIvPgogICAgICA8cmVjdCB4PSIxMzAiIHk9IjkwIiB3aWR0aD0iODAiIGhlaWdodD0iODAiIGZpbGw9IiNlY2VlZjAiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDE3MCAxMzApIi8+CiAgICAgIDxyZWN0IHg9IjE4MCIgeT0iMjAiIHdpZHRoPSI3MCIgaGVpZ2h0PSI3MCIgZmlsbD0iI2M2MjgyOCIgdHJhbnNmb3JtPSJyb3RhdGUoNDUgMjE1IDU1KSIvPgogICAgICA8cmVjdCB4PSIxNTAiIHk9IjE1MCIgd2lkdGg9IjQyIiBoZWlnaHQ9IjQyIiBmaWxsPSIjZDMyZjJmIiB0cmFuc2Zvcm09InJvdGF0ZSg0NSAxNzEgMTcxKSIvPgogICAgICA8cmVjdCB4PSIyMDAiIHk9IjEyMCIgd2lkdGg9IjM0IiBoZWlnaHQ9IjM0IiBmaWxsPSIjYzYyODI4IiB0cmFuc2Zvcm09InJvdGF0ZSg0NSAyMTcgMTM3KSIvPgogICAgICA8cmVjdCB4PSIyMCIgeT0iMTgwIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIGZpbGw9IiNkMzJmMmYiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDM1IDE5NSkiLz4KICAgICAgPHJlY3QgeD0iMjQwIiB5PSI3MCIgd2lkdGg9IjI2IiBoZWlnaHQ9IjI2IiBmaWxsPSIjZTZlOWVjIiB0cmFuc2Zvcm09InJvdGF0ZSg0NSAyNTMgODMpIi8+CiAgICAgIDxyZWN0IHg9IjkwIiB5PSIyMDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI2M2MjgyOCIgdHJhbnNmb3JtPSJyb3RhdGUoNDUgMTAyIDIxMikiLz4KICAgICAgPHJlY3QgeD0iMjYwIiB5PSIxNTAiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0iI2QzMmYyZiIgdHJhbnNmb3JtPSJyb3RhdGUoNDUgMjcwIDE2MCkiLz4KICAgICAgPHJlY3QgeD0iMTUwIiB5PSIyMjAiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgZmlsbD0iI2U2ZTllYyIgdHJhbnNmb3JtPSJyb3RhdGUoNDUgMTU5IDIyOSkiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=");
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: center, top left, bottom right;
    background-size: 100% 100%, 420px 420px, 420px 420px;
}



.client-card__partner {

    color: #fff;
    background-size: cover;
    background-position: center center;
    padding: 60px 28px;
}