/* ------------------------------------------------------------------ *
 *  Страница «Вопросы и ответы» — page-templates/page-voprosy-i-otvety.php
 *  Все селекторы под префиксом .faq — на остальной сайт не влияет.
 *  Токены (--er-*) и шрифты — из main.css / fonts.css темы.
 * ------------------------------------------------------------------ */

.faq {
    --faq-gold: var(--er-accent);          /* #CD9138 */
    --faq-gold-hi: #DFB56F;
    --faq-card-bg: rgba(255,255,255,.35);
    --faq-line: rgba(201,139,53,.42);
    --faq-muted-inv: rgba(255,255,255,.85);
    --faq-prata: "Prata", Georgia, serif;

    font-size: 16.8px;
    line-height: 1.7;
    color: var(--er-fg);
}
/* В теме у body стоит overflow-x: hidden — это ломает position: sticky у колонки тем.
   Только на этой странице меняем на clip (визуально то же самое, sticky работает). */
body.page-template-page-voprosy-i-otvety,
body.page-template-page-templatespage-voprosy-i-otvety-php { overflow-x: clip; }

.faq p { margin: 0; }
.faq h1, .faq h2, .faq h3 { margin: 0; }
.faq-divider { max-width: 560px; margin-inline: auto; }

/* Вступление -------------------------------------------------------- */
.faq-intro { padding: 16px 0 48px; }
.faq-intro .er-breadcrumbs { margin-bottom: 28px; }
.faq-intro__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);   /* широкое фото, как на «Как я работаю» (26.10.2026) */
    gap: 40px 48px;
    align-items: center;
}
.faq-intro__text { display: flex; flex-direction: column; gap: 24px; min-width: 0; }
.faq-intro__title {
    font-family: var(--er-font-head);
    font-weight: 500;
    font-size: clamp(40px, 4.6vw, 64px);
    line-height: 1.12;
    letter-spacing: -.01em;
}
.faq-intro__line { width: 72px; height: 1px; background: var(--faq-gold); }
.faq-intro__lead {
    font-family: var(--er-font-head);
    font-weight: 500;
    font-size: clamp(22px, 2vw, 28px);
    line-height: 1.35;
    max-width: 720px;
}
.faq-intro__panorama { max-width: 640px; margin-top: 4px; }
.faq-intro__panorama img { width: 100%; }
.faq-intro__photo { width: 100%; aspect-ratio: 16 / 9; position: relative; }   /* рамка в пропорциях фото — без обрезки */
.faq-intro__photo picture { display: contents; }
.faq-intro__photo img {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    object-fit: cover; object-position: 50% 50%;
    /* Размывка краёв как у фото на главной (маска с hero-lolita-lounge.png):
       левый край растворяется в фон, к нижнему углу шире, внизу мягкий уход в фон.
       Верх и правый край ровные, без скругления и рамки — как на главной. */
    border-radius: 0; border: 0;
    -webkit-mask: url("data:image/png;base64,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") 0 0 / 100% 100% no-repeat;
            mask: url("data:image/png;base64,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") 0 0 / 100% 100% no-repeat;
}

/* Раскладка: темы + вопросы ------------------------------------------ */
.faq-main { padding: 48px 0 72px; }
.faq-main__grid {
    display: grid;
    grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
    gap: clamp(32px, 4vw, 56px);
    align-items: start;
}
.faq-nav {
    position: sticky;
    top: 24px;   /* шапка темы не фиксированная */
    display: flex; flex-direction: column; gap: 2px;
}
.faq-nav__link {
    display: flex; align-items: center; gap: 14px;
    min-height: 44px;
    padding: 12px 14px;
    border-radius: 10px;
    font-family: var(--faq-prata);
    font-size: 13.5px; line-height: 1.3;
    letter-spacing: 0;
    text-transform: uppercase;
    color: var(--er-fg);
    transition: background-color var(--er-transition), color var(--er-transition);
}
.faq-nav__link:hover { background: var(--faq-card-bg); color: var(--er-accent-lo); }
.faq-nav__icon { flex: 0 0 32px; width: 32px; height: 32px; object-fit: contain; }

.faq-list { display: flex; flex-direction: column; gap: 56px; min-width: 0; }
.faq-cat { scroll-margin-top: 24px; }
.faq-cat__head { display: flex; align-items: center; gap: 18px; margin-bottom: 8px; }
.faq-cat__icon { flex: 0 0 48px; width: 48px; height: 48px; object-fit: contain; }
.faq-cat__title {
    font-family: var(--faq-prata);
    font-weight: 400;
    font-size: 24.3px; line-height: 1.2;
    letter-spacing: 0;
    text-transform: uppercase;
}
.faq-cat__line { flex: 1 1 40px; min-width: 24px; height: 1px; background: var(--faq-gold); }

/* Аккордеон (<details>) --------------------------------------------- */
.faq-item { border-bottom: 1px solid var(--faq-line); }
.faq-item__q {
    display: flex; align-items: center; justify-content: space-between;
    gap: 24px;
    min-height: 44px;
    padding: 20px 0;
    cursor: pointer;
    list-style: none;
}
.faq-item__q::-webkit-details-marker { display: none; }
.faq-item__q::marker { content: ""; }
.faq-item__q:focus-visible { outline: 2px solid var(--er-fg); outline-offset: 4px; border-radius: 4px; }
.faq-item__title {
    font-family: var(--er-font-head);
    font-weight: 500;
    font-size: 24px; line-height: 1.3;
    letter-spacing: 0;
    transition: color 180ms ease;
}
.faq-item__q:hover .faq-item__title { color: var(--er-accent-lo); }
.faq-item__icon {
    position: relative;
    flex: 0 0 36px; width: 36px; height: 36px;
    border-radius: 50%;
    border: 1px solid var(--faq-gold);
    color: var(--er-accent-lo);
    transition: background-color 180ms ease;
}
.faq-item__icon::before,
.faq-item__icon::after {
    content: "";
    position: absolute; left: 50%; top: 50%;
    width: 14px; height: 1.6px;
    margin: -.8px 0 0 -7px;
    background: currentColor;
    border-radius: 1px;
    transition: transform 200ms ease, opacity 200ms ease;
}
.faq-item__icon::after { transform: rotate(90deg); }
.faq-item[open] .faq-item__icon { background: rgba(205,145,56,.12); }
.faq-item[open] .faq-item__icon::after { transform: rotate(90deg) scaleX(0); opacity: 0; }
.faq-item__a { padding: 0 60px 24px 0; }
.faq-item__a p { max-width: 760px; }
.faq-item__a p + p { margin-top: .75em; }   /* ответы из нескольких абзацев (26.10.2026) */
.faq-item__a a { color: var(--er-accent-lo); text-decoration: underline; text-underline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
    .faq-item__icon::before, .faq-item__icon::after, .faq-item__title { transition: none; }
}

/* Не нашли ответа? -------------------------------------------------- */
.faq-cta-wrap { padding: 0 0 88px; }
.faq-cta {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    align-items: stretch;
    background: var(--er-bg-dark);
    color: var(--faq-muted-inv);
    border: 1px solid var(--er-border);
    border-radius: var(--er-radius-md);
    overflow: hidden;
}
.faq-cta__text {
    display: flex; flex-direction: column; justify-content: center;
    gap: 20px;
    padding: clamp(28px, 3.4vw, 48px) clamp(28px, 4vw, 56px);
}
.faq-cta__icon { width: 53px; height: auto; }
.faq-cta__title {
    font-family: var(--faq-prata);
    font-weight: 400;
    font-size: clamp(28px, 2.6vw, 36px); line-height: 1.15;
    letter-spacing: 0;
    color: var(--faq-gold-hi);
}
.faq-cta__text p { max-width: 560px; }
.faq-cta__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 6px; }
.faq-cta .faq-cta__tg {
    border-color: rgba(223,181,111,.7);
    background: rgba(255,255,255,.06);
    color: #fff;
}
.faq-cta .faq-cta__tg:hover { background: rgba(255,255,255,.14); color: #fff; }
.faq-cta .er-hero__btn--primary:hover { color: #fff; }
.faq-cta__photo { position: relative; min-height: 280px; }
.faq-cta__photo img {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    object-fit: cover; object-position: 50% 58%;
}

/* Финальная фраза: блок-цитата (как .about-quote на главной) -------- */
.faq-quote-wrap { padding: 0 0 48px; }
.faq-quote {
    display: grid;
    grid-template-columns: minmax(0, 36fr) minmax(0, 50fr) minmax(120px, 14fr);
    align-items: stretch;
    min-height: 130px;
    background: var(--er-bg-dark);
    color: var(--faq-gold-hi);
    border-radius: var(--er-radius-md);
    overflow: hidden;
}
.faq-quote__image { position: relative; overflow: hidden; }
.faq-quote__image img {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    object-fit: cover; object-position: center 45%;
    -webkit-mask-image: linear-gradient(to right, #000 55%, transparent 100%);
    mask-image: linear-gradient(to right, #000 55%, transparent 100%);
}
.faq-quote__content {
    display: flex; align-items: center; gap: 20px;
    margin: 0;
    padding: 24px 32px 24px 48px;
}
.faq-quote__mark { flex: 0 0 auto; width: clamp(34px, 2.6vw, 44px); height: auto; align-self: flex-start; margin-top: 4px; }
.faq-quote__text {
    font-family: var(--faq-prata);
    font-weight: 400;
    font-size: clamp(18px, 1.5vw, 24px);
    line-height: 1.35;
    color: var(--faq-gold-hi);
}
.faq-quote__illustration { display: grid; place-items: center; padding: 12px 20px; opacity: .85; }
.faq-quote__illustration img { width: 100%; max-width: 150px; max-height: 110px; object-fit: contain; }

/* Адаптив (брейкпоинты темы) ---------------------------------------- */
@media (max-width: 1023px) {
    .faq-intro__grid { grid-template-columns: 1fr; }
    /* Фото под текстом: как на главной в мобильной версии — размывка только снизу */
    .faq-intro__photo img {
        -webkit-mask: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAAC0CAYAAACqnKHoAAACo0lEQVR42u3avU7DMBSAUV/oyvs/HkOFkFgYGS9TpQzBdX5r03MmKtSmdfw5TtXIzCzAkF4MAQgYEDAgYBAwIGBAwICAQcCAgAEBg4ABAQMCBgQMAgYEDAgYEDAIGBAwIGAQMCBgQMCAgEHAgIABAQMCBgEDAgYEDAIGBAwIGBAwCBgQMCBgEDAgYEDAgIBBwICAAQEDAgYBAwIGBAwCBgQMCBgQMAgYEDAgYEDAIGBAwICAQcCAgAEBAwIGAQMCBgQMCBgEDAgYEDAIGBAwIGBAwCBgQMCAgEHAgIABAQMCBgEDAgYEDAgYBAwIGBAwCBgQMCBgQMAgYEDAgIABAYOAAQEDAgYBAwIGBAwIGAQMCBgQMCBgEDAgYEDAIGBAwICAAQGDgAEBAwIGAQMCBgQMCBgEDAgYEDAgYBAwIGBAwCBgQMCAgAEBg4ABAQMCBgQMAgYEDAgYBAwIGBAwIGAQMCBgQMAgYEDAgIABAYOAAQEDAgYEDAIGBAwIGAQMCBgQMCBgEDAgYGB3l1JKGgYYN+AfwwDjBvxtGGDcgL8MA3Rtepsbk8d5KaV8GJ9hT2o0nOy5/0UHE/HZQ9zyvJxega93JsQZHygaJ2E+6D3U3kc0PCdPjLjlWGeHnZ1HFQfOpfxj/HNjvHkL+L1ykNYJ0MvWYqSVvjZx7oUZKxaa1kVoj4U1djoHOXOcqGwpt2p9rTXH3Brs7N+3gJes2NFR0LVtZJSxt2xHTdLWyRmNMcfKMc+DP9tZO8rcsNvKpVfcuSvwdcWWKxbE22tIo9+PtQYUd3ZYecBCnDtFl53PoS1jsCTeasCfC7fKj74a/6cvQvyI5vnO59Kwq1voyMy3hV9mROf3xcIZO4AoFulsjTsy8/WAeygTAk6IPTLNbRjVLze4iG9qHPA0AAAAAElFTkSuQmCC") 0 0 / 100% 100% no-repeat;
                mask: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAAC0CAYAAACqnKHoAAACo0lEQVR42u3avU7DMBSAUV/oyvs/HkOFkFgYGS9TpQzBdX5r03MmKtSmdfw5TtXIzCzAkF4MAQgYEDAgYBAwIGBAwICAQcCAgAEBg4ABAQMCBgQMAgYEDAgYEDAIGBAwIGAQMCBgQMCAgEHAgIABAQMCBgEDAgYEDAIGBAwIGBAwCBgQMCBgEDAgYEDAgIBBwICAAQEDAgYBAwIGBAwCBgQMCBgQMAgYEDAgYEDAIGBAwICAQcCAgAEBAwIGAQMCBgQMCBgEDAgYEDAIGBAwIGBAwCBgQMCAgEHAgIABAQMCBgEDAgYEDAgYBAwIGBAwCBgQMCBgQMAgYEDAgIABAYOAAQEDAgYBAwIGBAwIGAQMCBgQMCBgEDAgYEDAIGBAwICAAQGDgAEBAwIGAQMCBgQMCBgEDAgYEDAgYBAwIGBAwCBgQMCAgAEBg4ABAQMCBgQMAgYEDAgYBAwIGBAwIGAQMCBgQMAgYEDAgIABAYOAAQEDAgYEDAIGBAwIGAQMCBgQMCBgEDAgYGB3l1JKGgYYN+AfwwDjBvxtGGDcgL8MA3Rtepsbk8d5KaV8GJ9hT2o0nOy5/0UHE/HZQ9zyvJxega93JsQZHygaJ2E+6D3U3kc0PCdPjLjlWGeHnZ1HFQfOpfxj/HNjvHkL+L1ykNYJ0MvWYqSVvjZx7oUZKxaa1kVoj4U1djoHOXOcqGwpt2p9rTXH3Brs7N+3gJes2NFR0LVtZJSxt2xHTdLWyRmNMcfKMc+DP9tZO8rcsNvKpVfcuSvwdcWWKxbE22tIo9+PtQYUd3ZYecBCnDtFl53PoS1jsCTeasCfC7fKj74a/6cvQvyI5vnO59Kwq1voyMy3hV9mROf3xcIZO4AoFulsjTsy8/WAeygTAk6IPTLNbRjVLze4iG9qHPA0AAAAAElFTkSuQmCC") 0 0 / 100% 100% no-repeat;
    }
    .faq-main__grid { grid-template-columns: 1fr; gap: 28px; }
    .faq-nav {
        position: static;
        flex-direction: row;
        overflow-x: auto;
        gap: 8px;
        padding-bottom: 6px;
        -webkit-overflow-scrolling: touch;
    }
    .faq-nav__link {
        flex: 0 0 auto;
        padding: 8px 14px;
        border: 1px solid var(--faq-line);
        border-radius: 999px;
        background: var(--faq-card-bg);
    }
    .faq-nav__icon { display: none; }
    .faq-cta { grid-template-columns: 1fr; }
    .faq-cta__photo { order: -1; min-height: 0; height: 240px; }
    .faq-quote { grid-template-columns: minmax(0, 30fr) minmax(0, 70fr); }
    .faq-quote__illustration { display: none; }
}
@media (max-width: 767px) {
    .faq-cat__title { font-size: 18px; }
    .faq-intro__photo { max-width: none; }
    .faq-cat__line { display: none; }
    .faq-cat__icon { flex-basis: 40px; width: 40px; height: 40px; }
    .faq-item__title { font-size: 20px; }
    .faq-item__a { padding-right: 0; }
    .faq-list { gap: 44px; }
    .faq-cta__text { padding: 28px 20px; }
    .faq-cta__actions { flex-direction: column; }
    .faq-cta__actions .er-hero__btn { width: 100%; }
    .faq-cta__photo { height: 180px; }
    .faq-quote { grid-template-columns: 1fr auto; min-height: 0; }
    .faq-quote__image { display: none; }
    .faq-quote__content { padding: 20px 8px 20px 20px; gap: 12px; }
    .faq-quote__mark { width: 28px; }
    .faq-quote__text { font-size: 17px; }
    .faq-quote__illustration { display: grid; padding: 0 14px; }
    .faq-quote__illustration img { max-width: 64px; max-height: 64px; }
    .faq-cta-wrap { padding-bottom: 32px; }
}