/*
 * Asia Auto — страницы нового дизайна (aa/pages/*.php): главная, корзина, оформление, «Заказ принят», кабинет, вход.
 * Макеты: mockups/Main, HomeMobile, Cart, CartMobile, Done, DoneMobile, Account, AccountMobile, Login, LoginMobile.
 * Блок «Штатные формы» в конце — вид штатной вёрстки Docpart (Bootstrap 3) внутри .aa-legacy.
 */

/* ---------- Общие ---------- */
.aa-page { display: flex; flex-direction: column; gap: var(--space-6); padding: var(--space-6) 0 var(--space-16); color: var(--ink); font-family: var(--font-sans); }
.aa-page a:not(.aa-btn) { color: inherit; }
.aa-page__head { display: flex; flex-direction: column; gap: var(--space-3); }
.aa-h1 { margin: 0; font: 600 28px/34px var(--font-display); color: var(--ink); }
.aa-h2 { margin: 0; font: 600 28px/34px var(--font-display); color: var(--ink); }
.aa-h3 { margin: 0; font: 600 20px/26px var(--font-display); color: var(--ink); }
.aa-overline { font: 500 11px/14px var(--font-display); letter-spacing: .08em; text-transform: uppercase; color: var(--ink-muted); }
.aa-muted { color: var(--ink-muted); font-weight: 500; }
.aa-link { font: 600 15px/20px var(--font-sans); text-decoration: underline; text-underline-offset: 3px; color: var(--ink) !important; }
.aa-back { display: inline-flex; align-items: center; gap: 6px; font: 600 14px/20px var(--font-sans); color: var(--ink-muted) !important; text-decoration: none !important; }
.aa-back:hover { color: var(--ink) !important; }
.aa-card { display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-6); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); }
.aa-note { display: flex; align-items: center; gap: var(--space-2); margin: 0; padding: var(--space-3) var(--space-4); background: var(--surface-sunken); border-radius: var(--radius-md); font: 500 14px/20px var(--font-sans); }
.aa-note--warn { color: var(--danger); background: var(--surface); border: 1px solid var(--danger); }
.aa-empty { display: flex; flex-direction: column; align-items: center; gap: var(--space-4); padding: var(--space-12) var(--space-6); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); text-align: center; color: var(--ink-muted); }
.aa-empty__title { font: 600 20px/26px var(--font-display); color: var(--ink); }
.aa-art.aa-chip-art { padding: 0 6px; background: var(--surface-sunken); border-radius: var(--radius-sm); font-size: 14px; line-height: 22px; }
.aa-conds { display: flex; flex-wrap: wrap; gap: 6px; }

.aa-field { display: flex; flex-direction: column; gap: 6px; margin: 0; font: 500 13px/18px var(--font-sans); color: var(--ink-muted); }
.aa-field__hint { font: 500 12px/16px var(--font-sans); color: var(--ink-muted); }
.aa-input { height: 48px; padding: 0 14px; box-sizing: border-box; width: 100%; border: 1px solid var(--line-strong); border-radius: var(--radius-md); background: var(--surface); color: var(--ink); font: 400 16px/24px var(--font-sans); }
.aa-input:focus { outline: none; border-color: var(--ink); box-shadow: 0 0 0 1px var(--ink); }
.aa-input--mono { font-family: var(--font-mono); }
.aa-check { display: inline-flex; align-items: center; gap: var(--space-2); margin: 0; font: 500 14px/20px var(--font-sans); color: var(--ink-muted); cursor: pointer; }
.aa-check input, .aa-option input, .aa-cart-item__check input { width: 18px; height: 18px; margin: 0; accent-color: var(--action); }

.aa-seg { display: inline-flex; padding: 3px; gap: 2px; background: var(--surface-sunken); border-radius: var(--radius-md); }
.aa-seg a { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 14px; border-radius: 3px; color: var(--ink-muted) !important; text-decoration: none !important; font: 600 14px/20px var(--font-sans); }
.aa-seg a[aria-selected="true"] { background: var(--surface); color: var(--ink) !important; box-shadow: 0 1px 2px rgba(10, 10, 11, .08); }
.aa-seg--wide { display: flex; }
.aa-seg--wide a { flex: 1; min-height: 44px; }

/* ---------- Главная ---------- */
.aa-home { display: flex; flex-direction: column; color: var(--ink); font-family: var(--font-sans); }
.aa-home a:not(.aa-btn) { color: inherit; }
.aa-home a { text-decoration: none; }
.aa-home-hero { background: var(--brand-black); color: var(--brand-white); padding: 72px var(--space-8) 88px; }
.aa-home-hero__inner { max-width: 880px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--space-6); }
.aa-home-hero__over { color: #a6a6ad; }
.aa-home-hero__title { margin: 0; font: 600 48px/54px var(--font-display); letter-spacing: -0.01em; color: var(--brand-white); }
.aa-home-hero__lead { margin: 0; max-width: 640px; font: 400 18px/28px var(--font-sans); color: #c9c9cf; }
.aa-home-hero__search { margin-top: var(--space-2); border-color: var(--brand-white); }
.aa-home-hero__search .aa-search__input { height: 60px; font-size: 17px; }
.aa-home-hero__search .aa-search__btn { min-height: 60px; padding: 0 var(--space-8); }
.aa-home-hero__hint { margin: 0; font: 500 13px/18px var(--font-sans); color: #a6a6ad; }
.aa-home-hero__hint .aa-art { font-size: 13px; color: var(--brand-white); }
.aa-home-perks { background: var(--surface); border-bottom: 1px solid var(--line); }
.aa-home-perks__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-8); padding: var(--space-6) var(--space-8); }
.aa-home-perk { display: flex; gap: var(--space-3); align-items: flex-start; }
.aa-home-perk .aa-i { margin-top: 2px; }
.aa-home-perk b { display: block; font: 600 16px/24px var(--font-sans); }
.aa-home-perk span { font: 400 14px/20px var(--font-sans); color: var(--ink-muted); }
.aa-home-section { display: flex; flex-direction: column; gap: var(--space-6); padding: var(--space-16) var(--space-8) 0; }
.aa-home-section--last { padding-bottom: var(--space-16); }
.aa-home-section__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--space-4); }
.aa-home-brands { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
.aa-home-brand { position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: var(--space-12); min-height: 200px; padding: 28px; box-sizing: border-box; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); }
.aa-home-brand:hover { border-color: var(--ink); }
.aa-home-brand__name { font: 600 32px/36px var(--font-display); }
.aa-home-brand__models { font: 500 14px/20px var(--font-sans); color: var(--ink-muted); }
.aa-home-brand__arrow { display: none; }
.aa-home-brand--dark { background: var(--brand-black); color: var(--brand-white) !important; border-color: var(--brand-black); }
.aa-home-brand--dark .aa-home-brand__models { color: #c9c9cf; }
.aa-home-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin: 0; padding: 0; list-style: none; background: var(--line); border: 1px solid var(--line); border-radius: var(--radius-lg); overflow: hidden; }
.aa-home-steps li { display: flex; flex-direction: column; gap: var(--space-3); padding: 28px; background: var(--surface); }
.aa-home-steps__n { font: 700 40px/40px var(--font-display); color: var(--ink-subtle); }
.aa-home-steps b { font: 600 18px/26px var(--font-sans); }
.aa-home-steps li > span:last-child { font: 400 15px/22px var(--font-sans); color: var(--ink-muted); }
.aa-home-vin { display: flex; flex-wrap: wrap; gap: var(--space-8) var(--space-12); align-items: center; padding: 40px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); }
.aa-home-vin__text { flex: 1 1 360px; display: flex; flex-direction: column; gap: var(--space-3); }
.aa-home-vin__text p { margin: 0; font: 400 16px/24px var(--font-sans); color: var(--ink-muted); }
.aa-home-vin__form { flex: 1 1 480px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
.aa-field--wide, .aa-home-vin__actions { grid-column: 1 / -1; }
.aa-home-vin__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
/* Главная во всю ширину: старый контейнер страницы под ней не нужен, кроме SEO-текстов */
.aa-home + #sb-site .boxed > .container { padding-top: 0; }

/* ---------- Корзина и оформление ---------- */
.aa-cart__layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: var(--space-8); align-items: start; }
.aa-cart__main, .aa-checkout__main { display: flex; flex-direction: column; gap: var(--space-4); min-width: 0; }
.aa-cart__title { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--space-3); }
.aa-cart-group__head { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-3) var(--space-4); background: var(--surface-sunken); }
.aa-cart-group__head > span { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px var(--space-2); }
.aa-cart-group__head b { font: 600 15px/22px var(--font-sans); }
.aa-cart-group__head .aa-muted { font-size: 13px; }
.aa-cart-item { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto 140px 44px; grid-template-areas: "check info qty sum del"; gap: var(--space-4); align-items: center; padding: var(--space-4); border-top: 1px solid var(--line); }
.aa-cart-group__head + .aa-cart-item { border-top: 0; }
.aa-cart-item.is-unchecked .aa-cart-item__info, .aa-cart-item.is-unchecked .aa-cart-item__sum { opacity: .55; }
.aa-cart-item__check { grid-area: check; margin: 0; }
.aa-cart-item__info { grid-area: info; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.aa-cart-item__line { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.aa-cart-item__brand { font: 700 16px/22px var(--font-sans); }
.aa-cart-item__name { font: 400 14px/20px var(--font-sans); color: var(--ink-muted); }
.aa-cart-item__note { display: inline-flex; align-items: center; gap: 4px; font: 500 13px/18px var(--font-sans); color: var(--ink-muted); }
.aa-cart-item__note--warn { color: var(--danger); }
.aa-cart-item__note a { text-decoration: underline; }
.aa-cart-item__sum { grid-area: sum; display: flex; flex-direction: column; align-items: flex-end; gap: 2px; text-align: right; font-size: 13px; line-height: 18px; }
.aa-cart-item__total { font: 700 18px/22px var(--font-sans); font-variant-numeric: tabular-nums; white-space: nowrap; color: var(--ink); }
.aa-cart-item__del { grid-area: del; color: var(--ink-muted); }
.aa-cart-item__del:hover { color: var(--danger); }
.aa-qty { grid-area: qty; display: inline-flex; align-items: center; border: 1px solid var(--line-strong); border-radius: var(--radius-md); overflow: hidden; }
.aa-qty__btn { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; color: var(--ink) !important; text-decoration: none !important; }
.aa-qty__btn:hover { background: var(--surface-sunken); }
.aa-qty__input { width: 40px; height: 40px; border: 0; background: transparent; text-align: center; font: 600 15px/20px var(--font-sans); font-variant-numeric: tabular-nums; color: var(--ink); }
.aa-qty__input:focus { outline: 2px solid var(--focus); outline-offset: -2px; }

.aa-summary { position: sticky; top: var(--space-4); display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-6); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); }
.aa-summary__rows { display: flex; flex-direction: column; gap: var(--space-2); font: 500 14px/20px var(--font-sans); }
.aa-summary__rows > div { display: flex; justify-content: space-between; gap: var(--space-3); }
.aa-summary__rows > div > span:first-child { color: var(--ink-muted); }
.aa-summary__rows > div > span:last-child { text-align: right; }
.aa-summary__total { display: flex; justify-content: space-between; align-items: baseline; padding-top: var(--space-4); border-top: 1px solid var(--line); font: 600 15px/20px var(--font-sans); }
.aa-summary__total .aa-num { font: 700 28px/32px var(--font-sans); }
.aa-summary__btn { width: 100%; min-height: 52px; font-size: 16px; }
.aa-summary__note { display: flex; gap: var(--space-2); margin: 0; font: 500 13px/18px var(--font-sans); color: var(--ink-muted); }
.aa-summary__note .aa-i { flex: none; margin-top: 1px; }
.aa-summary__fine { margin: 0; font: 400 12px/16px var(--font-sans); color: var(--ink-subtle); }
.aa-summary__fine a { text-decoration: underline; }
.aa-sticky-total { display: none; }

.aa-steps { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-6); margin: 0; padding: 0; list-style: none; font: 600 14px/20px var(--font-sans); color: var(--ink-subtle); }
.aa-steps__item { display: inline-flex; align-items: center; gap: var(--space-2); }
.aa-steps__n { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; border: 1px solid var(--line-strong); font: 700 12px/1 var(--font-sans); }
.aa-steps__item.is-done { color: var(--ink-muted); }
.aa-steps__item.is-done .aa-steps__n { background: var(--surface-sunken); border-color: var(--surface-sunken); color: var(--ink); }
.aa-steps__item.is-current { color: var(--ink); }
.aa-steps__item.is-current .aa-steps__n { background: var(--action); border-color: var(--action); color: var(--on-action); }
.aa-steps a { text-decoration: underline; text-underline-offset: 3px; }

.aa-options { display: flex; flex-direction: column; gap: var(--space-2); }
.aa-option { display: flex; align-items: flex-start; gap: var(--space-3); margin: 0; padding: var(--space-4); border: 1px solid var(--line-strong); border-radius: var(--radius-md); cursor: pointer; font-weight: 400; }
.aa-option:has(input:checked) { border-color: var(--ink); box-shadow: 0 0 0 1px var(--ink); }
.aa-option > span { display: flex; flex-direction: column; gap: 2px; }
.aa-option b { font: 600 15px/22px var(--font-sans); color: var(--ink); }
.aa-option .aa-muted { font: 400 14px/20px var(--font-sans); }

/* ---------- Кабинет ---------- */
.aa-account { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: var(--space-8); align-items: start; }
.aa-account__side { position: sticky; top: var(--space-4); display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-4); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); }
.aa-account__me { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-2); }
.aa-account__me > span:last-child { display: flex; flex-direction: column; min-width: 0; }
.aa-account__me b { font: 600 15px/20px var(--font-sans); overflow: hidden; text-overflow: ellipsis; }
.aa-account__me .aa-muted { font-size: 13px; overflow: hidden; text-overflow: ellipsis; }
.aa-account__avatar { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: var(--brand-black); color: var(--brand-white); font: 600 16px/1 var(--font-display); }
.aa-account__nav { display: flex; flex-direction: column; gap: 2px; }
.aa-account__nav a { display: flex; align-items: center; gap: var(--space-3); min-height: 44px; padding: 0 var(--space-3); border-radius: var(--radius-md); color: var(--ink-muted) !important; text-decoration: none !important; font: 600 15px/20px var(--font-sans); }
.aa-account__nav a:hover { background: var(--surface-sunken); color: var(--ink) !important; }
.aa-account__nav a[aria-current="page"] { background: var(--surface-sunken); color: var(--ink) !important; }
.aa-account__nav .aa-menu__count { margin-left: auto; }
.aa-account__logout { margin: 0; padding-top: var(--space-3); border-top: 1px solid var(--line); }
.aa-account__logout button { display: flex; align-items: center; gap: var(--space-3); width: 100%; min-height: 44px; padding: 0 var(--space-3); border: 0; background: none; color: var(--ink-muted); font: 600 15px/20px var(--font-sans); cursor: pointer; text-align: left; }
.aa-account__logout button:hover { color: var(--ink); }
.aa-account__main { display: flex; flex-direction: column; gap: var(--space-4); min-width: 0; }
.aa-account__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3); }

.aa-orders { display: flex; flex-direction: column; gap: var(--space-3); }
.aa-order { display: flex; flex-direction: column; gap: var(--space-3); padding: 20px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); }
.aa-order__head { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: var(--space-2) var(--space-6); align-items: center; }
.aa-order__id { display: flex; flex-direction: column; gap: 2px; }
.aa-order__id .aa-art { font-size: 17px; line-height: 24px; text-decoration: none; }
.aa-order__id .aa-muted { font-size: 13px; line-height: 18px; }
.aa-order__status { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; }
.aa-order__msg { display: inline-flex; align-items: center; gap: 4px; font: 600 12px/16px var(--font-sans); color: var(--ink); }
.aa-order__sum { font: 700 18px/22px var(--font-sans); white-space: nowrap; }
.aa-order__details > summary { list-style: none; cursor: pointer; width: max-content; }
.aa-order__details > summary::-webkit-details-marker { display: none; }
.aa-order__details[open] > summary .aa-i { transform: rotate(180deg); }
.aa-order__body { display: flex; flex-direction: column; gap: var(--space-4); padding-top: var(--space-4); }
.aa-order__items { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.aa-order__items li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px var(--space-4); padding: var(--space-2) 0; border-bottom: 1px solid var(--line); font: 400 14px/20px var(--font-sans); }
.aa-order__items .aa-art { font-size: 13px; }
.aa-order__actions { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.aa-order__actions .aa-btn { text-decoration: none; }
.aa-pager { display: flex; flex-wrap: wrap; gap: var(--space-1); }
.aa-pager a { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface); text-decoration: none; font: 600 14px/1 var(--font-sans); }
.aa-pager a[aria-current="page"] { background: var(--action); border-color: var(--action); color: var(--on-action) !important; }

/* Шкала статусов */
.aa-timeline { display: flex; gap: 0; margin: 0; padding: 0; list-style: none; counter-reset: none; }
.aa-timeline__step { position: relative; flex: 1 1 0; display: flex; flex-direction: column; gap: var(--space-2); min-width: 0; padding-right: var(--space-2); font: 500 13px/18px var(--font-sans); color: var(--ink-subtle); }
.aa-timeline__step::before { content: ""; position: absolute; top: 5px; left: 12px; right: 0; height: 2px; background: var(--line); }
.aa-timeline__step:last-child::before { display: none; }
.aa-timeline__dot { position: relative; z-index: 1; width: 12px; height: 12px; border-radius: 50%; border: 2px solid var(--line-strong); background: var(--surface); box-sizing: border-box; }
.aa-timeline__step.is-done { color: var(--ink-muted); }
.aa-timeline__step.is-done::before { background: var(--ink); }
.aa-timeline__step.is-done .aa-timeline__dot { background: var(--ink); border-color: var(--ink); }
.aa-timeline__step.is-current { color: var(--ink); font-weight: 700; }
.aa-timeline__step.is-current .aa-timeline__dot { background: var(--ink); border-color: var(--ink); box-shadow: 0 0 0 3px var(--surface-sunken); }
.aa-timeline .aa-i { width: 14px; height: 14px; vertical-align: -2px; }
.aa-timeline-cancel { margin: 0; }

/* ---------- Заказ принят ---------- */
.aa-done { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--space-6); padding: var(--space-8); background: var(--brand-black); color: var(--brand-white); border-radius: var(--radius-lg); }
.aa-done__main { display: flex; flex-direction: column; gap: var(--space-3); }
.aa-done .aa-h1 { color: var(--brand-white); font-size: 36px; line-height: 42px; }
.aa-done__icon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: var(--brand-white); color: var(--brand-black); }
.aa-done__meta { font: 500 16px/24px var(--font-sans); color: #c9c9cf; }
.aa-done__meta .aa-art { color: var(--brand-white); }
.aa-done__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.aa-done__wa { background: var(--brand-white); color: var(--brand-black) !important; text-decoration: none !important; }
.aa-done__orders { background: transparent; color: var(--brand-white) !important; border-color: #8a8a92; text-decoration: none !important; }
.aa-done__layout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: var(--space-8); align-items: start; }
.aa-done__col { display: flex; flex-direction: column; gap: var(--space-4); }
.aa-done__timeline { padding: var(--space-4); }
.aa-done__next { display: flex; flex-direction: column; gap: var(--space-2); margin: 0; padding-left: 20px; font: 400 15px/22px var(--font-sans); }
.aa-done__pickup { gap: var(--space-2); font: 500 14px/20px var(--font-sans); }
.aa-done__pickup b { font: 600 17px/24px var(--font-sans); }
.aa-done__pickup a { text-decoration: none; }
.aa-done__pickup .aa-btn { margin-top: var(--space-2); }
.aa-order-page__status { gap: var(--space-4); }
.aa-order-page__status .aa-btn { align-self: flex-start; text-decoration: none; }

/* ---------- Вход и регистрация ---------- */
.aa-auth { display: flex; flex-wrap: wrap; margin: var(--space-6) 0 var(--space-16); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); overflow: hidden; font-family: var(--font-sans); color: var(--ink); }
.aa-auth__promo { flex: 1 1 360px; display: flex; flex-direction: column; justify-content: center; gap: var(--space-6); padding: var(--space-12); background: var(--brand-black); color: var(--brand-white); }
.aa-auth__title { margin: 0; font: 600 32px/38px var(--font-display); color: var(--brand-white); }
.aa-auth__perks { display: flex; flex-direction: column; gap: 14px; margin: 0; padding: 0; list-style: none; font: 500 16px/24px var(--font-sans); color: #c9c9cf; }
.aa-auth__perks li { display: flex; gap: var(--space-3); }
.aa-auth__perks .aa-i { margin-top: 2px; color: var(--brand-white); }
.aa-auth__fine { font: 500 14px/20px var(--font-sans); color: #a6a6ad; }
.aa-auth__form { flex: 1 1 420px; display: flex; justify-content: center; padding: var(--space-12) var(--space-6); }
.aa-auth__box { width: 100%; max-width: 420px; display: flex; flex-direction: column; gap: 20px; }
.aa-auth__h { font-size: 24px; line-height: 30px; }
.aa-auth__help { margin: 0; font: 500 13px/18px var(--font-sans); color: var(--ink-muted); }
.aa-auth__help a:not(.aa-btn) { color: var(--ink) !important; text-decoration: underline; }
.aa-auth__back { justify-content: center; }

/* ---------- Штатные формы Docpart внутри новой раскладки ---------- */
.aa-legacy { font: 400 15px/22px var(--font-sans); color: var(--ink); }
.aa-legacy a:not(.btn):not(.aa-btn) { color: var(--ink); text-decoration: underline; text-underline-offset: 2px; }
.aa-legacy h1, .aa-legacy h2, .aa-legacy h3, .aa-legacy h4 { font-family: var(--font-display); font-weight: 600; color: var(--ink); }
.aa-legacy .lead { margin: var(--space-4) 0 var(--space-2); font: 600 17px/24px var(--font-display); color: var(--ink); }
.aa-legacy .panel, .aa-legacy .panel-primary { margin: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; }
.aa-legacy .panel-heading { padding: 0 0 var(--space-3); border: 0; background: transparent !important; color: var(--ink) !important; font: 600 17px/24px var(--font-display); }
.aa-legacy .panel-body { padding: 0; color: var(--ink) !important; }
.aa-legacy .form-control, .aa-legacy input[type="text"], .aa-legacy input[type="email"], .aa-legacy input[type="tel"], .aa-legacy input[type="password"], .aa-legacy select, .aa-legacy textarea {
  height: 48px !important; padding: 0 14px !important; box-sizing: border-box; border: 1px solid var(--line-strong) !important; border-radius: var(--radius-md) !important; background: var(--surface) !important; color: var(--ink) !important; font: 400 16px/24px var(--font-sans) !important; box-shadow: none !important; }
.aa-legacy textarea { height: auto !important; min-height: 88px; padding: 12px 14px !important; }
.aa-legacy .form-control:focus, .aa-legacy input:focus, .aa-legacy textarea:focus, .aa-legacy select:focus { border-color: var(--ink) !important; box-shadow: 0 0 0 1px var(--ink) !important; outline: none; }
.aa-legacy .input-group { display: flex; width: 100%; }
.aa-legacy .input-group-addon { display: none; }
.aa-legacy .input-group .form-control { border-radius: var(--radius-md) !important; }
.aa-legacy .btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); min-height: 44px; padding: var(--space-3) var(--space-4) !important; border-radius: var(--radius-md) !important; border: 1px solid var(--line-strong); background: var(--surface); color: var(--ink) !important; font: 600 15px/20px var(--font-sans) !important; text-shadow: none; box-shadow: none; text-decoration: none; }
.aa-legacy .btn:hover { border-color: var(--ink); }
.aa-legacy .btn-primary, .aa-legacy .btn-success, .aa-legacy .btn-warning { background: var(--action) !important; border-color: var(--action) !important; color: var(--on-action) !important; }
.aa-legacy .btn-primary:hover, .aa-legacy .btn-success:hover, .aa-legacy .btn-warning:hover { background: var(--action-hover) !important; }
.aa-legacy .btn-danger { background: var(--surface) !important; border-color: var(--danger) !important; color: var(--danger) !important; }
.aa-legacy .nav-tabs { display: flex; gap: 2px; margin: 0 0 var(--space-4) !important; padding: 3px !important; border: 0; background: var(--surface-sunken) !important; border-radius: var(--radius-md); }
.aa-legacy .nav-tabs > li { float: none; flex: 1; margin: 0; border: 0 !important; }
.aa-legacy .nav-tabs > li > a { display: flex; align-items: center; justify-content: center; min-height: 40px; margin: 0 !important; padding: 0 12px !important; border: 0 !important; border-radius: 3px !important; color: var(--ink-muted) !important; text-decoration: none !important; font: 600 14px/20px var(--font-sans); background: transparent; }
.aa-legacy .nav-tabs > li.active > a { background: var(--surface) !important; color: var(--ink) !important; box-shadow: 0 1px 2px rgba(10, 10, 11, .08); }
.aa-legacy .table { width: 100%; margin: 0; border-collapse: collapse; background: var(--surface); font: 400 14px/20px var(--font-sans); }
.aa-legacy .table > thead > tr > th, .aa-legacy .table > tbody > tr > th, .aa-legacy .table th { padding: 10px 12px !important; border: 0 !important; border-bottom: 1px solid var(--line) !important; background: var(--surface-sunken) !important; font: 500 11px/14px var(--font-display) !important; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-muted) !important; }
.aa-legacy .table td { padding: 10px 12px !important; border: 0 !important; border-bottom: 1px solid var(--line) !important; background: transparent; }
.aa-legacy .table tr[style*="background"] { background: var(--surface) !important; }
.aa-legacy .alert { border-radius: var(--radius-md); border: 1px solid var(--line); background: var(--surface-sunken); color: var(--ink); }
.aa-legacy .checkbox, .aa-legacy .radio { margin: var(--space-2) 0; }
.aa-legacy input[type="checkbox"], .aa-legacy input[type="radio"] { width: 18px; height: 18px; accent-color: var(--action); }
.aa-legacy br + br { display: none; }
.aa-legacy .fa { color: inherit; }

/* Способы получения: нативный radio скрыт (остаётся для клавиатуры), вся карточка — label, свой кружок слева.
   Кружок и точку тема рисует псевдоэлементами со сдвигом -20px — переносим их внутрь карточки. */
.aa-legacy--obtain .radio { position: relative; margin: 0 0 var(--space-2); padding: 0; }
.aa-legacy--obtain .radio input[type="radio"] { position: absolute; left: 0; top: 0; width: 1px; height: 1px; margin: 0; opacity: 0; pointer-events: none; }
.aa-legacy--obtain .radio label { display: block; position: relative; width: 100%; box-sizing: border-box; margin: 0; padding: 15px 16px 15px 48px; border: 1px solid var(--line-strong); border-radius: var(--radius-md); background: var(--surface); font: 600 15px/22px var(--font-sans); color: var(--ink); cursor: pointer; }
.aa-legacy--obtain .radio label:hover { border-color: var(--ink); }
.aa-legacy--obtain .radio label::before { content: ""; position: absolute; left: 16px; top: 50%; width: 20px; height: 20px; margin: 0; box-sizing: border-box; border: 2px solid var(--line-strong); border-radius: 50%; background: var(--surface); transform: translateY(-50%); }
.aa-legacy--obtain .radio label::after { content: ""; position: absolute; left: 21px; top: 50%; width: 10px; height: 10px; margin: 0; border-radius: 50%; background: var(--ink); transform: translateY(-50%) scale(0); transition: transform .12s ease; }
.aa-legacy--obtain .radio input[type="radio"]:checked + label { padding: 14px 15px 14px 47px; border: 2px solid var(--ink); }
.aa-legacy--obtain .radio input[type="radio"]:checked + label::before { left: 15px; border-color: var(--ink); }
.aa-legacy--obtain .radio input[type="radio"]:checked + label::after { left: 20px; transform: translateY(-50%) scale(1); }
.aa-legacy--obtain .radio input[type="radio"]:focus-visible + label { outline: 2px solid var(--focus); outline-offset: 2px; }
/* Точки выдачи: выбранная — рамка ink (не зелёная), кнопка «Выбрать / Выбрано» — наши кнопки */
.aa-legacy--obtain .office-wrapper { border: 1px solid var(--line-strong); border-radius: var(--radius-lg); box-shadow: none; }
.aa-legacy--obtain .office-wrapper.selected { border: 2px solid var(--ink); }
.aa-legacy--obtain .office-content__caption { font: 600 16px/22px var(--font-sans); color: var(--ink); }
.aa-legacy--obtain .office-content__worktime, .aa-legacy--obtain .office-content__description { color: var(--ink-muted); font: 400 14px/20px var(--font-sans); }
.aa-legacy--obtain .office-content__icon svg { fill: var(--ink-muted); }
.aa-legacy--obtain div.btn.office-content__button { background: var(--surface) !important; border: 1px solid var(--line-strong) !important; color: var(--ink) !important; }
.aa-legacy--obtain .selected div.btn.office-content__button { background: var(--action) !important; border-color: var(--action) !important; color: var(--on-action) !important; }
.aa-legacy--obtain .office-content__notify { border-radius: var(--radius-md); background: var(--surface-sunken); color: var(--ink); }
.aa-legacy--obtain .office-content__notify.warning { background: var(--surface); border: 1px solid var(--order); color: var(--order); }
.aa-legacy--obtain > .lead { display: none; }
.aa-legacy--obtain #how_get_options_div { margin-top: var(--space-4); }
.aa-legacy--obtain .how_get-action { display: none; }
.aa-legacy--confirm { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-6); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); }
.aa-legacy--confirm .lead:first-child { margin-top: 0; font-size: 20px; line-height: 26px; }
.aa-legacy--confirm .row { margin: 0; }
.aa-legacy--confirm [class*="col-"] { padding-left: 0; padding-right: 0; }
.order_confirm_button_div { display: flex; justify-content: flex-start; }
.order_confirm_button_div #confirm_btn { min-height: 52px; padding: 0 var(--space-8); border: 0; border-radius: var(--radius-md); background: var(--action); color: var(--on-action); font: 600 16px/20px var(--font-sans); cursor: pointer; }
.aa-legacy--auth > p:first-child { display: none; }
.aa-legacy--auth .login_form { margin: 0; }
.aa-legacy--auth .login_form > [class*="col-"] { padding: 0; }
.aa-legacy--account .row, .aa-legacy--order .row { margin-left: 0; margin-right: 0; }
.aa-legacy--order { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-6); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); overflow-x: auto; }
.aa-legacy--account { overflow-x: auto; }

/* ---------- Телефон ---------- */
@media (max-width: 960px) {
  .aa-cart__layout, .aa-done__layout { grid-template-columns: minmax(0, 1fr); }
  .aa-summary { position: static; }
  .aa-account { grid-template-columns: minmax(0, 1fr); }
  .aa-account__side { position: static; }
  .aa-account__nav { flex-direction: row; overflow-x: auto; scrollbar-width: none; }
  .aa-account__nav a { flex: none; }
}
@media (max-width: 720px) {
  .aa-page { gap: var(--space-4); padding: var(--space-4) 0 var(--space-8); }
  .aa-h1, .aa-h2 { font-size: 22px; line-height: 28px; }
  .aa-h3 { font-size: 18px; line-height: 24px; }
  .aa-card { padding: var(--space-4); }

  .aa-home-hero { padding: var(--space-8) var(--space-4) 36px; }
  .aa-home-hero__inner { gap: var(--space-4); }
  .aa-home-hero__title { font-size: 28px; line-height: 33px; }
  .aa-home-hero__lead { font-size: 15px; line-height: 22px; }
  .aa-home-hero__search .aa-search__input { height: 52px; font-size: 16px; }
  .aa-home-hero__search .aa-search__btn { min-height: 52px; padding: 0 var(--space-4); }
  .aa-home-perks__grid { grid-template-columns: 1fr; gap: 0; padding: var(--space-2) var(--space-4); }
  .aa-home-perk { padding: var(--space-3) 0; border-bottom: 1px solid var(--line); }
  .aa-home-perk:last-child { border-bottom: 0; }
  .aa-home-perk .aa-i { width: 20px; height: 20px; }
  .aa-home-perk span { display: none; }
  .aa-home-section { padding: var(--space-8) var(--space-4) 0; gap: var(--space-4); }
  .aa-home-brands { grid-template-columns: 1fr; }
  .aa-home-brand { flex-direction: column; justify-content: center; gap: 6px; min-height: 0; padding: 20px 52px 20px 20px; }
  .aa-home-brand__name { font-size: 24px; line-height: 28px; }
  .aa-home-brand__models { font-size: 13px; line-height: 18px; }
  .aa-home-brand__arrow { display: block; position: absolute; right: 20px; top: 50%; margin-top: -10px; }
  .aa-home-steps { grid-template-columns: 1fr; }
  .aa-home-steps li { display: grid; grid-template-columns: auto 1fr; gap: 2px var(--space-4); padding: var(--space-4); }
  .aa-home-steps__n { grid-row: span 2; font-size: 22px; line-height: 28px; }
  .aa-home-steps b { font-size: 16px; line-height: 24px; }
  .aa-home-steps li > span:last-child { font-size: 14px; line-height: 20px; }
  .aa-home-vin { padding: 20px; gap: var(--space-4); }
  .aa-home-vin__form { grid-template-columns: 1fr; }
  .aa-home-vin__actions .aa-btn { width: 100%; }

  .aa-cart-item { grid-template-columns: 22px auto minmax(0, 1fr) 40px; grid-template-areas: "check info info del" ". qty sum sum"; gap: var(--space-3); padding: var(--space-4); }
  .aa-qty { justify-self: start; }
  /* Липкий низ с итогом и «Оформить» — над нижней панелью */
  .aa-sticky-total { display: flex; position: fixed; left: 0; right: 0; bottom: calc(64px + env(safe-area-inset-bottom)); z-index: 1029; align-items: center; justify-content: space-between; gap: var(--space-3); padding: var(--space-3) var(--space-4); background: var(--surface); border-top: 1px solid var(--line); box-shadow: 0 -4px 12px rgba(10, 10, 11, .06); }
  .aa-sticky-total > div { display: flex; flex-direction: column; font-size: 13px; line-height: 18px; }
  .aa-sticky-total b { font: 700 20px/24px var(--font-sans); }
  .aa-cart, .aa-checkout { padding-bottom: 96px; }
  .aa-summary__btn { display: none; }

  .aa-order { padding: var(--space-4); }
  .aa-order__head { grid-template-columns: minmax(0, 1fr) auto; }
  .aa-order__status { grid-column: 1 / -1; grid-row: 2; }
  .aa-timeline { flex-direction: column; gap: var(--space-3); }
  .aa-timeline__step { flex-direction: row; align-items: center; }
  .aa-timeline__step::before { top: 12px; bottom: -14px; left: 5px; right: auto; width: 2px; height: auto; }

  .aa-done { padding: 20px; }
  .aa-done .aa-h1 { font-size: 26px; line-height: 32px; }
  .aa-done__actions, .aa-done__actions .aa-btn { width: 100%; }

  .aa-auth { margin: var(--space-4) 0 var(--space-8); }
  .aa-auth__promo { padding: var(--space-6) var(--space-4); gap: var(--space-4); }
  .aa-auth__title { font-size: 22px; line-height: 28px; }
  .aa-auth__perks { font-size: 14px; line-height: 20px; gap: var(--space-2); }
  .aa-auth__form { padding: var(--space-6) var(--space-4); }
  .aa-legacy--confirm, .aa-legacy--order { padding: var(--space-4); }
}

/* ---------- Оформление: согласие ---------- */
.aa-agree-hint { display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; background: none; color: var(--ink-muted); font: 500 13px/18px var(--font-sans); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.aa-agree-hint[hidden] { display: none !important; }
.aa-btn--primary:disabled { background: var(--line-strong); border-color: var(--line-strong); color: var(--surface); cursor: not-allowed; }
.order_confirm_button_div { flex-direction: column; align-items: flex-start; gap: var(--space-2); }
.order_confirm_button_div #confirm_btn:disabled { background: var(--line-strong) !important; cursor: not-allowed; }
#users_agreement_div { margin: var(--space-2) 0 !important; padding: var(--space-3) var(--space-4) !important; border: 1px solid var(--line) !important; border-radius: var(--radius-md); background: var(--surface-sunken) !important; }
#users_agreement_div td { padding: 4px 8px 4px 0 !important; font: 500 14px/20px var(--font-sans); }
#users_agreement_div input[type="checkbox"] { width: 20px !important; height: 20px !important; }

/* ---------- Кабинет и заказ: штатные элементы ---------- */
/* Даты фильтров: обёртка штатной вёрстки фиксирована на 36px — под наши 48px; активный фильтр — рамкой, не зелёной заливкой */
.aa-legacy div[style*="height: 36px"] { height: 48px !important; }
.aa-legacy input[type="date"], .aa-legacy input[type="number"], .aa-legacy input[type="search"] { height: 48px !important; padding: 0 14px !important; border: 1px solid var(--line-strong) !important; border-radius: var(--radius-md) !important; background: var(--surface) !important; color: var(--ink) !important; font: 400 16px/24px var(--font-sans) !important; box-shadow: none !important; }
.aa-legacy input[style*="b9fcab"] { border-color: var(--ink) !important; box-shadow: inset 0 0 0 1px var(--ink) !important; }
.aa-legacy label { font: 500 13px/18px var(--font-sans); color: var(--ink-muted); }
.aa-legacy .table { width: 100% !important; }
/* «Удалить» — текстовая кнопка с красным текстом, без заливки */
.aa-legacy .btn-danger { background: transparent !important; border-color: transparent !important; color: var(--danger) !important; }
.aa-legacy .btn-danger:hover { background: var(--surface-sunken) !important; }
.aa-legacy .btn-info { background: var(--surface) !important; border-color: var(--line-strong) !important; color: var(--ink) !important; }
/* Нет фото */
.aa-img-ph { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 240px; aspect-ratio: 4 / 3; border-radius: var(--radius-md); background: var(--surface-sunken); color: var(--ink-subtle); }
/* «Связь заказа с автомобилем»: иконки-кнопки, состояние — из штатного цвета (привязан #66bf05 / нет #f2f2f2) */
.aa-legacy--order a[onclick^="check_car"] { display: inline-flex !important; align-items: center; justify-content: center; width: 22px; height: 22px; padding: 0 !important; border: 2px solid var(--line-strong) !important; border-radius: var(--radius-sm); background: var(--surface); color: transparent !important; font-size: 0 !important; cursor: pointer; box-sizing: border-box; }
.aa-legacy--order a[onclick^="check_car"] .aa-i { width: 14px; height: 14px; }
.aa-legacy--order a[onclick^="check_car"][style*="66bf05"], .aa-legacy--order a[onclick^="check_car"][style*="102, 191, 5"] { background: var(--action); border-color: var(--action) !important; color: var(--on-action) !important; }
.aa-legacy--order td[style*="font-size: 12px"], .aa-legacy--order td[style*="font-size:12px"] { font-size: 14px !important; line-height: 20px !important; }
/* Документы — раскрывашка */
.aa-docs { margin-top: var(--space-4); border: 1px solid var(--line); border-radius: var(--radius-md); }
.aa-docs > summary { display: flex; align-items: center; gap: var(--space-2); min-height: 44px; padding: 0 var(--space-4); list-style: none; cursor: pointer; font: 600 15px/20px var(--font-sans); }
.aa-docs > summary::-webkit-details-marker { display: none; }
.aa-docs > summary .aa-i--chevron-down { margin-left: auto; }
.aa-docs[open] > summary .aa-i--chevron-down { transform: rotate(180deg); }
.aa-docs__list { display: flex; flex-wrap: wrap; gap: var(--space-2); padding: 0 var(--space-4) var(--space-4); }
.aa-docs__list .btn, .aa-docs__list a.btn.btn-ar.btn-primary { background: var(--surface) !important; border: 1px solid var(--line-strong) !important; color: var(--ink) !important; }

/* Телефон: карта пункта выдачи не выталкивает «Продолжить» далеко вниз */
@media (max-width: 720px) {
  .aa-legacy--obtain .office-map__box { height: 180px !important; }
  .aa-legacy--obtain .office-wrapper__inner { flex-wrap: wrap; }
  .aa-legacy--obtain .office-map { flex: 0 0 100%; }
  .aa-sticky-total .aa-agree-hint { font-size: 12px; line-height: 16px; }
}

/* ---------- Страница заказа: штатный блок ---------- */
.aa-legacy--order { gap: 0; }
.aa-legacy--order .lead { margin: var(--space-6) 0 var(--space-2) !important; }
.aa-legacy--order > .lead:first-child, .aa-legacy--order > :first-child .lead:first-child { margin-top: 0 !important; }
.aa-legacy--order [style*="margin-top:50px"], .aa-legacy--order [style*="margin-top: 50px"] { margin-top: var(--space-6) !important; }
.aa-legacy--order > br, .aa-legacy--order > div > br { display: none; }
.aa-legacy--order .table { margin-bottom: 0; }
.aa-legacy--order .row + .row { margin-top: var(--space-6); }
.aa-legacy--order [class*="col-md-"] { margin-bottom: var(--space-3); }
.aa-order-cancel { margin-left: var(--space-3); vertical-align: middle; }
/* Товарные позиции: на всю ширину блока, на узких — прокрутка внутри */
.aa-legacy--order .aa-items-table { width: 100% !important; min-width: 640px; }
.aa-legacy--order .aa-items-table td, .aa-legacy--order .aa-items-table th { white-space: nowrap; }
.aa-legacy--order .aa-items-table td:nth-child(5) { white-space: normal; min-width: 180px; }
/* Переписка */
.aa-legacy #chat_block { height: auto !important; min-height: 0 !important; max-height: 360px; overflow-y: auto; padding: var(--space-3); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface-sunken); }
.aa-legacy #chat_block.is-empty { padding: var(--space-2) var(--space-3); font: 500 14px/20px var(--font-sans); color: var(--ink-muted); }
.aa-legacy #chat_block .bubble, .aa-legacy #chat_block .bubble2 { margin: 0 0 var(--space-2); padding: var(--space-2) var(--space-3); border-radius: var(--radius-md); background: var(--surface); font: 400 14px/20px var(--font-sans); }
.aa-legacy #chat_block .bubble2 { border-left: 3px solid var(--ink); }
.aa-legacy #new_message_area { display: block; width: 100%; height: 88px !important; min-height: 88px; margin: var(--space-2) 0 var(--space-3); }

/* ---------- Профиль: контакт и «Сменить» в одну строку ---------- */
.aa-legacy [id$="_work"] .form-inline { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); }
.aa-legacy [id$="_work"] .form-group { display: inline-flex; align-items: center; gap: 6px; margin: 0; }
.aa-legacy [id$="_work"] a.btn.btn-ar.btn-primary { min-height: 36px !important; padding: 0 var(--space-3) !important; font-size: 14px !important; background: var(--surface) !important; border: 1px solid var(--line-strong) !important; color: var(--ink) !important; }

/* ---------- Гараж (.aa-garage ставит legacy.js) ---------- */
.aa-garage > .col-md-6[style*="padding-bottom:20px"] { float: none; display: flex; flex-wrap: wrap; gap: var(--space-2); width: 100%; padding: 0 0 var(--space-4) !important; }
.aa-garage > .col-md-6[style*="padding-bottom:20px"] > form { flex: 1 1 100%; margin: 0; }
.aa-garage .input-group { position: relative; display: block; width: 100%; }
.aa-garage .input-group .form-control { width: 100% !important; padding-right: 52px !important; }
.aa-garage .input-group-btn { position: absolute !important; right: 4px; top: 4px; width: auto !important; z-index: 3; }
.aa-garage .input-group-btn .btn { width: 40px; min-height: 40px !important; height: 40px; padding: 0 !important; border: 0 !important; background: transparent !important; color: var(--ink-muted) !important; }
.aa-garage .car_div { margin: 0 0 var(--space-4); padding: 20px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); }
.aa-garage .car_div .panel-heading { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; gap: var(--space-3); padding: 0 0 var(--space-3) !important; }
.aa-garage .car_div .panel-heading .pull-right { float: none !important; }
.aa-garage .car_div .panel-title { margin: 0; font: 600 18px/24px var(--font-sans) !important; color: var(--ink); }
.aa-garage .active_car { min-height: 36px !important; padding: 0 var(--space-3) !important; font-size: 14px !important; background: var(--surface) !important; border: 1px solid var(--line-strong) !important; color: var(--ink) !important; }
.aa-garage .active_car.btn-success { background: var(--action) !important; border-color: var(--action) !important; color: var(--on-action) !important; }
.aa-garage .car_div .panel-body > .row:first-child { display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: var(--space-4); }
.aa-garage .car_div .panel-body > .row:first-child > [class*="col-"] { float: none; width: auto; }
.aa-garage .block_image { display: block; }
.aa-garage .block_image img { display: block; max-width: 100%; height: auto; border-radius: var(--radius-md); }
.aa-garage .car_div .col-md-12[style*="padding:10px"] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); padding: var(--space-3) 0 0 !important; }
.aa-garage .car_div .col-md-12[style*="padding:10px"] hr { flex-basis: 100%; margin: var(--space-1) 0; }
.aa-garage .car_div .col-md-12[style*="padding:10px"] .btn { min-height: 36px !important; padding: 0 var(--space-3) !important; font-size: 14px !important; line-height: 20px !important; margin: 0 !important; }
.aa-garage .car_div .col-md-12[style*="padding:10px"] .btn:not(.btn-danger) { background: var(--surface) !important; border: 1px solid var(--line-strong) !important; color: var(--ink) !important; }

/* ---------- Каталог «Подбор по машине» ---------- */
.aa-cat__crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); font: 500 14px/20px var(--font-sans); color: var(--ink-muted); }
.aa-cat__crumbs a:not(.aa-btn) { color: var(--ink-muted) !important; text-decoration: none; }
.aa-cat__crumbs a:not(.aa-btn):hover { color: var(--ink) !important; text-decoration: underline; }
.aa-cat__crumbs > span:last-child { color: var(--ink); }
.aa-cat__intro { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--space-4) var(--space-8); }
.aa-cat__intro > div { display: flex; flex-direction: column; gap: var(--space-2); }
.aa-cat__vin { flex: 0 1 520px; }
.aa-cat__makes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
.aa-cat-make { display: flex; flex-direction: column; justify-content: space-between; gap: var(--space-8); min-height: 160px; padding: var(--space-6); box-sizing: border-box; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); text-decoration: none !important; }
.aa-cat-make:hover { border-color: var(--ink); }
.aa-cat-make--dark { background: var(--brand-black); border-color: var(--brand-black); color: var(--brand-white) !important; }
.aa-cat-make__name { font: 600 32px/36px var(--font-display); }
.aa-cat-make__meta { display: flex; flex-direction: column; gap: 4px; font: 500 14px/20px var(--font-sans); }
.aa-cat-make__meta > span { opacity: .75; }
.aa-cat__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: var(--space-3); }
.aa-cat-item { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); min-height: 64px; padding: var(--space-4) 20px; box-sizing: border-box; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); text-decoration: none !important; }
.aa-cat-item:hover { border-color: var(--ink); }
.aa-cat-item > span { display: flex; flex-direction: column; gap: 2px; }
.aa-cat-item b { font: 600 17px/24px var(--font-sans); }
.aa-cat-item .aa-muted { font-size: 13px; line-height: 18px; }
.aa-cat-car { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3); padding: var(--space-4) 20px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); }
.aa-cat-car__name { display: flex; align-items: center; gap: var(--space-3); }
.aa-cat-car__name > span { display: flex; flex-direction: column; }
.aa-cat-car__name b { font: 700 18px/24px var(--font-sans); }
.aa-cat-car .aa-btn { text-decoration: none; }
.aa-cat__layout { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: var(--space-6); align-items: start; }
.aa-cat__sections { display: flex; flex-direction: column; gap: 2px; padding: var(--space-2); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); }
.aa-cat__sections a { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 var(--space-3); border-radius: var(--radius-md); color: var(--ink) !important; text-decoration: none !important; font: 600 15px/20px var(--font-sans); }
.aa-cat__sections a > span { margin-left: auto; font-weight: 500; color: var(--ink-subtle); }
.aa-cat__sections a:hover { background: var(--surface-sunken); }
.aa-cat__sections a[aria-current="page"] { background: var(--ink); color: var(--bg) !important; }
.aa-cat__sections a[aria-current="page"] > span { color: inherit; opacity: .7; }
.aa-cat__sections a.is-empty { color: var(--ink-subtle) !important; }
.aa-cat__parts { display: flex; flex-direction: column; gap: var(--space-4); min-width: 0; }
.aa-cat__parts-head { display: flex; flex-direction: column; gap: 4px; }
.aa-cat__parts-head .aa-muted { font-size: 14px; line-height: 20px; }
.aa-cat-part { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); padding: var(--space-4) 20px; border-top: 1px solid var(--line); }
.aa-cat-part:first-child { border-top: 0; }
.aa-cat-part__info { display: flex; flex-direction: column; gap: 2px; min-width: 0; overflow-wrap: anywhere; }
.aa-cat-part__info b { font: 600 16px/22px var(--font-sans); }
.aa-cat-part__info .aa-muted { font-size: 13px; line-height: 18px; }
.aa-cat-part__note { font: 400 13px/18px var(--font-sans); color: var(--ink-subtle); }
.aa-cat-part .aa-btn { flex: none; text-decoration: none; }
.aa-cat__help { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3); padding: var(--space-4) 20px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); font: 500 14px/20px var(--font-sans); }
.aa-cat__help .aa-btn { text-decoration: none; }
.aa-cat-empty { align-items: center; }
.aa-cat-empty__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-3); }
.aa-cat-empty__actions .aa-btn { text-decoration: none; }
.aa-cat-empty__search { width: 100%; max-width: 520px; }

@media (max-width: 960px) {
  .aa-cat__layout { grid-template-columns: minmax(0, 1fr); }
  .aa-cat__sections { flex-direction: row; overflow-x: auto; padding: 0; background: none; border: 0; scrollbar-width: none; }
  .aa-cat__sections a { flex: none; min-height: 40px; padding: 0 14px; border: 1px solid var(--line-strong); background: var(--surface); }
  .aa-cat__sections a[aria-current="page"] { border-color: var(--ink); }
  .aa-garage .car_div .panel-body > .row:first-child { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 720px) {
  .aa-cat__makes { grid-template-columns: minmax(0, 1fr); }
  .aa-cat-make { min-height: 0; gap: var(--space-3); padding: 20px; }
  .aa-cat-make__name { font-size: 24px; line-height: 28px; }
  .aa-cat__vin { flex-basis: 100%; }
  .aa-cat-part { padding: var(--space-3) var(--space-4); }
  .aa-cat-car { padding: var(--space-3) var(--space-4); }
  .aa-garage .car_div { padding: var(--space-4); }
}

/* Главная: «Весь каталог» — ссылка справа в строке заголовка; кнопки — Manrope (тема перебивала шрифт у ссылок) */
.aa-home-section__head { align-items: center; }
.aa-home .aa-home-more { display: inline-flex; align-items: center; gap: 4px; font: 600 14px/20px var(--font-sans); color: var(--ink-muted); text-decoration: none; }
.aa-home .aa-home-more:hover { color: var(--ink); }
.aa-home .aa-btn { font: 600 15px/20px var(--font-sans) !important; }

/* ---------- Оформление: шаг входа ---------- */
.aa-checkout .aa-legacy--auth .login_form .panel-heading { display: none; }
@media (max-width: 768px) {
  .aa-checkout .aa-legacy--auth .btn, .aa-checkout .aa-legacy--auth input[type="button"], .aa-checkout .aa-legacy--auth input[type="submit"] { display: flex; width: 100%; min-height: 48px !important; justify-content: center; }
  /* Шаги — компактно: только кружки, подпись у текущего */
  .aa-steps { gap: var(--space-2); flex-wrap: nowrap; }
  .aa-steps__item:not(.is-current) > a, .aa-steps__item:not(.is-current) > span:not(.aa-steps__n) { display: none; }
  .aa-steps__item + .aa-steps__item::before { content: ""; width: 16px; height: 1px; background: var(--line-strong); }
}

/* ---------- Оформление: подтверждение ---------- */
.aa-legacy--confirm { gap: 0; }
.aa-legacy--confirm .aa-h3 { margin: var(--space-6) 0 var(--space-3); }
.aa-legacy--confirm > .aa-h3:first-child { margin-top: 0; }
.aa-confirm__sub { margin: calc(-1 * var(--space-2)) 0 var(--space-4); font: 400 14px/20px var(--font-sans); }
.aa-confirm-items { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.aa-confirm-item { display: flex; justify-content: space-between; align-items: center; gap: var(--space-4); padding: var(--space-3) 0; border-bottom: 1px solid var(--line); }
.aa-confirm-item__info { display: flex; flex-direction: column; gap: 2px; min-width: 0; overflow-wrap: anywhere; }
.aa-confirm-item__top b { font: 700 15px/22px var(--font-sans); }
.aa-confirm-item__top .aa-art { font-size: 14px; }
.aa-confirm-item__name { font: 400 14px/20px var(--font-sans); color: var(--ink-muted); }
.aa-confirm-item__meta { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; flex: none; text-align: right; font: 500 13px/18px var(--font-sans); }
.aa-confirm-item__meta b { font: 700 16px/22px var(--font-sans); color: var(--ink); }
.aa-confirm-total { display: flex; justify-content: space-between; align-items: baseline; padding-top: var(--space-3); font: 600 15px/20px var(--font-sans); }
.aa-confirm-total b { font: 700 20px/24px var(--font-sans); }
.aa-confirm-office { display: flex; flex-direction: column; gap: 6px; padding: var(--space-3) var(--space-4); background: var(--surface-sunken); border-radius: var(--radius-md); font: 500 14px/20px var(--font-sans); }
.aa-confirm-office .aa-i { color: var(--ink-muted); vertical-align: -3px; }
.aa-confirm__label { display: block; margin: 0 0 6px; font: 600 14px/20px var(--font-sans) !important; color: var(--ink-muted) !important; }
.aa-legacy--confirm .row { display: flex; flex-direction: column; gap: var(--space-4); margin: var(--space-4) 0 0 !important; }
.aa-legacy--confirm .row > [class*="col-"] { width: 100%; float: none; padding: 0 !important; }
.aa-legacy--confirm .row > .hidden-lg, .aa-legacy--confirm .hidden-sm.hidden-md.hidden-lg { display: none; }
.aa-legacy--confirm .col-lg-6 + .col-lg-6 .aa-confirm__label { margin-top: 0; }
@media (max-width: 768px) {
  .aa-confirm-item { flex-direction: column; align-items: stretch; gap: 6px; }
  .aa-confirm-item__meta { flex-direction: row; justify-content: space-between; align-items: baseline; }
}

/* ---------- r36: оформление ---------- */
/* Кнопка под формой подтверждения дублирует итог — оформление из карточки «Ваш заказ» (десктоп) или липкой панели (телефон).
   Сама кнопка остаётся в DOM: её нажимают наши кнопки, на ней штатный confirm(). */
.aa-checkout .order_confirm_button_div { display: none !important; }
/* Секции подтверждения — через 32px */
.aa-legacy--confirm .row { margin: var(--space-8) 0 0 !important; }
.aa-legacy--confirm .row .aa-confirm__h { margin-top: 0 !important; }
.aa-legacy--confirm > .aa-h3.aa-confirm__h { margin-top: var(--space-8); }
.aa-legacy--confirm #users_agreement_div { margin-top: var(--space-8) !important; }
/* «Проверить совместимость» + метка «необязательно» */
.aa-card__head { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
/* Вход: тонкая линия темы под переключателем «По коду / По паролю» */
.aa-legacy .nav-tabs + .tab-content { border: 0 !important; padding-top: 0 !important; }

/* Телефон (до 768px): только липкая панель с итогом и кнопкой; кнопка и подсказка в карточке скрыты */
@media (max-width: 768px) {
  .aa-sticky-total { display: flex; position: fixed; left: 0; right: 0; bottom: calc(64px + env(safe-area-inset-bottom)); z-index: 1029; align-items: center; justify-content: space-between; gap: var(--space-3); padding: var(--space-3) var(--space-4); background: var(--surface); border-top: 1px solid var(--line); box-shadow: 0 -4px 12px rgba(10, 10, 11, .06); }
  .aa-sticky-total > div { display: flex; flex-direction: column; font-size: 13px; line-height: 18px; }
  .aa-sticky-total b { font: 700 20px/24px var(--font-sans); }
  .aa-cart, .aa-checkout { padding-bottom: 96px; }
  .aa-summary__btn, .aa-summary .aa-agree-hint { display: none !important; }
}

/* ---------- r37: кабинет ---------- */
/* Меню: наведение — только цвет текста, активный пункт — подложка (один) */
.aa-account__nav a:hover { background: transparent; color: var(--ink) !important; }
.aa-account__nav a[aria-current="page"], .aa-account__nav a[aria-current="page"]:hover { background: var(--surface-sunken); color: var(--ink) !important; }

/* Штатная сетка в кабинете: без внутренних полей — таблицы и блоки по краю колонки контента */
.aa-legacy--account .row { margin-left: 0 !important; margin-right: 0 !important; }
.aa-legacy--account [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; }
.aa-legacy--confirm .row::before, .aa-legacy--confirm .row::after,
.aa-filters .row::before, .aa-filters .row::after,
.aa-topup .panel-body::before, .aa-topup .panel-body::after { content: none !important; display: none !important; }

/* Таблицы кабинета — единый вид */
.aa-legacy .table > thead > tr > th, .aa-legacy .table > tbody > tr > th, .aa-legacy .table th { font: 600 12px/16px var(--font-sans) !important; letter-spacing: .04em; text-transform: uppercase; color: var(--ink-muted) !important; background: var(--surface-sunken) !important; }
.aa-legacy .table th a:not(.aa-btn) { font: inherit !important; color: inherit !important; text-decoration: none !important; }
.aa-legacy .aa-sort { margin-left: 4px; vertical-align: -3px; }
.aa-legacy .aa-sort.is-asc { transform: rotate(180deg); }

/* Пустое состояние */
.aa-acc-empty { display: flex; flex-direction: column; align-items: center; gap: var(--space-2); padding: var(--space-12) var(--space-4); text-align: center; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); }
.aa-acc-empty .aa-i { color: var(--ink-subtle); margin-bottom: var(--space-1); }
.aa-acc-empty b { font: 600 16px/22px var(--font-sans); color: var(--ink); }
.aa-acc-empty span { font: 400 14px/20px var(--font-sans); color: var(--ink-muted); }
.aa-acc-empty .aa-btn { margin-top: var(--space-2); text-decoration: none; }

/* Кнопки под формами и таблицами — отступ 16px */
.aa-legacy--account .table + .btn, .aa-legacy--account table + a.btn, .aa-legacy--account a.btn[href="/users/editform"] { margin-top: var(--space-4); }

/* Запросы по VIN: кнопка «Создать» — в заголовке страницы */
.aa-legacy--account[data-aa-section="requests"] .box_btn_filter [onclick*="zapros-prodavczu"] { display: none !important; }
.aa-legacy--account .box_btn_filter { margin: var(--space-4) 0 !important; display: flex; flex-wrap: wrap; gap: var(--space-2); }

/* Баланс: пополнение — сумма с «₸», без стрелок, кнопка в строку */
.aa-topup .panel-body { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--space-3); }
.aa-topup .panel-body > [class*="col-"] { float: none; width: auto; flex: 1 1 240px; }
.aa-topup .panel-body > .col-md-12 { flex: 0 0 auto; }
.aa-topup .panel-body > .col-md-12 .btn { margin: 0 !important; min-height: 48px; }
.aa-topup__office { display: block; font: 500 15px/22px var(--font-sans); color: var(--ink); }
.aa-money-field { position: relative; }
.aa-legacy .aa-money-field input { padding-right: 40px !important; -moz-appearance: textfield; appearance: textfield; }
.aa-money-field input::-webkit-outer-spin-button, .aa-money-field input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.aa-money-field__cur { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); font: 500 16px/1 var(--font-sans); color: var(--ink-muted); pointer-events: none; }
/* Баланс: фильтры истории — свёрнуты */
.aa-filters { margin: 0 0 var(--space-4); }
.aa-filters > summary { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 14px; border: 1px solid var(--line-strong); border-radius: var(--radius-md); background: var(--surface); font: 600 14px/20px var(--font-sans); cursor: pointer; list-style: none; }
.aa-filters > summary::-webkit-details-marker { display: none; }
.aa-filters[open] > summary { margin-bottom: var(--space-3); }
.aa-filters[open] > summary .aa-i { transform: rotate(180deg); }
.aa-filters .row { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.aa-filters .row > [class*="col-"] { float: none; width: auto; flex: 1 1 180px; }

/* Мои данные: строки одной высоты, метка и значение по центру */
.aa-legacy--account[data-aa-section="profile"] .table td { vertical-align: middle !important; height: 56px; }
.aa-legacy--account[data-aa-section="profile"] .table td:first-child, .aa-legacy--account[data-aa-section="profile"] .table td:first-child b { font: 600 14px/20px var(--font-sans) !important; color: var(--ink); white-space: nowrap; }
.aa-legacy--account[data-aa-section="profile"] .table td + td { font: 400 15px/22px var(--font-sans) !important; }

/* Мои заказы: одна строка действий, «Подробнее» — текстом справа */
.aa-order__title { font: 600 16px/22px var(--font-sans); color: var(--ink) !important; text-decoration: none; }
.aa-order__title:hover { text-decoration: underline; }
.aa-order__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.aa-order__more { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; padding: 0; border: 0; background: none; font: 600 14px/20px var(--font-sans); color: var(--ink-muted); cursor: pointer; }
.aa-order__more:hover { color: var(--ink); }
.aa-order__more[aria-expanded="true"] .aa-i { transform: rotate(180deg); }
.aa-order__body[hidden] { display: none !important; }

/* Гараж: карточка машины (собирает legacy.js) */
.aa-garage a.btn.btn-ar.btn-primary[href="/garazh/bloknot?garage=0"] { background: var(--surface) !important; border: 1px solid var(--line-strong) !important; color: var(--ink) !important; }
.aa-garage .car_div.is-rebuilt { padding: 20px; }
.aa-car { display: flex; flex-direction: column; gap: var(--space-4); }
.aa-car__head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); }
.aa-car__title { font: 600 18px/24px var(--font-sans); color: var(--ink); }
.aa-car__main { display: inline-flex; align-items: center; padding: 2px var(--space-2); border: 1px solid var(--line-strong); border-radius: var(--radius-sm); background: var(--surface); font: 500 11px/14px var(--font-display) !important; letter-spacing: .08em; text-transform: uppercase; color: var(--ink) !important; text-decoration: none !important; cursor: pointer; }
.aa-car__main .aa-i, .aa-car__main .fa { display: none; }
.aa-car__main.btn-success { background: var(--ink) !important; border-color: var(--ink) !important; color: var(--bg) !important; cursor: default; }
.aa-car__model { display: flex; flex-direction: column; gap: 2px; margin-top: calc(-1 * var(--space-2)); }
.aa-car__model b { font: 600 16px/22px var(--font-sans); }
.aa-car__model .aa-art { font-size: 13px; line-height: 18px; color: var(--ink-muted); }
.aa-car__grid { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: var(--space-6); align-items: start; }
.aa-car__photo .block_image { display: block; }
.aa-car__photo img, .aa-car__photo .aa-img-ph { display: flex; width: 240px; height: 160px; max-width: none; object-fit: cover; border-radius: var(--radius-md); aspect-ratio: auto; }
.aa-car__specs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3) var(--space-6); margin: 0; }
.aa-car__specs dt { font: 400 13px/18px var(--font-sans); color: var(--ink-muted); }
.aa-car__specs dd { margin: 0; font: 400 15px/22px var(--font-sans); color: var(--ink); overflow-wrap: anywhere; }
.aa-car__specs .is-wide { grid-column: 1 / -1; }
.aa-car__stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-2); }
.aa-car__stats > div { display: flex; flex-direction: column; gap: 2px; padding: var(--space-3); background: var(--surface-sunken); border-radius: var(--radius-md); }
.aa-car__stats span { font: 400 13px/18px var(--font-sans); color: var(--ink-muted); }
.aa-car__stats b { font: 700 16px/22px var(--font-sans); }
.aa-car__actions { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-2); padding-top: var(--space-4); border-top: 1px solid var(--line); }
.aa-car__actions > div { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.aa-car__actions .aa-btn { text-decoration: none; }
.aa-car__delete { color: var(--danger) !important; }
@media (max-width: 768px) {
  .aa-car__grid { grid-template-columns: minmax(0, 1fr); }
  .aa-car__photo img, .aa-car__photo .aa-img-ph { width: 100%; height: auto; aspect-ratio: 3 / 2; }
  .aa-car__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .aa-topup .panel-body > .col-md-12 { flex-basis: 100%; }
  .aa-topup .panel-body > .col-md-12 .btn { width: 100%; }
  .aa-order__more { margin-left: 0; }
}

/* Заказ без регистрации: поиск по номеру */
.aa-guest-hint { margin: 0 0 var(--space-3); font: 400 14px/20px var(--font-sans); color: var(--ink-muted); }
.aa-guest-search { max-width: 480px; }
.aa-legacy .aa-guest-search input.aa-search__input { height: 48px !important; border: 0 !important; box-shadow: none !important; padding: 0 14px !important; }
.aa-guest-search .aa-search__btn { min-height: 48px; }

/* ---------- r38: гараж на телефоне, меню кабинета ---------- */
/* Метка «Основной» — aa-tag с галочкой (Manrope 12/600) */
.aa-car__main { gap: 4px; padding: 4px var(--space-2) !important; font: 600 12px/16px var(--font-sans) !important; letter-spacing: 0; text-transform: none; }
.aa-car__main .aa-i { display: inline-block; width: 14px; height: 14px; }
/* Ничего в карточке не шире колонки */
.aa-garage, .aa-garage .car_div, .aa-car, .aa-car > *, .aa-car__actions > div { min-width: 0; max-width: 100%; box-sizing: border-box; }
.aa-account__main { min-width: 0; }

@media (max-width: 768px) {
  /* «Добавить новый автомобиль» и «Общий блокнот» — во всю ширину, друг под другом */
  .aa-garage > .col-md-6[style*="padding-bottom:20px"] > a.btn { width: 100%; justify-content: center; white-space: normal; }
  .aa-garage .car_div.is-rebuilt { padding: var(--space-4); }
  .aa-car__photo img, .aa-car__photo .aa-img-ph { aspect-ratio: 16 / 9; max-height: 160px; }
  .aa-car__actions, .aa-car__actions > div { width: 100%; }
  .aa-car__actions .aa-btn { white-space: normal; }

  /* Меню кабинета — одна строка прокручиваемых пилюль, без аватара и «Выйти» (выход — в меню «Кабинет» шапки) */
  .aa-account__side { padding: 0; gap: 0; background: none; border: 0; border-radius: 0; }
  .aa-account__me, .aa-account__logout { display: none; }
  .aa-account__nav { flex-direction: row; gap: var(--space-2); margin: 0 calc(-1 * var(--space-4)); padding: 0 var(--space-4) var(--space-1); overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .aa-account__nav::-webkit-scrollbar { display: none; }
  .aa-account__nav a { flex: none; min-height: 36px; gap: 6px; padding: 0 14px; border: 1px solid var(--line-strong); border-radius: 18px; background: var(--surface); font-size: 14px; }
  .aa-account__nav a .aa-i { width: 16px; height: 16px; }
  .aa-account__nav a[aria-current="page"], .aa-account__nav a[aria-current="page"]:hover { background: var(--ink); border-color: var(--ink); color: var(--surface) !important; }
  .aa-account__nav a[aria-current="page"] .aa-menu__count { background: var(--surface); color: var(--ink); }
}
.aa-profile-logout { margin: var(--space-6) 0 0; }

/* ---------- r39: страница входа ---------- */
/* Верхний «Вход / Регистрация» — главный (48px), «По коду / По паролю» в форме — вторичный (36px, aa-theme.css) */
.aa-auth .aa-seg--wide a { min-height: 48px; font-size: 15px; }
.aa-auth .aa-login .nav-tabs > li > a { min-height: 30px; font-size: 14px !important; }
.aa-auth__guest { display: inline-flex; align-items: center; gap: 4px; margin-top: var(--space-4); font: 500 14px/20px var(--font-sans); color: var(--ink) !important; text-decoration: none !important; }
.aa-auth__guest:hover { text-decoration: underline !important; }
.aa-auth .aa-legacy--auth > p:first-child { display: none; }

/* ---------- Контакты (/kontakty) ---------- */
.aa-contacts { display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-6) 0 var(--space-12); }
.aa-contacts .aa-h1 { margin: 0; }
.aa-contacts__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-4); align-items: start; }
@media (min-width: 960px) { .aa-contacts__grid { grid-template-columns: minmax(320px, 400px) minmax(0, 1fr); } }
.aa-contacts__name { margin: 0; font: 600 18px/24px var(--font-sans); color: var(--ink); }
.aa-contacts__list { display: flex; flex-direction: column; gap: var(--space-3); margin: 0; padding: 0; list-style: none; font: 400 15px/22px var(--font-sans); color: var(--ink); }
.aa-contacts__list li { display: flex; align-items: flex-start; gap: var(--space-3); }
.aa-contacts__list .aa-i { flex: none; margin-top: 3px; color: var(--ink-muted); }
.aa-contacts__list a:not(.aa-btn) { color: var(--ink); text-decoration: none; }
.aa-contacts__list a:not(.aa-btn):hover { text-decoration: underline; }
.aa-contacts__actions { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.aa-contacts__route { display: inline-flex; align-items: center; gap: 4px; font: 500 14px/20px var(--font-sans); color: var(--ink) !important; text-decoration: none; }
.aa-contacts__route:hover { text-decoration: underline; }
.aa-contacts__map { height: 420px; border-radius: 12px; overflow: hidden; background: var(--surface-sunken); }
@media (max-width: 768px) {
  .aa-contacts__map { height: 280px; }
  .aa-contacts__actions .aa-btn { flex: 1 1 auto; justify-content: center; }
}
