/* Особистий кабінет старої теми (main): головна + сторінка на розділ (Val 24.09.2026).
 *
 * Навіщо окремий файл. Стилі теми розраховані на старий кабінет із вкладками: заголовки сірі
 * по центру, історія — вузька колонка під карусель, бічне меню на телефоні стискалось у колонку
 * 60px і рвало слова по складах («ОСОБИ/СТІ/ДАНІ»). Val: «виглядає шалено жахливо».
 *
 * ДИЗАЙН-СИСТЕМА. Значення — токени «Тихої вітрини» (nb-site-redesign/src/tokens/tokens.css).
 * Стара тема файлу токенів не підключає (на бою /local/templates/redesign_nb/ немає), тому
 * ПОТРІБНІ токени скопійовано сюди, на корінь .nb-lk — з тими самими іменами й значеннями.
 * Поміняли токен у системі — поміняти й тут; нових «сирих» чисел у правилах нижче немає.
 *
 * Усе під `.lk-page.nb-lk` — два класи важчі за правила теми, тому без !important.
 */

.lk-page.nb-lk {
    /* ── копія з src/tokens/tokens.css ── */
    --nb-ink: #000000;
    --nb-paper: #FFFFFF;
    --nb-cream: #F6F2ED;
    --nb-gray-900: #5A5A5A;
    --nb-gray-700: #757575;
    --nb-gray-500: #8C8C8C;
    --nb-gray-400: #B2B2B2;
    --nb-gray-300: #D9D9D9;
    --nb-gray-100: #F5F5F5;
    --nb-status-ok: #34C759;
    --nb-status-info: #007AFF;
    --nb-status-warn: #FF9500;
    --nb-status-alert: #FF5F57;
    --nb-fs-xs: 10px;
    --nb-fs-sm: 12px;
    --nb-fs-md: 13px;
    --nb-fs-base: 14px;
    --nb-fs-lg: 16px;
    --nb-fs-xl: 18px;
    --nb-fs-2xl: 20px;
    --nb-fs-3xl: 24px;
    --nb-lh: 1.46;
    --nb-lh-tight: 1.2;
    --nb-r-sm: 3px;
    --nb-r-md: 10px;
    --nb-r-lg: 15px;
    --nb-r-full: 999px;
    --nb-space-1: 5px;  --nb-space-2: 10px; --nb-space-3: 15px; --nb-space-4: 20px;
    --nb-space-5: 25px; --nb-space-6: 30px; --nb-space-8: 40px; --nb-space-10: 50px;
    --nb-space-12: 60px;
    --nb-border: 1px;
    --nb-tap: 50px;
    --nb-motion: 200ms ease;
    /* ── кінець копії ── */

    display: block;
    max-width: 960px;
    margin: var(--nb-space-2) auto var(--nb-space-12);
    padding: 0;                     /* тема давала .lk-page 45px зверху — порожнеча між крихтою й «← Кабінет» */
    color: var(--nb-ink);
    line-height: var(--nb-lh);
}
.lk-page.nb-lk *, .lk-page.nb-lk *::before, .lk-page.nb-lk *::after { box-sizing: border-box; }
/* Хлібна крихта в кабінеті не потрібна (Val 24.09): її місце займає привітання або «← Кабінет». */
.container:has(> .lk-page.nb-lk) > .broad { display: none; }

/* Спільне посилання-дія: підкреслене, з повною зоною нажатия. */
.lk-page.nb-lk .nb-lk-link {
    display: inline-flex;
    align-items: center;
    min-height: var(--nb-tap);
    font-size: var(--nb-fs-base);
    color: var(--nb-ink);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.lk-page.nb-lk .nb-lk-cap {
    margin: 0 0 var(--nb-space-2);
    font-size: var(--nb-fs-sm);
    font-weight: 400;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--nb-gray-700);
}
.lk-page.nb-lk .nb-lk-empty { margin: 0; font-size: var(--nb-fs-base); line-height: var(--nb-lh); }
.lk-page.nb-lk .nb-lk-empty a { color: var(--nb-ink); text-decoration: underline; text-underline-offset: 3px; }
.lk-page.nb-lk .nb-lk-btn,
.lk-page.nb-lk .more-items a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--nb-tap);
    min-width: 220px;
    padding: 0 var(--nb-space-6);
    border: var(--nb-border) solid var(--nb-ink);
    border-radius: var(--nb-r-sm);
    background: var(--nb-paper);
    color: var(--nb-ink);
    font-size: var(--nb-fs-base);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color var(--nb-motion), color var(--nb-motion);
}
.lk-page.nb-lk .nb-lk-btn:hover,
.lk-page.nb-lk .more-items a:hover { background: var(--nb-ink); color: var(--nb-paper); }
.lk-page.nb-lk .nb-lk-more,
.lk-page.nb-lk .more-items { float: none; width: auto; margin: var(--nb-space-8) 0 0; padding: 0; text-align: center; }
.lk-page.nb-lk .more-items a span { display: none; }

/* ── Головна ────────────────────────────────────────────────────────────────────────── */
.lk-page.nb-lk .nb-lk-hello { margin: var(--nb-space-6) 0 var(--nb-space-12); }
.lk-page.nb-lk .nb-lk-hello__title {
    margin: 0;
    font-size: var(--nb-fs-3xl);
    line-height: var(--nb-lh-tight);
    font-weight: 400;
    letter-spacing: 0.04em;
    text-transform: none;
    text-align: left;
    color: var(--nb-ink);
}
.lk-page.nb-lk .nb-lk-hello__sub { margin: var(--nb-space-1) 0 0; font-size: var(--nb-fs-base); color: var(--nb-gray-700); }

.lk-page.nb-lk .nb-lk-last { margin: 0 0 var(--nb-space-8); }

.lk-page.nb-lk .nb-lk-tiles {
    display: grid;
    grid-template-columns: 1fr;
    border-top: var(--nb-border) solid var(--nb-gray-300);
}
.lk-page.nb-lk .nb-lk-tile {
    position: relative;
    display: grid;
    gap: 2px;
    min-height: 72px;
    padding: var(--nb-space-3) var(--nb-space-8) var(--nb-space-3) 0;
    border-bottom: var(--nb-border) solid var(--nb-gray-300);
    color: var(--nb-ink);
    text-decoration: none;
    align-content: center;
}
.lk-page.nb-lk .nb-lk-tile__title {
    font-size: var(--nb-fs-base);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.lk-page.nb-lk .nb-lk-tile__badge {
    margin-left: var(--nb-space-1);
    font-size: var(--nb-fs-sm);
    letter-spacing: normal;
    text-transform: none;
    color: var(--nb-gray-700);
}
.lk-page.nb-lk .nb-lk-tile__sub { font-size: var(--nb-fs-sm); color: var(--nb-gray-700); }
/* Стрілка «перейти» — тонкий кут, як у рядку розділу шторки пошуку. */
.lk-page.nb-lk .nb-lk-tile__go {
    position: absolute;
    right: var(--nb-space-1);
    top: 50%;
    width: var(--nb-space-2);
    height: var(--nb-space-2);
    border-top: var(--nb-border) solid var(--nb-ink);
    border-right: var(--nb-border) solid var(--nb-ink);
    transform: translateY(-50%) rotate(45deg);
    transition: right var(--nb-motion);
}
.lk-page.nb-lk .nb-lk-tile:hover .nb-lk-tile__go { right: 0; }

.lk-page.nb-lk .nb-lk-exit { margin: var(--nb-space-6) 0 0; }
.lk-page.nb-lk .nb-lk-exit a {
    display: inline-flex;
    align-items: center;
    min-height: var(--nb-tap);
    font-size: var(--nb-fs-base);
    color: var(--nb-gray-700);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.lk-page.nb-lk .nb-lk-exit a:hover { color: var(--nb-ink); }
.lk-page.nb-lk .nb-lk-exit--quiet { margin-top: var(--nb-space-10); padding-top: var(--nb-space-3); border-top: var(--nb-border) solid var(--nb-gray-300); }

/* ── Сторінка розділу: «← Кабінет» і заголовок ──────────────────────────────────────── */
.lk-page.nb-lk .nb-lk-top { margin: var(--nb-space-3) 0 var(--nb-space-6); }
.lk-page.nb-lk .nb-lk-back {
    display: inline-flex;
    align-items: center;
    gap: var(--nb-space-2);
    min-height: var(--nb-tap);
    margin-left: calc(-1 * var(--nb-space-1));
    padding: 0 var(--nb-space-1);
    font-size: var(--nb-fs-base);
    color: var(--nb-ink);
    text-decoration: none;
}
.lk-page.nb-lk .nb-lk-back::before {
    content: "";
    width: var(--nb-space-2);
    height: var(--nb-space-2);
    border-left: var(--nb-border) solid var(--nb-ink);
    border-bottom: var(--nb-border) solid var(--nb-ink);
    transform: rotate(45deg);
}
.lk-page.nb-lk .nb-lk-back:hover { text-decoration: underline; text-underline-offset: 3px; }
.lk-page.nb-lk .nb-lk-h1 {
    margin: var(--nb-space-1) 0 0;
    font-size: var(--nb-fs-3xl);
    line-height: var(--nb-lh-tight);
    font-weight: 400;
    letter-spacing: 0.04em;
    text-transform: none;
    text-align: left;
    color: var(--nb-ink);
}

/* Вміст розділу: знімаємо поплавки й ширини теми старого кабінету. */
.lk-page.nb-lk .hist-cont { float: none; width: auto; margin: 0; padding: 0; }
.lk-page.nb-lk .nb-lk-body .hist-cont-in { display: block; float: none; width: auto; margin: 0; padding: 0; }
/* Заголовок розділу вже є — «.lk-tit» із шаблонів компонентів був би другим. */
.lk-page.nb-lk .nb-lk-body .lk-tit { display: none; }

/* ── Замовлення ─────────────────────────────────────────────────────────────────────── */
.lk-page.nb-lk .nb-orders { display: grid; gap: var(--nb-space-4); }
.lk-page.nb-lk .nb-order {
    display: grid;
    gap: var(--nb-space-3);
    padding: var(--nb-space-4);
    border: var(--nb-border) solid var(--nb-gray-300);
    border-radius: var(--nb-r-md);
    background: var(--nb-paper);
}
/* Згорнута картка — уся є посиланням на сторінку замовлення. */
.lk-page.nb-lk a.nb-order--short {
    color: var(--nb-ink);
    text-decoration: none;
    transition: border-color var(--nb-motion);
}
.lk-page.nb-lk a.nb-order--short:hover { border-color: var(--nb-ink); }
/* Останнє замовлення на головній — на кремовій плашці: це відповідь на питання, з яким прийшли. */
.lk-page.nb-lk a.nb-order--last { background: var(--nb-cream); border-color: transparent; border-radius: var(--nb-r-lg); }
/* П'ять клітинок одним рядком, що стискаються, а не переносяться (Val 24.09). */
.lk-page.nb-lk .nb-order__thumbs { display: grid; grid-template-columns: repeat(5, minmax(0, 60px)); gap: var(--nb-space-1); }
.lk-page.nb-lk .nb-order__thumbs .nb-order__pic { width: 100%; }
.lk-page.nb-lk .nb-order__thumbs .nb-order__pic--more {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--nb-fs-base);
    color: var(--nb-gray-900);
}
.lk-page.nb-lk .nb-order--last .nb-order__pic { background: var(--nb-paper); }
.lk-page.nb-lk .nb-order__count { font-size: var(--nb-fs-sm); font-weight: 400; color: var(--nb-gray-900); }
.lk-page.nb-lk .nb-order__go {
    width: var(--nb-space-2);
    height: var(--nb-space-2);
    margin-right: var(--nb-space-1);
    border-top: var(--nb-border) solid var(--nb-ink);
    border-right: var(--nb-border) solid var(--nb-ink);
    transform: rotate(45deg);
}
.lk-page.nb-lk .nb-lk-btn--dark { background: var(--nb-ink); color: var(--nb-paper); min-width: 0; padding: 0 var(--nb-space-4); letter-spacing: 0.06em; white-space: nowrap; }
.lk-page.nb-lk a.nb-order--last:hover .nb-lk-btn--dark { background: var(--nb-paper); color: var(--nb-ink); }
.lk-page.nb-lk .nb-order__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--nb-space-2); }
.lk-page.nb-lk .nb-order__id { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--nb-space-2); }
.lk-page.nb-lk .nb-order__num { font-size: var(--nb-fs-lg); font-weight: 600; }
/* gray-900, а не 700: на кремі #757575 дає 4.13:1 (< 4.5), #5A5A5A — 6.19:1 (замір 18.09). */
.lk-page.nb-lk .nb-order__date { font-size: var(--nb-fs-sm); color: var(--nb-gray-900); }
.lk-page.nb-lk .nb-order__status {
    display: inline-flex;
    align-items: center;
    gap: var(--nb-space-1);
    font-size: var(--nb-fs-md);
    color: var(--nb-gray-900);
    white-space: nowrap;
}
/* Колір лише підтримує слово статусу — одна точка, не заливка. */
.lk-page.nb-lk .nb-order__status::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: var(--nb-r-full);
    background: var(--nb-gray-400);
}
.lk-page.nb-lk .nb-order__status--ok::before { background: var(--nb-status-ok); }
.lk-page.nb-lk .nb-order__status--info::before { background: var(--nb-status-info); }
.lk-page.nb-lk .nb-order__status--warn::before { background: var(--nb-status-warn); }
.lk-page.nb-lk .nb-order__status--alert::before { background: var(--nb-status-alert); }

.lk-page.nb-lk .nb-order__goods { display: grid; gap: var(--nb-space-2); margin: 0; padding: 0; list-style: none; }
.lk-page.nb-lk .nb-order__good {
    display: grid;
    grid-template-columns: 60px minmax(0, 1fr) auto;
    gap: var(--nb-space-3);
    align-items: center;
    margin: 0;
}
.lk-page.nb-lk .nb-order__pic {
    display: block;
    width: 60px;
    aspect-ratio: 2 / 3;
    overflow: hidden;
    border-radius: var(--nb-r-sm);
    background: var(--nb-gray-100);
}
.lk-page.nb-lk .nb-order__pic img { display: block; width: 100%; height: 100%; object-fit: cover; }
.lk-page.nb-lk .nb-order__good-info { display: grid; gap: 2px; min-width: 0; }
.lk-page.nb-lk .nb-order__good-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: var(--nb-fs-base);
    line-height: 1.35;
    color: var(--nb-ink);
    text-decoration: none;
}
.lk-page.nb-lk .nb-order__good-name:hover { text-decoration: underline; text-underline-offset: 3px; }
.lk-page.nb-lk .nb-order__good-meta { font-size: var(--nb-fs-sm); color: var(--nb-gray-900); }
.lk-page.nb-lk .nb-order__good-price { display: grid; justify-items: end; font-size: var(--nb-fs-base); white-space: nowrap; }
.lk-page.nb-lk .nb-order__old { font-size: var(--nb-fs-sm); color: var(--nb-gray-700); }

.lk-page.nb-lk .nb-order__sum {
    display: grid;
    gap: var(--nb-space-1);
    margin: 0;
    padding: var(--nb-space-3) 0 0;
    border-top: var(--nb-border) solid var(--nb-gray-300);
}
.lk-page.nb-lk .nb-order__sum > div { display: flex; justify-content: space-between; gap: var(--nb-space-3); }
.lk-page.nb-lk .nb-order__sum dt { margin: 0; font-weight: 400; font-size: var(--nb-fs-md); color: var(--nb-gray-900); }
.lk-page.nb-lk .nb-order__sum dd { margin: 0; font-size: var(--nb-fs-md); text-align: right; }
.lk-page.nb-lk .nb-order__total dt,
.lk-page.nb-lk .nb-order__total dd { font-size: var(--nb-fs-lg); font-weight: 600; color: var(--nb-ink); }

.lk-page.nb-lk .nb-order__facts {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--nb-space-3);
    padding: var(--nb-space-3) 0 0;
    border-top: var(--nb-border) solid var(--nb-gray-300);
}
.lk-page.nb-lk .nb-order__fact { display: grid; gap: 2px; font-size: var(--nb-fs-base); align-content: start; }
.lk-page.nb-lk .nb-order__fact-cap { font-size: var(--nb-fs-xs); letter-spacing: 0.14em; text-transform: uppercase; color: var(--nb-gray-700); }
.lk-page.nb-lk .nb-order__fact-sub { font-size: var(--nb-fs-sm); color: var(--nb-gray-900); }
.lk-page.nb-lk .nb-order__paid.is-paid { color: var(--nb-ink); }
.lk-page.nb-lk .nb-order__receipt {
    justify-self: start;
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    font-size: var(--nb-fs-sm);
    color: var(--nb-ink);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.lk-page.nb-lk .nb-order__foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--nb-space-2);
}
.lk-page.nb-lk .nb-order__total-short { font-size: var(--nb-fs-lg); font-weight: 600; }

/* ── Лист бажань ─────────────────────────────────────────────────────────────────────── */
.lk-page.nb-lk .my-fav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--nb-space-6) var(--nb-space-2);
    margin: 0;
    float: none;
    width: auto;
}
.lk-page.nb-lk .my-fav::before, .lk-page.nb-lk .my-fav::after { display: none; }
.lk-page.nb-lk .my-fav .one-news { float: none; width: auto; max-width: none; margin: 0; padding: 0; clear: none; }
/* Плитка — як у каталозі: кадр 2:3 на всю ширину колонки. Тема задавала мініатюрі 43% ширини
   і фіксовану висоту посилання 273px — на телефоні виходив кадр 76px і порожнеча під ним
   (кадр Val 24.09: «аккуратную плиточку»). */
.lk-page.nb-lk .my-fav .one-cat-thumb {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 2 / 3;
    margin: 0 0 var(--nb-space-2);
    overflow: hidden;
    border-radius: var(--nb-r-sm);
    background: var(--nb-gray-100);
}
.lk-page.nb-lk .my-fav .one-cat-thumb > a,
.lk-page.nb-lk .my-fav .one-cat-thumb picture { display: block; width: 100%; height: 100%; }
.lk-page.nb-lk .my-fav .one-cat-thumb img {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    transition: opacity var(--nb-motion);
}
/* Другий кадр — лише на наведення мишею; на дотик його не видно зовсім. */
.lk-page.nb-lk .my-fav .one-cat-thumb img.hover-thumb { opacity: 0; }
@media (hover: hover) {
    .lk-page.nb-lk .my-fav .one-cat-thumb:hover img.hover-thumb { opacity: 1; }
}
/* «Прибрати з бажань» — хрестик у куті: зона нажатия повна (--nb-tap), значок тонкий. */
.lk-page.nb-lk .my-fav .del-fav {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: var(--nb-tap);
    height: var(--nb-tap);
    background-size: 14px 14px;
    background-position: center;
}
.lk-page.nb-lk .my-fav .fast-look { display: none; }
/* Замість хрестика — ЗАФАРБОВАНЕ серце, як у картці каталогу на товарі в обраному (Val 24.09:
   «при клике на сердечко просто будет убираться товар из избранного»). Малюємо в CSS, а не в
   шаблоні: шаблон картки кешується компонентом, і правка розмітки не доїхала б до вже
   закешованих карток. Клік обробляє той самий скрипт листа бажань (`.one-cat-thumb .del-fav`).
   Хрестик теми — це ::before/::after самого .del-fav, їх гасимо. Наведення показує порожнє серце:
   підказка, що натискання прибере річ. Шлях серця — той самий, що у views/catalog/product.favorite. */
.lk-page.nb-lk .my-fav .del-fav::before,
.lk-page.nb-lk .my-fav .del-fav::after { display: none; }
.lk-page.nb-lk .my-fav .del-fav {
    cursor: pointer;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 510 510'%3E%3Cpath fill='%23000' d='M255,489.6l-35.7-35.7C86.7,336.6,0,257.55,0,160.65C0,81.6,61.2,20.4,140.25,20.4c43.35,0,86.7,20.4,114.75,53.55C283.05,40.8,326.4,20.4,369.75,20.4C448.8,20.4,510,81.6,510,160.65c0,96.9-86.7,175.95-219.3,293.25L255,489.6z'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
}
@media (hover: hover) {
    .lk-page.nb-lk .my-fav .del-fav:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 510 510'%3E%3Cpath fill='none' stroke='%23000' stroke-width='30' d='M255,489.6l-35.7-35.7C86.7,336.6,0,257.55,0,160.65C0,81.6,61.2,20.4,140.25,20.4c43.35,0,86.7,20.4,114.75,53.55C283.05,40.8,326.4,20.4,369.75,20.4C448.8,20.4,510,81.6,510,160.65c0,96.9-86.7,175.95-219.3,293.25L255,489.6z'/%3E%3C/svg%3E"); }
}
.lk-page.nb-lk .my-fav .del-fav a { display: block; width: 100%; height: 100%; }
.lk-page.nb-lk .my-fav .one-cat-tit { margin: 0 0 2px; padding: 0; text-align: left; }
.lk-page.nb-lk .my-fav .one-cat-tit a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: var(--nb-fs-md);
    line-height: 1.35;
    color: var(--nb-ink);
    white-space: normal;
}
.lk-page.nb-lk .my-fav .one-cat-price {
    /* flex, бо шаблон картки друкує порожній <span> із пробілами перед ціною — у рядку він
       давав відступ ~8px, і ціна стояла не під назвою (кадр 24.09). У flex пробіли згортаються. */
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: var(--nb-fs-md);
}
.lk-page.nb-lk .my-fav .one-cat-price .old-price { margin-right: var(--nb-space-1); color: var(--nb-gray-700); }
/* Шаблон catalog.wish.item друкує перед ціною ЗАВЖДИ порожній <span> (стара ціна закоментована
   в самому шаблоні) — саме він і давав відступ ціни від лівого краю. */
.lk-page.nb-lk .my-fav .one-cat-price > span:first-child:not([class]) { display: none; }
/* ⚠ Тема на ≤500px ставить картці `width: 49% !important` (dist/fix.css). У сітці це 49% КОМІРКИ —
   плитка виходила вдвічі вужчою за колонку. Перебивати !important ми не ставимо, тому на цій
   ширині список — flex: там 49% рахується від усього списку, і виходять рівні дві колонки. */
@media (max-width: 500px) {
    .lk-page.nb-lk .my-fav { display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: var(--nb-space-6); column-gap: 0; }   /* 2×49% + зазор 10px не влазили в рядок */
}
.lk-page.nb-lk .my-fav .one-cat-sizes-aval { display: none; }

/* ── Особисті дані ──────────────────────────────────────────────────────────────────── */
.lk-page.nb-lk #user_profile { max-width: 720px; }
.lk-page.nb-lk .lk-info-top { display: block; float: none; width: auto; margin: 0; }
.lk-page.nb-lk .one-order-row {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: var(--nb-space-3) var(--nb-space-4);
    margin: 0 0 var(--nb-space-3);
    float: none;
    width: auto;
}
.lk-page.nb-lk .one-order-row::before,
.lk-page.nb-lk .one-order-row::after { display: none; }
.lk-page.nb-lk .one-order-form { position: relative; float: none; width: auto; margin: 0; padding: 0; }
.lk-page.nb-lk .one-order-tit {
    margin: 0 0 var(--nb-space-1);
    font-size: var(--nb-fs-sm);
    letter-spacing: normal;
    text-transform: none;
    color: var(--nb-gray-700);
}
.lk-page.nb-lk .one-order-form input[type="text"],
.lk-page.nb-lk .one-order-form input[type="password"] {
    width: 100%;
    height: var(--nb-tap);
    padding: 0 var(--nb-space-3);
    border: var(--nb-border) solid var(--nb-gray-300);
    border-radius: var(--nb-r-sm);
    background: var(--nb-paper);
    font-family: inherit;
    font-size: var(--nb-fs-lg);        /* 16px: iOS не збільшує сторінку при фокусі */
    font-weight: 400;
    letter-spacing: normal;
    text-transform: none;              /* тема писала значення капсом і жирним — «АННА», «МАЗУР» */
    color: var(--nb-ink);
}
.lk-page.nb-lk .one-order-form input:focus { border-color: var(--nb-ink); outline: none; }
.lk-page.nb-lk .one-order-form .field-icon { position: absolute; right: var(--nb-space-3); bottom: 17px; top: auto; margin: 0; color: var(--nb-gray-700); }
.lk-page.nb-lk .one-order-form .order-form-50 { display: inline-block; width: calc(50% - var(--nb-space-1)); vertical-align: top; float: none; margin: 0; }
.lk-page.nb-lk .one-order-form .order-form-50 + .order-form-50 { margin-left: var(--nb-space-2); }
.lk-page.nb-lk .lk-info-data { display: block; float: none; width: auto; margin: var(--nb-space-2) 0 0; }
.lk-page.nb-lk .select-data { display: flex; max-width: 460px; margin: 0 0 var(--nb-space-3); }
.lk-page.nb-lk .select-data > div { flex: 1 1 0; min-width: 0; float: none; width: auto; }
.lk-page.nb-lk .mar { margin: 0 0 var(--nb-space-2); }
.lk-page.nb-lk .mar label { display: inline-flex; align-items: center; gap: var(--nb-space-2); min-height: var(--nb-tap); cursor: pointer; font-size: var(--nb-fs-base); }
.lk-page.nb-lk .mar input { margin: 0; width: 18px; height: 18px; accent-color: var(--nb-ink); }
.lk-page.nb-lk .save-lk,
.lk-page.nb-lk .save-lk-in { float: none; width: auto; margin: 0; padding: 0; text-align: left; }
.lk-page.nb-lk .save-lk { margin-top: var(--nb-space-5); }
.lk-page.nb-lk #personal_save {
    min-width: 220px;
    height: var(--nb-tap);
    padding: 0 var(--nb-space-6);
    border: var(--nb-border) solid var(--nb-ink);
    border-radius: var(--nb-r-sm);
    background: var(--nb-ink);
    color: var(--nb-paper);
    font-size: var(--nb-fs-base);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color var(--nb-motion), color var(--nb-motion);
}
.lk-page.nb-lk #personal_save:hover { background: var(--nb-paper); color: var(--nb-ink); }
.lk-page.nb-lk #msg:not(:empty) { display: block; margin: var(--nb-space-3) 0 0; font-size: var(--nb-fs-base); }
.lk-page.nb-lk .nb-lk-pass-toggle {
    grid-column: 1 / -1;
    justify-self: start;
    min-height: var(--nb-tap);
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    font-family: inherit;
    font-size: var(--nb-fs-base);
    color: var(--nb-ink);
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}
.lk-page.nb-lk #loader-row:not(.nb-lk-pass-open) .nb-lk-pass { display: none; }

/* ── Дисконтна програма ─────────────────────────────────────────────────────────────── */
.lk-page.nb-lk .disc { max-width: 560px; float: none; width: auto; margin: 0; }
.lk-page.nb-lk .disc table { width: 100%; border-collapse: collapse; }
.lk-page.nb-lk .disc td, .lk-page.nb-lk .disc th {
    padding: var(--nb-space-3) 0;
    border: 0;
    border-bottom: var(--nb-border) solid var(--nb-gray-300);
    text-align: left;
    font-size: var(--nb-fs-lg);
    font-weight: 400;
    color: var(--nb-ink);
}
.lk-page.nb-lk .disc .tr-top td, .lk-page.nb-lk .disc .tr-top th {
    padding-top: 0;
    font-size: var(--nb-fs-sm);
    color: var(--nb-gray-700);
    border-bottom-color: var(--nb-ink);
}
.lk-page.nb-lk .disc td:last-child, .lk-page.nb-lk .disc th:last-child { text-align: right; }
.lk-page.nb-lk .disk-info { margin: var(--nb-space-3) 0 0; font-size: var(--nb-fs-base); color: var(--nb-gray-700); }

/* ── Підписки ───────────────────────────────────────────────────────────────────────── */
.lk-page.nb-lk .subs-list { max-width: 560px; float: none; width: auto; margin: 0; border-top: var(--nb-border) solid var(--nb-gray-300); }
.lk-page.nb-lk .one-subs { margin: 0; padding: 0; border-bottom: var(--nb-border) solid var(--nb-gray-300); }
.lk-page.nb-lk .one-subs label { display: flex; align-items: center; gap: var(--nb-space-3); min-height: var(--nb-tap); margin: 0; font-size: var(--nb-fs-base); cursor: pointer; }
.lk-page.nb-lk .one-subs input { flex: none; margin: 0; width: 18px; height: 18px; accent-color: var(--nb-ink); }
.lk-page.nb-lk .one-subs label span { margin: 0; padding: 0; }   /* тема відсувала підпис на 70px від прапорця */

/* ── Телефон ────────────────────────────────────────────────────────────────────────── */
@media (max-width: 767px) {
    .lk-page.nb-lk { margin-top: 0; }
    .lk-page.nb-lk .nb-lk-hello { margin-bottom: var(--nb-space-10); }
    .lk-page.nb-lk .nb-lk-hello__title,
    .lk-page.nb-lk .nb-lk-h1 { font-size: var(--nb-fs-2xl); }
    .lk-page.nb-lk .nb-order { padding: var(--nb-space-3); }
    .lk-page.nb-lk .nb-order--last .nb-lk-btn--dark { width: 100%; }
    .lk-page.nb-lk .one-order-row { grid-template-columns: 1fr; }
    .lk-page.nb-lk .save-lk,
    .lk-page.nb-lk .save-lk .save-lk-in { width: 100%; max-width: none; }
    .lk-page.nb-lk #personal_save,
    .lk-page.nb-lk .nb-lk-btn,
    .lk-page.nb-lk .more-items a { width: 100%; }
}

/* ── Планшет і десктоп ──────────────────────────────────────────────────────────────── */
@media (min-width: 768px) {
    .lk-page.nb-lk .nb-lk-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--nb-space-8); }
    .lk-page.nb-lk .nb-order__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lk-page.nb-lk .my-fav { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--nb-space-8) var(--nb-space-4); }
}
@media (min-width: 1024px) {
    .lk-page.nb-lk { margin-top: var(--nb-space-4); }
    .lk-page.nb-lk .my-fav { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .lk-page.nb-lk .nb-order { padding: var(--nb-space-5); }
}

/* ── Пагінація історії (Val 24.09: «лучше дать пагинацию») ─────────────────────────────── */
.lk-page.nb-lk .nb-lk-pager {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: var(--nb-space-1);
    margin: var(--nb-space-8) 0 0;
}
.lk-page.nb-lk .nb-lk-pager__page,
.lk-page.nb-lk .nb-lk-pager__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: var(--nb-tap);
    height: var(--nb-tap);
    border: var(--nb-border) solid transparent;
    border-radius: var(--nb-r-sm);
    font-size: var(--nb-fs-base);
    color: var(--nb-ink);
    text-decoration: none;
}
.lk-page.nb-lk a.nb-lk-pager__page:hover { border-color: var(--nb-gray-300); }
.lk-page.nb-lk .nb-lk-pager__page.is-current { border-color: var(--nb-ink); }
.lk-page.nb-lk .nb-lk-pager__gap { min-width: var(--nb-space-4); text-align: center; color: var(--nb-gray-700); }
.lk-page.nb-lk .nb-lk-pager__arrow::before {
    content: "";
    width: var(--nb-space-2);
    height: var(--nb-space-2);
    border-top: var(--nb-border) solid var(--nb-ink);
    border-right: var(--nb-border) solid var(--nb-ink);
}
.lk-page.nb-lk .nb-lk-pager__arrow--prev::before { transform: rotate(-135deg); }
.lk-page.nb-lk .nb-lk-pager__arrow--next::before { transform: rotate(45deg); }

/* ── Підписки: два канали ────────────────────────────────────────────────────────────── */
.lk-page.nb-lk .nb-lk-note { max-width: 560px; margin: 0 0 var(--nb-space-5); font-size: var(--nb-fs-base); color: var(--nb-gray-900); }
.lk-page.nb-lk .nb-lk-channels { max-width: 560px; border-top: var(--nb-border) solid var(--nb-gray-300); }
.lk-page.nb-lk .nb-lk-channel {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--nb-space-1) var(--nb-space-3);
    min-height: var(--nb-tap);
    margin: 0;
    padding: var(--nb-space-2) 0;
    border-bottom: var(--nb-border) solid var(--nb-gray-300);
    font-size: var(--nb-fs-base);
    font-weight: 400;
    cursor: pointer;
}
.lk-page.nb-lk .nb-lk-channel input { flex: none; margin: 0; width: 18px; height: 18px; accent-color: var(--nb-ink); }
.lk-page.nb-lk .nb-lk-channel__state { margin-left: auto; font-size: var(--nb-fs-sm); color: var(--nb-gray-700); }

/* ══ Історія покупок і сторінка замовлення — як у Zara (Val 24.09) ══════════════════════════
   Одяг крупно, інтерфейс тихо (PRODUCT.md, принцип 1): без рамок і плашок, велика дата й кадри.
   Капсом нічого не пишемо — анти-референс «AI-дженерик» (мелкі капслочні над кожною секцією). */
.lk-page.nb-lk .nb-hists { display: grid; gap: var(--nb-space-10); }
.lk-page.nb-lk .nb-hist { display: grid; gap: var(--nb-space-1); color: var(--nb-ink); text-decoration: none; }
.lk-page.nb-lk .nb-hist__date { font-size: var(--nb-fs-3xl); line-height: var(--nb-lh-tight); }
.lk-page.nb-lk .nb-hist:hover .nb-hist__date,
.lk-page.nb-lk .nb-hist:focus-visible .nb-hist__date { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.lk-page.nb-lk .nb-hist__meta { font-size: var(--nb-fs-sm); color: var(--nb-gray-900); }
/* Ряд кадрів: три на телефоні, п'ять на широкому; решта — гортанням убік, без смуги прокрутки. */
.lk-page.nb-lk .nb-hist__pics {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 2 * var(--nb-space-1)) / 3);
    gap: var(--nb-space-1);
    margin-top: var(--nb-space-3);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}
.lk-page.nb-lk .nb-hist__pics::-webkit-scrollbar { display: none; }
.lk-page.nb-lk .nb-hist__pic { aspect-ratio: 2 / 3; background: var(--nb-gray-100); scroll-snap-align: start; overflow: hidden; }
.lk-page.nb-lk .nb-hist__pic img,
.lk-page.nb-lk .nb-ord__pic img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 768px) {
    .lk-page.nb-lk .nb-hist__pics { grid-auto-columns: calc((100% - 4 * var(--nb-space-1)) / 5); }
}

.lk-page.nb-lk .nb-ord { display: grid; gap: var(--nb-space-8); font-size: var(--nb-fs-base); }
.lk-page.nb-lk .nb-ord p { margin: 0; }
.lk-page.nb-lk .nb-ord__top { display: grid; gap: var(--nb-space-2); }
.lk-page.nb-lk .nb-ord__num { display: flex; flex-wrap: wrap; align-items: center; gap: var(--nb-space-2); }
.lk-page.nb-lk .nb-ord__dates { display: grid; gap: var(--nb-space-1); margin: 0; }
.lk-page.nb-lk .nb-ord__dates > div,
.lk-page.nb-lk .nb-ord__sum > div { display: flex; justify-content: space-between; gap: var(--nb-space-3); }
.lk-page.nb-lk .nb-ord__dates dt,
.lk-page.nb-lk .nb-ord__sum dt { margin: 0; font-weight: 400; }
.lk-page.nb-lk .nb-ord__dates dd,
.lk-page.nb-lk .nb-ord__sum dd { margin: 0; text-align: right; }
.lk-page.nb-lk .nb-ord__state { margin-top: var(--nb-space-3); }

.lk-page.nb-lk .nb-ord__goods { display: grid; gap: var(--nb-space-6); margin: 0; padding: 0; list-style: none; }
.lk-page.nb-lk .nb-ord__good { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: var(--nb-space-4); align-items: center; }
.lk-page.nb-lk .nb-ord__pic { display: block; aspect-ratio: 2 / 3; background: var(--nb-gray-100); overflow: hidden; }
.lk-page.nb-lk .nb-ord__info { display: grid; gap: var(--nb-space-1); font-size: var(--nb-fs-sm); color: var(--nb-gray-900); }
.lk-page.nb-lk .nb-ord__name { font-size: var(--nb-fs-base); color: var(--nb-ink); text-decoration: none; }
.lk-page.nb-lk .nb-ord__name:hover { text-decoration: underline; }
.lk-page.nb-lk .nb-ord__price { color: var(--nb-ink); }
.lk-page.nb-lk .nb-ord__price s { color: var(--nb-gray-700); }
@media (min-width: 768px) {
    .lk-page.nb-lk .nb-ord__good { grid-template-columns: 200px minmax(0, 1fr); }
}

/* Доставка й оплата розгортаються (<details> — працює без скрипту й з клавіатури). */
.lk-page.nb-lk .nb-ord__acc { border-top: var(--nb-border) solid var(--nb-gray-300); }
.lk-page.nb-lk .nb-ord__acc + .nb-ord__acc { margin-top: calc(-1 * var(--nb-space-8)); }
.lk-page.nb-lk .nb-ord__acc:last-of-type { border-bottom: var(--nb-border) solid var(--nb-gray-300); }
.lk-page.nb-lk .nb-ord__acc summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: var(--nb-tap);
    cursor: pointer;
    list-style: none;
}
.lk-page.nb-lk .nb-ord__acc summary::-webkit-details-marker { display: none; }
.lk-page.nb-lk .nb-ord__acc summary::after { content: "+"; font-size: var(--nb-fs-xl); line-height: 1; }
.lk-page.nb-lk .nb-ord__acc[open] summary::after { content: "\2212"; }
.lk-page.nb-lk .nb-ord__acc-body { display: grid; gap: var(--nb-space-1); padding-bottom: var(--nb-space-4); }
.lk-page.nb-lk .nb-ord__muted { color: var(--nb-gray-900); }
.lk-page.nb-lk .nb-ord__ttn { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--nb-space-1) var(--nb-space-3); }
.lk-page.nb-lk .nb-ord__acc a { color: var(--nb-ink); text-decoration: underline; text-underline-offset: 3px; }

.lk-page.nb-lk .nb-ord__sum { display: grid; gap: var(--nb-space-1); margin: 0; }
.lk-page.nb-lk .nb-ord__total { margin-top: var(--nb-space-2); font-size: var(--nb-fs-lg); font-weight: 600; }

/* Кнопка копіювання — як біля артикулу на картці товару (nb-pdp: .product-details__copy). */
.lk-page.nb-lk .nb-copy {
    display: inline-flex;
    align-items: center;
    gap: var(--nb-space-1);
    padding: 0;
    font: inherit;
    color: var(--nb-gray-900);
    background: none;
    border: 0;
    cursor: pointer;
    transition: color var(--nb-motion);
}
.lk-page.nb-lk .nb-copy:hover,
.lk-page.nb-lk .nb-copy.is-copied { color: var(--nb-ink); }
.lk-page.nb-lk .nb-copy svg { display: block; width: 12px; height: 12px; }
.lk-page.nb-lk .nb-copy__label { font-size: var(--nb-fs-xs); }
/* Низ рядка історії: номер дрібно зліва, «Перейти до замовлення» справа. */
.lk-page.nb-lk .nb-hist__foot { display: flex; align-items: baseline; justify-content: space-between; gap: var(--nb-space-3); margin-top: var(--nb-space-2); font-size: var(--nb-fs-sm); }
.lk-page.nb-lk .nb-hist__num { color: var(--nb-gray-900); }
.lk-page.nb-lk .nb-hist__go { color: var(--nb-ink); text-decoration: underline; text-underline-offset: 3px; }
/* «Оплатити» — не оплачене онлайн-замовлення (повторна оплата WayForPay). */
.lk-page.nb-lk .nb-ord__unpaid { margin-top: var(--nb-space-3); color: var(--nb-gray-900); }
.lk-page.nb-lk .nb-ord__pay { justify-self: stretch; }
.lk-page.nb-lk .nb-hist__unpaid { color: var(--nb-ink); }
@media (min-width: 768px) {
    .lk-page.nb-lk .nb-ord__pay { justify-self: start; }
}
/* Екран входу гостя (компонент nb-auth) — не ширше за форму, по центру колонки кабінету. */
.lk-page.nb-lk .lk-auth { max-width: 480px; }
/* Val 25.09: вхід у кабінет старої теми — ПОКИ БЕЗ Telegram. Компонент малює плитку за опцією
   main/nb_tg_login (на деві вона Y, під чекаут), тож гасимо її тут, в обв'язці, а не у файлі
   компонента — його підключаємо як є. Специфічність — та сама :is(#…), що в nb-auth-screen.css,
   інакше правила компонента перебивають. */
:is(#nb-checkout,.nb-checkout-host).nb-checkout.lk-auth [data-auth-telegram] { display: none; }
/* E-mail, Facebook, Google — три рівні плитки в один ряд на будь-якій ширині (Val 25.09: «места
   более чем достаточно, чтобы разместить три кнопки»). Сітка компонента — 2/4 колонки. */
:is(#nb-checkout,.nb-checkout-host).nb-checkout.lk-auth .checkout-form__more-body { grid-template-columns: repeat(3, minmax(0, 1fr)); }
:is(#nb-checkout,.nb-checkout-host).nb-checkout.lk-auth .checkout-form__social { gap: var(--nb-space-2); padding-inline: var(--nb-space-2); }
/* На телефоні плитка ~90–110px: значок поруч із «Facebook» не влазить, підпис різався «Fac…».
   Тому значок НАД підписом — три плитки в ряд без обрізання. */
@media (max-width: 639px) {
    :is(#nb-checkout,.nb-checkout-host).nb-checkout.lk-auth .checkout-form__social {
        flex-direction: column; justify-content: center; gap: var(--nb-space-1);
        min-height: 64px; padding-block: var(--nb-space-2);
    }
    :is(#nb-checkout,.nb-checkout-host).nb-checkout.lk-auth .checkout-form__social .checkout-form__social-icon { position: static; }
    :is(#nb-checkout,.nb-checkout-host).nb-checkout.lk-auth .checkout-form__social-name { flex: 0 0 auto; max-width: 100%; text-align: center; }
}
/* Ширше — значок зліва, підпис по центру решти, без обрізання. */
@media (min-width: 640px) {
    :is(#nb-checkout,.nb-checkout-host).nb-checkout.lk-auth .checkout-form__social { justify-content: center; }
    :is(#nb-checkout,.nb-checkout-host).nb-checkout.lk-auth .checkout-form__social-name { flex: 0 0 auto; }
}
/* Після перемикання на e-mail плитка стає «Телефон» і отримує .is-open з фоном var(--nb-gray-200) —
   такого токена в наборі НЕМАЄ, фон зникав (знімок Val 25.09: «телефон не в кнопці»). «Телефон» тут — такий самий
   запасний спосіб, як сусіди, тож і фон той самий. І значок
   лишався конвертом. Тримаємо звичайний фон і малюємо трубку. ⚠ Сам недолік — у компоненті nb-auth
   (так само й у чекауті); тут лише латка обв'язки. */
:is(#nb-checkout,.nb-checkout-host).nb-checkout.lk-auth .checkout-form__social.is-open { background: var(--nb-gray-100); }
:is(#nb-checkout,.nb-checkout-host).nb-checkout.lk-auth [data-auth-pass-toggle].is-open .checkout-form__social-icon svg { display: none; }
:is(#nb-checkout,.nb-checkout-host).nb-checkout.lk-auth [data-auth-pass-toggle].is-open .checkout-form__social-icon::before {
    content: ""; display: block; width: 18px; height: 18px; background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1l-2.3 2.2Z'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1l-2.3 2.2Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
/* Гість на десктопі: форма ліворуч, кадр кампанії праворуч (Val 25.09: «горизонтальную картинку»).
   ⚠ Колонка кабінету в темі — 960px: кадру там лишалось 400px, і він ставав ВЕРТИКАЛЬНИМ. Тому для
   гостя з кадром знімаємо обмеження (:has — старий браузер просто лишить вузьку колонку) і
   показуємо кадр лише від 1200px, де праворуч є ≥ 640px під 3:2. До того — лише форма, і <picture>
   кадр не вантажить (media у <source> — та сама межа 1200px). Кадр 1920×800 → 3:2 показує праву частину: сидячу модель цілком, а не половину стоячої. */
.lk-page.nb-lk .nb-lk-guest__art { display: none; }
@media (min-width: 1200px) {
    .lk-page.nb-lk:has(> .nb-lk-guest--art) { max-width: none; }
    .lk-page.nb-lk .nb-lk-guest--art { display: grid; grid-template-columns: minmax(0, 480px) minmax(0, 1fr); column-gap: var(--nb-space-16); align-items: center; }
    .lk-page.nb-lk .nb-lk-guest--art .nb-lk-guest__art { display: block; aspect-ratio: 3 / 2; overflow: hidden; border-radius: var(--nb-r-sm); background: var(--nb-gray-100); }
    .lk-page.nb-lk .nb-lk-guest--art .nb-lk-guest__art img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 100% 50%; }
}
/* Привітання щойно створеного кабінету (профіль ?welcome=1) і пояснення невдалого переходу з листа. */
.lk-page.nb-lk .nb-lk-welcome { margin: 0 0 var(--nb-space-6); padding: var(--nb-space-4); background: var(--nb-cream, #F6F2ED); border-radius: var(--nb-r-sm); }
.lk-page.nb-lk .nb-lk-welcome__title { margin: 0 0 var(--nb-space-1); font-size: var(--nb-fs-lg); }
.lk-page.nb-lk .nb-lk-welcome__text { margin: 0; font-size: var(--nb-fs-base); color: var(--nb-gray-900); }
.lk-page.nb-lk .nb-lk-welcome__back { display: inline-block; margin-top: var(--nb-space-2); font-size: var(--nb-fs-base); }
.lk-page.nb-lk .nb-lk-signup-note { max-width: 480px; margin: 0 0 var(--nb-space-4); padding: var(--nb-space-3); font-size: var(--nb-fs-base); background: var(--nb-cream, #F6F2ED); border-radius: var(--nb-r-sm); }
/* Val 25.09: «хлебную крошку сверху убери» — рядок «Natali Bolgar» (.broad) над кабінетом нічого не
   дає: назад веде «‹ Кабінет». Ховаємо лише на сторінках кабінету (:has — корінь .lk-page.nb-lk). */
body:has(.lk-page.nb-lk) .broad { display: none; }
/* Профіль старої теми: «дата народження» — з великої, як решта підписів, і повітря після вибору
   дати (Val 25.09: «отступ нужно после даты рождения… тоже в большую букву»). */
.lk-page.nb-lk .lk-info-data .one-order-tit { text-transform: none; }
.lk-page.nb-lk .lk-info-data .one-order-tit::first-letter { text-transform: uppercase; }
.lk-page.nb-lk .lk-info-data { margin-bottom: var(--nb-space-6); }
.lk-page.nb-lk .lk-info-data .select-data { margin-bottom: var(--nb-space-4); }
/* Нова тема (дев): підпис «дата народження» у шаблоні nb-auth з малої — вирівнюємо з рештою. */
.lk-page.nb-lk #personal_user_profile label:not(:has(input)) { display: block; }
.lk-page.nb-lk #personal_user_profile label:not(:has(input))::first-letter { text-transform: uppercase; }
/* Val 25.09: «информация, что она замужем, нам нафиг не нужна — убрать». Ховаємо, а не викидаємо з
   форми: схована галочка й далі їде в збереження як є, і наявне значення в базі не обнуляється. */
.lk-page.nb-lk .nb-profile__check:has([name="PROFILE-UF_MARRIED"]),
.lk-page.nb-lk .one-order-form:has([name="PROFILE-UF_MARRIED"]),
.lk-page.nb-lk label:has(> [name="PROFILE-UF_MARRIED"]) { display: none; }
/* Val 25.09: «почему на мобильной такие большие отступы по бокам?» — у старої теми .container на
   телефоні 35px з боків (так по всьому старому сайту), у новому дизайні — 15px (--nb-gutter).
   У кабінеті — як у новому дизайні. Лише сторінки кабінету (:has). */
/* Val 25.09 (другий захід): «по 15 пикселей у ВСЕХ элементов» — не лише контент: шапка (бургер,
   кошик), підвал (розділи, соцмережі, ©) і «‹ Кабінет». Замір до правки: 35 / 35 / 20 / 10px. */
@media (max-width: 767px) {
    body:has(.lk-page.nb-lk) .container { padding-left: 15px; padding-right: 15px; }
    body:has(.lk-page.nb-lk) .mob-soc-tit,
    body:has(.lk-page.nb-lk) .soc-block .one-footer-menu > :not(.footer-tit) { padding-left: 15px; padding-right: 15px; }
    /* float:none + 100% — інакше .lk-page тиснеться до вмісту: на головній кабінету плитки «Історія покупок…»
       були 249px із 360 (знімок Val 25.09 з бою: «кнопочки должны быть на всю ширину»). */
    .lk-page.nb-lk { float: none; margin-right: 0; padding-right: 0; width: 100%; max-width: none; }
    .lk-page.nb-lk .nb-lk-back { margin-left: 0; padding-left: 0; }
    body:has(.lk-page.nb-lk) footer .container .footer-tit { padding-left: 0; padding-right: 0; }
}
/* Порожня дата народження — помітна (Val 25.09, знімок: «очень пусто, не выделяется»). */
.lk-page.nb-lk .nb-bday { position: relative; display: block; }
.lk-page.nb-lk .nb-bday input[type="date"] { width: 100%; }
.lk-page.nb-lk .nb-bday__ph { display: none; }
.lk-page.nb-lk .nb-bday.is-empty input[type="date"] { background-color: var(--nb-cream, #F6F2ED); border-color: var(--nb-gray-400, #B2B2B2); color: transparent; }
.lk-page.nb-lk .nb-bday.is-empty input[type="date"]::-webkit-datetime-edit { color: transparent; }
.lk-page.nb-lk .nb-bday.is-empty .nb-bday__ph {
    position: absolute; inset: 0 48px 0 var(--nb-space-3, 15px); display: flex; align-items: center;
    color: var(--nb-gray-700, #757575); pointer-events: none; font-size: var(--nb-fs-sm, 12px); letter-spacing: .04em;
}
.lk-page.nb-lk .nb-bday::after {
    content: ""; position: absolute; right: var(--nb-space-3, 15px); top: 50%; width: 18px; height: 18px; margin-top: -9px; pointer-events: none;
    background: currentColor; color: var(--nb-ink, #000);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='3.5' y='5' width='17' height='15' rx='1.5'/%3E%3Cpath d='M3.5 9.5h17M8 3v4M16 3v4'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='3.5' y='5' width='17' height='15' rx='1.5'/%3E%3Cpath d='M3.5 9.5h17M8 3v4M16 3v4'/%3E%3C/svg%3E") center / contain no-repeat;
}
/* Рідний значок/стрілку браузера ховаємо — наш календар замість нього; тап по полю й далі відкриває вибір. */
.lk-page.nb-lk .nb-bday input[type="date"]::-webkit-calendar-picker-indicator { opacity: 0; }
.lk-page.nb-lk .nb-bday input[type="date"] { -webkit-appearance: none; appearance: none; }
.lk-page.nb-lk .nb-bday__hint { display: block; margin-top: var(--nb-space-1, 5px); font-size: var(--nb-fs-sm, 12px); color: var(--nb-gray-700, #757575); }
.lk-page.nb-lk .nb-bday:not(.is-empty) + .nb-bday__hint { display: none; }