/*
 * Скин главной «Signature» — спека docs/specs/2026-09-17-premium-home-signature-design.md.
 * Действует только под body.gw-pf.gw-pf-home; токены и компоненты — base.css (v2 §2–§4).
 * Классы gwpf-home-*, gwpf-kit*, gwpf-city-* ставит js/gw-premium-flow-home.js.
 */

/* ------------------------------------------------------------ §2.4 атмосфера */

/* base.css выключает свечение на главной (`:not(.gw-pf-home)`) — запрет был из-за
   jpeg-кита с чёрным квадратом, которого больше нет. Включаем с центром дыхания
   под карточкой формы (50% 34%), а не 42/26 как на шагах. */
body.gw-pf.gw-pf-home::before {
    content: '';
    position: fixed;
    inset: -10%;
    width: auto;
    height: auto;
    z-index: 0;
    pointer-events: none;
    background: radial-gradient(1200px 640px at 50% 38%, rgba(214, 165, 90, .16), transparent 62%);
    transform-origin: 50% 38%;
    animation: gwpf-breathe 9s ease-in-out infinite;
    will-change: transform, opacity;
}

body.gw-pf.gw-pf-home .gwpf-glow2 {
    display: block;
    position: fixed;
    inset: -10%;
    width: auto;
    height: auto;
    z-index: 0;
    pointer-events: none;
    background: radial-gradient(760px 540px at 86% 78%, rgba(214, 165, 90, .06), transparent 60%);
    transform-origin: 86% 78%;
    animation: gwpf-breathe 13s ease-in-out infinite reverse;
    will-change: transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
    body.gw-pf.gw-pf-home::before,
    body.gw-pf.gw-pf-home .gwpf-glow2 {
        animation: none;
    }
}

/* ПОРЯДОК СЛОЁВ БЕЗ STACKING-КОНТЕКСТОВ МЕЖДУ КИТОМ И СВЕЧЕНИЕМ.
   mix-blend-mode смешивает элемент только с тем, что нарисовано ВНУТРИ его ближайшего
   stacking-контекста. На шагах base.css поднимает main/.main на z-index:1 над fixed-свечением
   (z 0) — и это делает main отдельным контекстом: кит внутри него свечения не видит,
   запечённый тёмный ореол ложится поверх свечения обычной альфой, и между китами
   остаётся светлая «полоса» нетронутого свечения (поймано на стенде 17.09.2026).
   Поэтому на главной свечение и зерно уходят ПОД поток (z-index −1 в корневом
   контексте: над фоном body, под контентом), а обёртки — без z-index. Кит (z 1) и
   карточка (z 2) упорядочены в корневом контексте, pointer-events у кита нет. */
body.gw-pf.gw-pf-home::before,
body.gw-pf.gw-pf-home::after,
body.gw-pf.gw-pf-home .gwpf-glow2 {
    z-index: -1;
}

body.gw-pf-home > main,
body.gw-pf-home > .main,
body.gw-pf-home .homepage_wrap,
body.gw-pf-home .page-block {
    position: relative;
    z-index: auto;
}

/* ------------------------------------------------------ §2.2 заголовочная зона */

/* 3D-кит с монетами (hero-banner.jpg) и его 38.6rem высоты — долой. */
body.gw-pf-home .home .disclaimer,
body.gw-pf-home .disclaimer {
    background: none;
    min-height: 0;
    margin-bottom: 0;
    padding: 0;
}

/* Исходные два h2 прячем: h1 и подзаголовок из их текста печатает скрипт. */
body.gw-pf-home .disclaimer .h2-title {
    display: none;
}

/* Заголовочная зона — тише формы (владелец 17.09.2026: «всё внимание на форму»):
   h1 38 px вместо 48, подпись и бегущая строка городов вплотную. */
body.gw-pf-home .gwpf-home-head {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 40px 16px 24px;
}


body.gw-pf-home .gwpf-home-h1 {
    font: 500 38px/1.1 var(--gwpf-serif);
    font-variant-numeric: lining-nums;
    color: var(--gwpf-text);
    margin: 0;
    letter-spacing: -.005em;
}

body.gw-pf-home .gwpf-home-h1 .gwpf-h1-accent {
    color: var(--gwpf-gold-2);
}

body.gw-pf-home .gwpf-home-sub {
    font: 400 14px/1.5 var(--gwpf-sans);
    color: var(--gwpf-text-2);
    margin: 10px 0 0;
}

/* Бегущая строка городов (из /hero-demo/, правка владельца 17.09.2026): капитель
   11 px, края растворяются маской, на hover останавливается. */
body.gw-pf-home .gwpf-cities {
    max-width: 760px;
    margin: 18px auto 0;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}

body.gw-pf-home .gwpf-cities__track {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    will-change: transform;
    animation: gwpf-home-marquee 40s linear infinite;
}

body.gw-pf-home .gwpf-cities:hover .gwpf-cities__track {
    animation-play-state: paused;
}

body.gw-pf-home .gwpf-cities span {
    font: 500 11px/1 var(--gwpf-sans);
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--gwpf-text-3);
    padding: 0 .7em;
    white-space: nowrap;
}

body.gw-pf-home .gwpf-cities b {
    color: var(--gwpf-gold-dim);
    font-weight: 400;
}

body.gw-pf-home .gwpf-cities .gwpf-cities__count {
    color: var(--gwpf-gold-2);
}

@keyframes gwpf-home-marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
    body.gw-pf-home .gwpf-cities__track { animation: none; }
}

/* --------------------------------------------- §2.1 карточка формы 940 (спека) */

body.gw-pf-home .main-form.gwpf-home-hero {
    position: relative;
    max-width: 940px;                /* 17.09 расширяли до 1200 (= секциям ниже), 18.09 владелец вернул 940 */
    margin: 0 auto;
    padding: 0;
    z-index: auto;                   /* НЕ stacking-контекст — см. порядок слоёв выше */
    overflow: visible;               /* тема: .container { overflow: hidden } — резала китов */
}

/* Карточка — вендорная .xchange_type_list_ins (base.css даёт ей бордюр 2px + outline
   как на шаге 1; здесь одна поверхность §4.4). Внутренние обёртки темы — без рамок
   и отступов: .xtl_table_wrap несёт padding 52, а #js_html — padding 0 120px, из-за
   которого две колонки ужимались до 522 px и селекты резались до «Tether…». */
/* Тема даёт #tables.xchange_table_wrap position:relative + z-index:1 — это отдельный
   stacking-контекст, и z-index карточки внутри него против кита-соседа не играет.
   Поднимаем сам #tables над китами (z 1). */
body.gw-pf-home .gwpf-home-hero .xchange_table_wrap {
    position: relative;
    z-index: 2;
}

/* Окантовка карточки (правка владельца 17.09.2026 — «по-взрослому»): золотой
   волосяной бордюр градиентом (ярче сверху, тише к низу) через два фона —
   padding-box под содержимое, border-box под рамку; сверху блик 1 px внутрь,
   снизу глубокая тень. Без заливных рамок и свечений. */
body.gw-pf-home .gwpf-home-hero .xchange_type_list_ins {
    position: relative;
    border: 1px solid transparent;
    background:
        var(--gwpf-card) padding-box,
        linear-gradient(180deg, rgba(214, 165, 90, .55) 0%, rgba(214, 165, 90, .18) 35%,
            rgba(255, 255, 255, .06) 70%, rgba(214, 165, 90, .22) 100%) border-box;
    outline: 0;
    border-radius: var(--gwpf-r);
    padding: 40px 56px 44px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .05),
        0 1px 0 rgba(0, 0, 0, .6),
        0 30px 60px -30px rgba(0, 0, 0, .85),
        0 0 0 6px rgba(214, 165, 90, .025);
    overflow: visible;
}

body.gw-pf-home .gwpf-home-hero .xtl_table_wrap,
body.gw-pf-home .gwpf-home-hero .xtl_table_wrap_ins,
body.gw-pf-home .gwpf-home-hero .xtl_html_wrap,
body.gw-pf-home .gwpf-home-hero #js_html,
body.gw-pf-home .gwpf-home-hero .homechange,
body.gw-pf-home .gwpf-home-hero .xchange_type_list {
    background: none;
    border: 0;
    outline: 0;
    padding: 0;
    margin: 0;
    box-shadow: none;
    max-width: none;
}

body.gw-pf-home .gwpf-home-hero .xtl_table_body {
    width: 100%;
    max-width: none;
    margin: 0 0 20px;
}

/* «Плывущей» золотой линии по верху больше нет (владелец 17.09.2026: «градиент
   сверху кривой») — она накладывалась на градиентный бордюр и читалась как
   второй, обрезанный по краям штрих. Верхний блик теперь только у бордюра. */

body.gw-pf-home .gwpf-home-hero .xtl_table_title,
body.gw-pf-home .gwpf-home-hero .xtl_table_title_ins {
    font: 500 11px/1.4 var(--gwpf-sans);
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gwpf-text-3);
    margin-bottom: 12px;
}

/* Строка подписи держит и табы Coin / Bank / Cash (.gwpf-cats из base.css,
   узел ставит скрипт главной через window.gwPfCatTabs). */
body.gw-pf-home .gwpf-home-hero .xtl_table_body:not(.city) .xtl_table_title_ins {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 26px;
}

body.gw-pf-home .gwpf-home-hero .xtl_table_body {
    display: flex;
    flex-direction: row;             /* тема ставит column для .homechange */
    gap: 28px;                       /* было 36: 8 px в каждую колонку под ряд табов */
    align-items: flex-start;
    justify-content: stretch;
}

body.gw-pf-home .gwpf-home-hero .xtl_left_col,
body.gw-pf-home .gwpf-home-hero .xtl_right_col {
    display: flow-root;              /* тема флоатит .xtl_selico_wrap на мобильном → колонка схлопывалась в 0 */
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    float: none;
}

body.gw-pf-home .gwpf-home-hero .xtl_center_col {
    flex: 0 0 auto;
    width: auto;
    float: none;
    padding-top: 48px;
}

body.gw-pf-home .gwpf-home-hero .xtl_change {
    opacity: .6;
}

body.gw-pf-home .gwpf-home-hero .xtl_change:hover {
    opacity: 1;
}

body.gw-pf-home .gwpf-home-hero .select_js .select_js_title,
body.gw-pf-home .gwpf-home-hero input.js_sum1,
body.gw-pf-home .gwpf-home-hero input.js_sum2 {
    background: var(--gwpf-s1);
    border: 1px solid var(--gwpf-line);
    border-radius: var(--gwpf-r-s);
    color: var(--gwpf-text);
    font: 500 17px/1.2 var(--gwpf-sans);
    height: 60px;
    box-shadow: none;
}

/* Цифры — серифом, табличные, строго как ввёл клиент (правило суммы владельца). */
body.gw-pf-home .gwpf-home-hero input.js_sum1,
body.gw-pf-home .gwpf-home-hero input.js_sum2 {
    font: 500 30px/1 var(--gwpf-serif);
    font-variant-numeric: lining-nums tabular-nums;
    padding-left: 20px;
}

body.gw-pf-home .gwpf-home-hero .select_js.open .select_js_title,
body.gw-pf-home .gwpf-home-hero input.js_sum1:focus,
body.gw-pf-home .gwpf-home-hero input.js_sum2:focus {
    border-color: var(--gwpf-line-gold);
    outline: none;
}

/* Стрелка селекта — картинка темы с зашитым оранжевым; рисуем маской (как на шаге 1). */
body.gw-pf-home .gwpf-home-hero .select_js_title .select_js_abs,
body.gw-pf-home .gwpf-home-hero .select_js_search .select_js_search_ins::after {
    background-image: none;
    background-color: var(--gwpf-gold-dim);
    -webkit-mask: url(../images/icons/arrow_drop_down=Variant1.svg) no-repeat center / 24px 24px;
    mask: url(../images/icons/arrow_drop_down=Variant1.svg) no-repeat center / 24px 24px;
}

body.gw-pf-home .gwpf-home-hero .xtl_line {
    font: 400 14px/1.5 var(--gwpf-sans);
    color: var(--gwpf-text-2);
}

body.gw-pf-home .gwpf-home-hero .xtl_line.xtl_exchange_reserve {
    color: var(--gwpf-text-3);
}

body.gw-pf-home .gwpf-home-hero .xtl_submit_wrap {
    margin-top: 22px;
}

/* Кнопка: чуть тусклее шампани шагов заявки и крупнее (правка владельца
   17.09.2026 — «тусклее», «слово криво», «шрифт больше»). Вендор даёт ей
   display:flex + padding 1.4rem 3.6rem — при block + line-height 60 текст
   уезжал вниз; центрируем флексом и обнуляем паддинги. */
body.gw-pf-home .gwpf-home-hero .xtl_submit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 64px;
    padding: 0 24px;
    border-radius: 999px;
    background: linear-gradient(180deg, #d9bd86 0%, #bf9a58 100%);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .35) inset, 0 12px 30px -14px rgba(214, 165, 90, .5);
    color: #1c1408;
    font: 600 18px/1 var(--gwpf-sans);
    letter-spacing: .03em;
    text-align: center;
    text-transform: none;
    border: 0;
    transition: filter .2s var(--gwpf-ease), transform .2s var(--gwpf-ease);
}

body.gw-pf-home .gwpf-home-hero .xtl_submit:hover {
    filter: brightness(1.06);
    color: #1c1408;
}

/* Смена валюты без шторки (§2.5, владелец 17.09.2026): вендорный .js_loader на
   карточку не показываем вовсе (ответ вписывается в живую форму, см. JS); пока
   ждём ответ — гаснут только цифры справа и по верху карточки бежит золотая
   нить. Стёртые вендором значения не мигают: их подменяет morphTable. */
body.gw-pf-home .gwpf-home-hero .xtl_html_abs.js_loader {
    display: none !important;
}

body.gw-pf-home .gwpf-home-hero .xtl_right_col .xtl_input_wrap,
body.gw-pf-home .gwpf-home-hero .xtl_line {
    transition: opacity .25s var(--gwpf-ease);
}

body.gw-pf-home .gwpf-home-hero.gwpf-switching .xtl_right_col .xtl_input_wrap,
body.gw-pf-home .gwpf-home-hero.gwpf-switching .xtl_line {
    opacity: .55;                    /* старая цифра остаётся читаемой, пока не подъедет новая */
}

body.gw-pf-home .gwpf-home-hero .xchange_type_list_ins::after {
    content: '';
    position: absolute;
    top: 0;
    left: 32px;
    right: 32px;
    height: 1px;
    pointer-events: none;
    opacity: 0;
    background: linear-gradient(90deg, transparent 0%, var(--gwpf-gold) 50%, transparent 100%);
    background-size: 40% 100%;
    background-repeat: no-repeat;
    transition: opacity .2s;
}

body.gw-pf-home .gwpf-home-hero.gwpf-switching .xchange_type_list_ins::after {
    opacity: 1;
    animation: gwpf-thread 1.1s linear infinite;
}

@keyframes gwpf-thread {
    from { background-position: -40% 0; }
    to   { background-position: 140% 0; }
}

@media (prefers-reduced-motion: reduce) {
    body.gw-pf-home .gwpf-home-hero.gwpf-switching .xchange_type_list_ins::after {
        animation: none;
        background-size: 100% 100%;
    }
}

/* --------------------------------------------------------- §2.1 строка города */

body.gw-pf-home .gwpf-home-hero .xtl_table_body.city {
    margin-bottom: 18px;
}

/* Переключатели пикера «Все / Офис / Курьер / Доставка» — в строке подписи
   «Выберите город», тем же кеглем и в той же капсуле, что табы валют ниже
   (правка владельца 17.09.2026). Цветные точки способов получения — вендорные. */
body.gw-pf-home .gwpf-home-hero .gwpf-city-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 26px;
}

body.gw-pf-home .gwpf-home-hero .gwpf-city-title .gw-loc-tabs {
    display: flex;
    align-items: center;
    gap: 2px;
    margin: 0 0 0 auto;
    padding: 2px;
    background: rgba(255, 255, 255, .03);
    border: 1px solid var(--gwpf-line);
    border-radius: 999px;
    box-shadow: none;
}

body.gw-pf-home .gwpf-home-hero .gwpf-city-title .gw-loc-tab {
    position: relative;
    flex: 0 0 auto;
    gap: 6px;
    padding: 4px 11px;
    background: none;
    border: 0;
    border-radius: 999px;
    box-shadow: none;
    font: 500 11px/14px var(--gwpf-sans);
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--gwpf-text-3);
    transition: color var(--gwpf-t) var(--gwpf-ease), background-color var(--gwpf-t) var(--gwpf-ease);
}

body.gw-pf-home .gwpf-home-hero .gwpf-city-title .gw-loc-tab:hover {
    color: var(--gwpf-text);
    background: none;
}

body.gw-pf-home .gwpf-home-hero .gwpf-city-title .gw-loc-tab.active {
    color: var(--gwpf-gold-2);
    background: rgba(214, 165, 90, .12);
    box-shadow: none;
}

body.gw-pf-home .gwpf-home-hero .gwpf-city-title .gw-loc-tab.active::after {
    content: '';
    position: absolute;
    left: 11px;
    right: 11px;
    bottom: 2px;
    height: 1px;
    background: linear-gradient(90deg, var(--gwpf-gold), transparent);
}

body.gw-pf-home .gwpf-home-hero .gwpf-city-title .gw-loc-tab-dot {
    width: 6px;
    height: 6px;
}

body.gw-pf-home .gwpf-home-hero .gwpf-city-title .gw-loc-cnt {
    font-size: 10px;
    letter-spacing: 0;
    opacity: .5;
    margin-left: 0;
}

/* Ряды табов в карточке — правый край строго по колонке (21.09.2026).
   Справа табов ЧЕТЫРЕ («Наличные»), и при вендорных 11 px паддинга капсула
   «ПОЛУЧАЕТЕ» вылезала на 27 px за поле под собой и за капсулу способов
   получения сверху — правый край карточки шёл лесенкой (замер в Blink:
   288 px капсула при колонке 357 px; на маке то же). Ужимаем пилюли, колонкам
   добавлено 8 px за счёт зазора (36 → 28) — запас 14 px. Только широкий экран:
   ниже 768 ряды растянуты во всю ширину блоком в конце файла. */
@media (min-width: 769px) {
    body.gw-pf-home .gwpf-home-hero .gwpf-cats,
    body.gw-pf-home .gwpf-home-hero .gwpf-city-title .gw-loc-tabs {
        max-width: 100%;
        flex-wrap: wrap;             /* страховка для других языков: переноситься, а не вылезать */
        justify-content: flex-end;
    }

    /* Обе капсулы карточки — одни метрики: два ряда пилюль разной плотности
       читаются как разъезжающаяся сетка. */
    body.gw-pf-home .gwpf-home-hero .gwpf-cat,
    body.gw-pf-home .gwpf-home-hero .gwpf-city-title .gw-loc-tab {
        padding: 4px 8px;
        letter-spacing: .06em;
    }

    body.gw-pf-home .gwpf-home-hero .gwpf-cat.is-active::after,
    body.gw-pf-home .gwpf-home-hero .gwpf-city-title .gw-loc-tab.active::after {
        left: 8px;
        right: 8px;
    }
}

/* 769…900: карточка ужимается вместе с окном, и капсула рядом с подписью уже не
   помещается (на 800 не хватало 17 px). Ставим подпись и капсулу в столбик в
   ОБЕИХ колонках — перенос «по месту» ронял только правую, и её поле уезжало
   на 30 px ниже левого. */
@media (min-width: 769px) and (max-width: 900px) {
    body.gw-pf-home .gwpf-home-hero .xtl_table_body:not(.city) .xtl_table_title_ins {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    body.gw-pf-home .gwpf-home-hero .gwpf-cats {
        width: auto;
        margin-left: 0;
        align-self: flex-end;
    }
}

/* Пикер города — токены скина (копия блока из direction.css: тот лист на главной не грузится). */
body.gw-pf-home .gw-loc,
body.gw-pf-home .gw-loc-cdd,
body.gw-pf-home .gw-loc-sbox {
    --gw-loc-primary: var(--gwpf-gold);
    --gw-loc-pdim: rgba(214, 165, 90, .12);
    --gw-loc-sel: rgba(214, 165, 90, .10);
    --gw-loc-text: var(--gwpf-text);
    --gw-loc-t2: var(--gwpf-text-2);
    --gw-loc-t3: var(--gwpf-text-3);
    --gw-loc-div: var(--gwpf-line);
    --gw-loc-div2: var(--gwpf-line-gold);
    --gw-loc-bg: var(--gwpf-s2);
    --gw-loc-field: var(--gwpf-s1);
}

/* Бейджи «Офис / Курьер / Доставка» — цвета вендорные (инлайн из настроек
   тегов), как на бою: владелец 17.09.2026 вернул их из-под золота. */

/* ------------------------------------------------------------- §2.3 киты */

body.gw-pf-home .gwpf-kit {
    display: none;
}

/* Киты — ПО БОКАМ карточки, по её вертикальному центру (модель стенда
   /whale-demo/: кит смотрит на форму; правка владельца 17.09.2026 — вариант
   «из верхних углов» не калибровался). Ручки — переменные на обёртке героя,
   стенд (kit-panel.js) крутит их инлайном, в бою действуют дефолты:
     --gwpf-kit-w    ширина кадра ролика;
     --gwpf-kit-gap  зазор между краем карточки и кадром (минус — кадр заходит
                     под карточку: сам кит занимает лишь середину кадра — ролики
                     KIT_*_NEW_COLOR от 20.09.2026: левый x 25–55 %, y 25–60 %
                     кадра 773×826; правый x 25–75 %, y 30–75 % кадра 768×804,
                     остальное пыль и ореол);
     --gwpf-kit-ly / -ry  сдвиг кадра от центра карточки по вертикали;
     --gwpf-kit-z    1 = под карточкой (её обёртка z 2), 3 = поверх. */
@media (min-width: 1280px) {
    body.gw-pf-home .gwpf-home-hero {
        --gwpf-kit-w: clamp(340px, 29vw, 420px);
        /* Кадр не выходит за экран: на 1920 (по краям 490 px) зазор −60; на 1440
           (по краям 250 px) кадр прижат к краю окна и частично под карточкой —
           киты выглядывают из-за формы, форма важнее (владелец 17.09.2026). */
        --gwpf-kit-gap: min(-60px, calc((100vw - 940px) / 2 - var(--gwpf-kit-w)));
        --gwpf-kit-ly: -10px;
        --gwpf-kit-ry: -40px;      /* тело правого кита ниже в кадре, чем левого */
        --gwpf-kit-op: 1;
        --gwpf-kit-blend: screen;
        --gwpf-kit-contrast: 1.6;
        --gwpf-kit-z: 1;
    }

    body.gw-pf-home .gwpf-kit {
        display: block;
        position: absolute;
        width: var(--gwpf-kit-w);
        height: auto;
        z-index: var(--gwpf-kit-z);
        pointer-events: none;
        mix-blend-mode: var(--gwpf-kit-blend);  /* в RGB роликов запечён тёмный ореол */
        /* Ореол не чёрный, а тёмно-серый (~6 %): на фоне 3 % screen делал из него
           видимый прямоугольник. contrast() уводит серое ниже нуля — в чёрный,
           а чёрный при screen прозрачен; светлый кит при этом лишь ярче. */
        filter: contrast(var(--gwpf-kit-contrast));
        transform: translateY(-50%);
        opacity: 0;
        transition: opacity .9s ease;
    }

    body.gw-pf-home .gwpf-kit--ready {
        opacity: var(--gwpf-kit-op);
    }

    body.gw-pf-home .gwpf-kit--left {
        right: calc(100% + var(--gwpf-kit-gap));
        top: calc(50% + var(--gwpf-kit-ly));
    }

    body.gw-pf-home .gwpf-kit--right {
        left: calc(100% + var(--gwpf-kit-gap));
        top: calc(50% + var(--gwpf-kit-ry));
    }

    body.gw-pf-home .gwpf-kit--flip {
        transform: translateY(-50%) scaleX(-1);
    }

    /* Киты по бокам, а не над карточкой — заголовочной зоне воздух больше не нужен
       (каждый пиксель здесь — минус к сгибу: на 1440×900 кнопка «Продолжить»
       и так у нижнего края). */
    body.gw-pf-home .gwpf-home-head {
        padding-top: 44px;
        padding-bottom: 32px;
    }
}

/* Кадры китов (≥1280) и водяной знак (<1280) выходят за вьюпорт — режем без полосы
   прокрутки (clip ≠ hidden: не создаёт scroll-контейнер и не ломает sticky). */
body.gw-pf-home .homepage_wrap {
    overflow-x: clip;
}

/* Водяной знак за карточкой там, где китов нет (§2.4). */
body.gw-pf-home .gwpf-home-hero .gwpf-wm {
    display: block;
    position: absolute;
    right: -8%;
    top: -6%;
    width: 62%;
    opacity: .028;
    pointer-events: none;
    z-index: 0;
}

@media (min-width: 1280px) {
    body.gw-pf-home .gwpf-home-hero .gwpf-wm {
        display: none;
    }
}

/* --------------------------------------------------------- §3 секции */

body.gw-pf-home .section {
    padding: 40px 0;
    margin: 0;
}

body.gw-pf-home .section__title .h2-title,
body.gw-pf-home .section__title .h2-title p,
body.gw-pf-home .information-wrapper__title,
body.gw-pf-home .information-wrapper__title p {
    font: 500 34px/1.15 var(--gwpf-serif);
    color: var(--gwpf-text);
    text-align: left;
    margin: 0 0 26px;
}

body.gw-pf-home .section__title .h2-title span,
body.gw-pf-home .section__title .h2-title p span {
    color: var(--gwpf-gold-2) !important;   /* тема красит span оранжевым с большей специфичностью */
    background: none !important;
    -webkit-text-fill-color: currentColor;
}

/* 1. Партнёры (мониторинги) — полоса между резервами и курсами, по центру,
   монохромом (правка владельца 17.09.2026); trust-строк на главной нет. */
body.gw-pf-home .gwpf-partners {
    padding: 40px 0 0;
}

body.gw-pf-home .gwpf-partners .section_content_wrapper {
    padding: 28px 0;
    border-top: 1px solid var(--gwpf-line);
    border-bottom: 1px solid var(--gwpf-line);
}

body.gw-pf-home .gwpf-partners .section__title {
    display: none;
}

body.gw-pf-home .gwpf-partners .partners {
    display: flex;
    flex-wrap: wrap;
    gap: 18px 40px;
    align-items: center;
    justify-content: center;
    margin: 0;
}

body.gw-pf-home .gwpf-partners .partner_item {
    margin: 0;
    padding: 0;
}

body.gw-pf-home .gwpf-partners .partner_item img {
    height: 26px;
    width: auto;
    filter: saturate(0) brightness(1.6);
    opacity: .45;
    transition: opacity .3s, filter .3s;
}

body.gw-pf-home .gwpf-partners .partner_item:hover img {
    opacity: 1;
    filter: saturate(1);
}

/* Шапка секции: серифный заголовок слева, тихая подпись справа на одной базовой
   линии, под ними линия. Одна и та же для курсов и резервов. */
body.gw-pf-home .gwpf-sec-head {
    display: flex;
    flex-direction: column;          /* по центру (владелец 17.09.2026) */
    align-items: center;
    gap: 6px;
    padding-bottom: 18px;
    margin-bottom: 24px;
    text-align: center;
    border-bottom: 1px solid var(--gwpf-line);
}

body.gw-pf-home .gwpf-sec-title {
    margin: 0;
    font: 500 28px/1.15 var(--gwpf-serif);
    color: var(--gwpf-text);
    letter-spacing: -.005em;
}

body.gw-pf-home .gwpf-sec-title span {
    color: var(--gwpf-gold-2);
}

body.gw-pf-home .gwpf-sec-note {
    margin: 0;
    font: 400 13px/1.5 var(--gwpf-sans);
    color: var(--gwpf-text-3);
    text-align: center;
}

/* 2. Курсы — карточки графиков вендорные «стеклянные» (владелец 17.09.2026), но
   в три колонки: на 1200 две карточки по 590 px были широкими для 20-px цифры и
   110-px графика; в 387 px те же пропорции читаются как задумано. */
body.gw-pf-home .gwpf-home-charts {
    padding: 48px 0 24px;
}

body.gw-pf-home .gwpf-home-charts .grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

body.gw-pf-home .gwpf-home-charts .gw-chart-wrap {
    width: auto;
    margin: 0;
    min-width: 0;
}

/* 3/5. Аккордеоны главной (резервы, условия, FAQ) */
body.gw-pf-home .gwpf-home-acc {
    padding: 0;
}

body.gw-pf-home .gwpf-home-acc .gwpf-home-acc-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    padding: 24px 0;
    background: none;
    border: 0;
    border-top: 1px solid var(--gwpf-line);
    cursor: pointer;
    text-align: left;
    /* Заголовок секции, а не подпись поля: сериф 22 px (аудит 17.09.2026 —
       11-px капитель равняла FAQ с подписью инпута). */
    font: 500 22px/1.2 var(--gwpf-serif);
    letter-spacing: -.005em;
    text-transform: none;
    color: var(--gwpf-gold-dim);
}

body.gw-pf-home .gwpf-home-acc .gwpf-home-acc-head:hover {
    color: var(--gwpf-gold-2);
}

body.gw-pf-home .gwpf-home-acc .gwpf-home-acc-head .gwpf-acc-chevron {
    font-size: 18px;
    line-height: 1;
    transition: transform .3s;
}

body.gw-pf-home .gwpf-home-acc--open .gwpf-home-acc-head .gwpf-acc-chevron {
    transform: rotate(180deg);
}

body.gw-pf-home .gwpf-home-acc .gwpf-home-acc-body {
    padding-bottom: 32px;
}

body.gw-pf-home .gwpf-home-acc:not(.gwpf-home-acc--open) .gwpf-home-acc-body {
    display: none !important;
}

/* 3. Резервы — компактные плитки в четыре колонки (владелец 17.09.2026),
   до 12 плиток + «Все резервы · N». */
body.gw-pf-home .gwpf-res-tiles {
    padding: 96px 0 8px;             /* воздух после карточки формы (владелец 17.09.2026: «ещё больше») */
}

body.gw-pf-home .gwpf-res-tiles .grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
}

body.gw-pf-home .gwpf-res-tiles .reserve-item {
    display: block;
    width: auto;
    margin: 0;
    padding: 0;
    min-width: 0;
}

body.gw-pf-home .gwpf-res-tiles .reserve-item.gwpf-res-hide {
    display: none;
}

body.gw-pf-home .gwpf-res-tiles .coin {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 64px;
    padding: 0 16px 0 12px;
    background: var(--gwpf-s1);
    border: 1px solid var(--gwpf-line);
    border-radius: 14px;
    transition: border-color .25s var(--gwpf-ease), background-color .25s var(--gwpf-ease);
}

body.gw-pf-home .gwpf-res-tiles .reserve-item:hover .coin {
    border-color: var(--gwpf-line-gold);
    background: var(--gwpf-s2);
}

/* Логотипы — в тон скина: 88 разноцветных картинок из админки сводятся к
   одной латуни (grayscale → sepia → золото), на наведении плитки — оригинал.
   Перерисовывать сами логотипы нельзя: банки теряют узнаваемость, а новая
   валюта из админки приходила бы «чужой». */
body.gw-pf-home .gwpf-res-tiles .coin__logo {
    position: relative;
    width: 32px;
    min-width: 32px;                 /* тема: min-width 4.4rem → круг 44×32, картинку растягивало */
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    flex: 0 0 auto;
    background: rgba(214, 165, 90, .08);
    box-shadow: inset 0 0 0 1px rgba(214, 165, 90, .22);
}

body.gw-pf-home .gwpf-res-tiles .coin__logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;             /* не cover: логотипы 421×475 и широкие (Wise) резались */
    filter: grayscale(1) sepia(1) saturate(1.6) hue-rotate(-12deg) brightness(.92) contrast(1.05);
    opacity: .85;
    transition: filter .35s var(--gwpf-ease), opacity .35s var(--gwpf-ease);
}

body.gw-pf-home .gwpf-res-tiles .reserve-item:hover .coin__logo img {
    filter: none;
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    body.gw-pf-home .gwpf-res-tiles .coin__logo img {
        transition: none;
    }
}

body.gw-pf-home .gwpf-res-tiles .coin__info {
    display: flex;
    flex-direction: column;          /* тема: height 4rem + overflow hidden → имя пропадало */
    flex: 1 1 auto;
    justify-content: center;
    gap: 2px;
    min-width: 0;
    height: auto;
    max-height: none;
    overflow: hidden;
}

body.gw-pf-home .gwpf-res-tiles .coin__info span {
    display: block;
    max-width: none;
    line-height: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.gw-pf-home .gwpf-res-tiles .coin__name {
    order: 0;
    font: 400 12px/1.3 var(--gwpf-sans);
    color: var(--gwpf-text-3);
}

body.gw-pf-home .gwpf-res-tiles .coin__amount {
    order: 1;
    font: 500 17px/1.15 var(--gwpf-serif);
    font-variant-numeric: lining-nums tabular-nums;
    color: var(--gwpf-text);
}

body.gw-pf-home .gwpf-res-more {
    display: block;
    margin: 18px auto 0;
    padding: 8px 18px;
    background: none;
    border: 1px solid var(--gwpf-line);
    border-radius: 999px;
    font: 500 11px/14px var(--gwpf-sans);
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--gwpf-gold-dim);
    cursor: pointer;
    transition: color .2s, border-color .2s;
}

body.gw-pf-home .gwpf-res-more:hover {
    color: var(--gwpf-gold-2);
    border-color: var(--gwpf-line-gold);
}

/* 4. Отзывы статикой, три в ряд, без карусели */
body.gw-pf-home .gwpf-reviews-static .swiper {
    overflow: visible;
}

body.gw-pf-home .gwpf-reviews-static .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    transform: none !important;
    transition: none !important;
}

body.gw-pf-home .gwpf-reviews-static .feedback-slide:nth-child(n+4) {
    display: none;
}

body.gw-pf-home .gwpf-reviews-static .feedback {
    width: auto !important;
    margin: 0 !important;
    padding: 26px 26px 26px 30px;
    background: var(--gwpf-s1);
    border: 1px solid var(--gwpf-line);
    border-radius: var(--gwpf-r-s);
    position: relative;
}

body.gw-pf-home .gwpf-reviews-static .feedback::before {
    content: '\201C';
    position: absolute;
    left: 12px;
    top: 6px;
    font: 300 34px/1 var(--gwpf-serif);
    color: var(--gwpf-gold-dim);
}

body.gw-pf-home .gwpf-reviews-static .feedback__title {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: baseline;
}

body.gw-pf-home .gwpf-reviews-static .feedback__name {
    font: 500 15px/1.4 var(--gwpf-sans);
    color: var(--gwpf-text);
}

body.gw-pf-home .gwpf-reviews-static .feedback__title .time {
    font: 400 12px/1.4 var(--gwpf-mono);
    color: var(--gwpf-text-3);
}

body.gw-pf-home .gwpf-reviews-static .feedback__text {
    font: 400 14px/1.6 var(--gwpf-sans);
    color: var(--gwpf-text-2);
    margin-top: 10px;
}

body.gw-pf-home .gwpf-reviews-static .section-buttons {
    margin-top: 22px;
}

/* Вторичные кнопки секций («Все отзывы», «Войти») — ghost в токенах */
body.gw-pf-home .btn.btn-secondary,
body.gw-pf-home .information .information__btn {
    border-radius: 999px;
    border: 1px solid var(--gwpf-line-gold);
    background: none;
    color: var(--gwpf-gold-2);
    font: 500 13px/1 var(--gwpf-sans);
    letter-spacing: .04em;
    padding: 14px 22px;
}

body.gw-pf-home .btn.btn-secondary:hover,
body.gw-pf-home .information .information__btn:hover {
    border-color: var(--gwpf-gold);
    color: var(--gwpf-gold-3);
}

body.gw-pf-home .information .information__btn--filled {
    background: var(--gwpf-btn);
    color: #1c1408;
    border: 0;
    box-shadow: var(--gwpf-btn-shadow);
}

body.gw-pf-home .information .information__btn--filled:hover {
    color: #1c1408;
    filter: brightness(1.04);
}

body.gw-pf-home .information .information-wrapper {
    background: none;
    border: 0;
    padding: 0;
}

/* 5. «Условия и порядок обмена» — раскрытый блок вместо аккордеона над
   вендорным баннером (владелец 20.09.2026). Узлы ставит howBlock() в home.js:
   .gwpf-how-wrap > .gwpf-sec-head + ol.gwpf-how-steps (плашку условий
   под шагами владелец снял 20.09).
   Вендорный .information-wrapper_ins (баннер «Лучший курс… / регистрация»)
   остаётся в DOM и прячется. */
/* `section.section` в селекторе — перебить мобильное правило темы
   (padding 36px 0 + margin-bottom 112px у секций главной): без него между
   условиями и FAQ на 390 px зияла дыра в 180 px. */
body.gw-pf-home section.section.gwpf-home-how {
    margin: 0;
    padding: 56px 0 24px;
}

body.gw-pf-home .gwpf-home-how .information-wrapper_ins {
    display: none;
}

body.gw-pf-home .gwpf-how-steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: gwpf-hs;
}

body.gw-pf-home .gwpf-how-steps > li {
    counter-increment: gwpf-hs;
    margin: 0;
    padding-top: 18px;
    border-top: 1px solid var(--gwpf-line-gold);
    list-style: none;
}

body.gw-pf-home .gwpf-how-steps > li::before {
    content: counter(gwpf-hs, decimal-leading-zero);
    display: block;
    margin-bottom: 14px;
    font: 400 34px/1 var(--gwpf-serif);
    color: var(--gwpf-gold-2);
}

body.gw-pf-home .gwpf-how-steps h3 {
    margin: 0 0 8px;
    font: 500 16px/1.3 var(--gwpf-sans);
    color: var(--gwpf-text);
}

body.gw-pf-home .gwpf-how-steps p {
    margin: 0;
    font: 400 13.5px/1.6 var(--gwpf-sans);
    color: var(--gwpf-text-2);
}

/* 5. FAQ — номера серифом, как .gwpf-how */
body.gw-pf-home .faq .faq-wrapper {
    counter-reset: gwpf-faq;
}

body.gw-pf-home .faq .oncetoggle {
    counter-increment: gwpf-faq;
    border-top: 1px solid var(--gwpf-line);
    background: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
}

body.gw-pf-home .faq .oncetoggletitle {
    padding: 0;
    background: none;
}

body.gw-pf-home .faq .oncetoggletitle_ins {
    display: flex;
    gap: 18px;
    align-items: baseline;
    font: 400 17px/1.4 var(--gwpf-sans);
    color: var(--gwpf-text);
    padding: 18px 0;
}

body.gw-pf-home .faq .oncetoggletitle_ins::before {
    content: counter(gwpf-faq, decimal-leading-zero);
    font: 400 26px/1 var(--gwpf-serif);
    color: var(--gwpf-gold-2);
    min-width: 44px;
}

body.gw-pf-home .faq .oncetogglebody {
    font: 400 14px/1.7 var(--gwpf-sans);
    color: var(--gwpf-text-2);
    padding: 0 0 22px 62px;
}

/* ------------------------------------------------ §4 планшет (<1280) и мобильный */

@media (max-width: 1100px) {
    body.gw-pf-home .gwpf-how-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.gw-pf-home .gwpf-home-charts .grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.gw-pf-home .gwpf-res-tiles .grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1279px) {
    body.gw-pf-home .gwpf-home-head {
        padding: 40px 16px 24px;
    }

    body.gw-pf-home .gwpf-home-hero .xchange_type_list_ins {
        padding: 32px 28px 36px;
    }
}

@media (max-width: 768px) {
    body.gw-pf-home section.section.gwpf-home-how {
        padding: 40px 0 8px;
    }

    body.gw-pf-home .gwpf-how-steps {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    body.gw-pf-home .gwpf-home-h1 {
        font-size: 36px;
    }

    body.gw-pf-home .gwpf-home-head {
        padding: 28px 16px 18px;
    }

    body.gw-pf-home .main-form.gwpf-home-hero {
        max-width: none;
        width: auto;                 /* .container темы = 100% → с margin вылезал за правый край */
        margin: 0 16px;
    }

    body.gw-pf-home .gwpf-home-hero .xchange_type_list_ins {
        padding: 24px 20px 28px;
        border-radius: 20px;
    }

    body.gw-pf-home .gwpf-home-hero .xtl_table_body {
        flex-direction: column;
        gap: 18px;
    }

    body.gw-pf-home .gwpf-home-hero .xtl_left_col,
    body.gw-pf-home .gwpf-home-hero .xtl_right_col {
        width: 100%;
        flex: 0 0 auto;              /* в колоночном флексе basis 0 = высота 0 (блок города пропадал) */
    }

    body.gw-pf-home .gwpf-home-hero .xtl_center_col {
        display: none;
    }

    body.gw-pf-home .gwpf-home-hero input.js_sum1,
    body.gw-pf-home .gwpf-home-hero input.js_sum2 {
        font-size: 22px;
    }

    body.gw-pf-home .section {
        padding: 36px 0;
    }

    body.gw-pf-home .section__title .h2-title,
    body.gw-pf-home .section__title .h2-title p,
    body.gw-pf-home .information-wrapper__title,
    body.gw-pf-home .information-wrapper__title p {
        font-size: 26px;
    }

    body.gw-pf-home .gwpf-partners .partners {
        gap: 14px 22px;
    }

    /* Табы валют не помещаются в строку подписи — второй ряд во всю ширину
       (аудит 17.09.2026: «НАЛИЧНЫЕ» вылезали за карточку на 390). */
    body.gw-pf-home .gwpf-home-hero .xtl_table_body:not(.city) .xtl_table_title_ins {
        flex-wrap: wrap;
        gap: 10px 12px;
    }

    body.gw-pf-home .gwpf-home-charts .grid {
        grid-template-columns: minmax(0, 1fr);
    }

    /* Переключатели города — вторым рядом во всю ширину, как табы валют. */
    body.gw-pf-home .gwpf-home-hero .gwpf-city-title {
        flex-wrap: wrap;
        gap: 10px 12px;
    }

    body.gw-pf-home .gwpf-home-hero .gwpf-city-title .gw-loc-tabs {
        width: 100%;
        margin-left: 0;
        flex-wrap: wrap;             /* «Доставка до города» в 390 не влезает в один ряд */
        border-radius: 16px;
    }

    body.gw-pf-home .gwpf-home-hero .gwpf-city-title .gw-loc-tab {
        flex: 1 1 auto;
        justify-content: center;
        padding: 6px 8px;
    }

    body.gw-pf-home .gwpf-home-hero .gwpf-city-title .gw-loc-cnt {
        display: none;               /* счётчики городов — только на широком */
    }

    body.gw-pf-home .gwpf-res-tiles {
        padding-top: 56px;
    }

    body.gw-pf-home .gwpf-res-tiles .grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    body.gw-pf-home .gwpf-res-tiles .coin {
        padding: 0 10px;
        gap: 10px;
    }

    body.gw-pf-home .gwpf-res-tiles .coin__amount {
        font-size: 15px;
    }


    body.gw-pf-home .gwpf-reviews-static .swiper-wrapper {
        grid-template-columns: 1fr;
    }

    body.gw-pf-home .faq .oncetogglebody {
        padding-left: 0;
    }
}