/* Start:/local/templates/500na700/css/about.css?178920894021696*/
/* =============================================================================
   Страница «О бренде» (/about/) и общая база для /blog/.

   Перенесено из макета ~/Downloads/«My Nymph · О бренде.html»: палитра,
   шрифты, отступы и сетки — как в исходнике. Не переносились блоки, которые
   в макете имитировали сайт (.shell/.frame/.page/.hdr/.nav/.ftr) и служебная
   вкладка аналитики (.an) — шапка и подвал настоящие, из header.php/footer.php.

   Всё внутри .mnn-longread: имена вроде .two, .facts, .press, .btn слишком общие,
   чтобы пускать их в глобальную область шаблона.
   ============================================================================= */

/* Объявления @font-face для Cormorant Garamond переехали в
   css/fonts-display.css: он подключается на всех страницах, потому что тем
   же шрифтом набран заголовок подвала. */

.mnn-longread {
    --bg: #FCFAF8;
    --ink: #241B1E;
    --mute: #7A6A6E;
    --line: #EAD9D9;
    --wine: var(--mn-wine);
    --wine-d: #561C2A;
    --rose: #F3DCDC;
    --rose-l: #F9ECEC;
    --sand: #EDE3DC;
    --disp: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    --body: "Open Sans", Arial, sans-serif;

    background: #ffffff;
    color: var(--ink);
    font-family: var(--body);
    font-size: 16px;
    line-height: 1.55;
}

.mnn-longread * {
    box-sizing: border-box;
}

.mnn-longread a {
    color: var(--wine);
}

.mnn-longread h1,
.mnn-longread h2,
.mnn-longread h3 {
    font-family: var(--disp);
    font-weight: 500;
    line-height: 1.1;
    margin: 0;
    text-wrap: balance;
}

.mnn-longread p {
    margin: 0;
}

/* ===== секции ===== */
.mnn-longread .sec {
    padding: 64px 24px;
    max-width: 1120px;
    margin: 0 auto;
}

.mnn-longread .sec + .sec {
    border-top: 1px solid var(--line);
}

.mnn-longread .eyebrow {
    font-size: 11px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--wine);
    margin-bottom: 14px;
}

.mnn-longread .lead {
    font-size: 18px;
    line-height: 1.6;
    max-width: 62ch;
    color: #3a2f33;
}

.mnn-longread .txt {
    max-width: 62ch;
    color: #3a2f33;
}

.mnn-longread .txt + .txt {
    margin-top: 14px;
}

.mnn-longread h2 {
    font-size: clamp(28px, 3.4vw, 40px);
}

.mnn-longread h2 + .txt,
.mnn-longread h2 + .lead {
    margin-top: 18px;
}

/* ===== hero ===== */
.mnn-longread .hero {
    padding-top: 56px;
}

.mnn-longread .hero h1 {
    font-size: clamp(34px, 5vw, 60px);
    max-width: 16ch;
}

.mnn-longread .hero h1 em {
    font-style: italic;
    font-weight: 400;
    color: var(--wine);
}

.mnn-longread .hero .lead {
    margin-top: 22px;
}

.mnn-longread .hero-grid {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 40px;
    align-items: end;
}

/* ===== заглушки фото ===== */
.mnn-longread .ph {
    position: relative;
    background: linear-gradient(160deg, var(--rose) 0%, var(--sand) 100%);
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    padding: 14px;
}

.mnn-longread .ph::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(60% 50% at 30% 30%, rgba(255, 255, 255, .5), transparent 70%),
        repeating-linear-gradient(135deg, transparent 0 18px, rgba(110, 38, 54, .05) 18px 19px);
}

.mnn-longread .ph span {
    position: relative;
    font-size: 11px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--wine);
    background: rgba(255, 255, 255, .75);
    padding: 5px 8px;
    border-radius: 2px;
}

.mnn-longread .ph.tall { aspect-ratio: 4/5; }

/* .ph с настоящим фото: без градиента-заглушки и внутренних полей */
.mnn-longread .ph_photo {
    display: block;
    padding: 0;
    background: none;
}

.mnn-longread .ph_photo::before {
    content: none;
}

.mnn-longread .ph_photo picture {
    display: block;
    width: 100%;
    height: 100%;
}

.mnn-longread .ph_photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.mnn-longread .ph.wide { aspect-ratio: 16/9; }
.mnn-longread .ph.sq   { aspect-ratio: 1; }

/* ===== полоса фактов ===== */
.mnn-longread .facts {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

.mnn-longread .facts div {
    padding: 22px 18px;
    border-right: 1px solid var(--line);
}

.mnn-longread .facts div:last-child {
    border-right: 0;
}

.mnn-longread .facts b {
    display: block;
    font-family: var(--disp);
    font-weight: 500;
    font-size: 30px;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.mnn-longread .facts small {
    display: block;
    margin-top: 8px;
    font-size: 12px;
    color: var(--mute);
    line-height: 1.35;
}

/* ===== две колонки ===== */
.mnn-longread .two {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: start;
}

/* ===== паспорт ткани ===== */
.mnn-longread .pass {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1px;
    background: var(--line);
    border: 1px solid var(--line);
    margin-top: 24px;
}

.mnn-longread .pass div {
    background: #fff;
    padding: 16px 18px;
}

.mnn-longread .pass b {
    display: block;
    font-size: 12px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--mute);
    font-weight: 500;
    margin-bottom: 6px;
}

.mnn-longread .pass span {
    font-size: 15px;
}

/* ===== производство ===== */
.mnn-longread .steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
    margin-top: 32px;
}

.mnn-longread .steps h3 {
    font-size: 22px;
    margin: 12px 0 8px;
}

.mnn-longread .steps p {
    font-size: 14.5px;
    color: #3a2f33;
}

.mnn-longread .steps .ph {
    aspect-ratio: 4/3;
}

/* ===== посадка ===== */
.mnn-longread .fit {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: var(--line);
    border: 1px solid var(--line);
    margin-top: 28px;
}

.mnn-longread .fit div {
    background: #fff;
    padding: 22px;
}

.mnn-longread .fit h3 {
    font-size: 22px;
    margin-bottom: 8px;
}

.mnn-longread .fit p {
    font-size: 15px;
    color: #3a2f33;
}

/* ===== примерка ===== */
.mnn-longread .try {
    background: var(--rose-l);
    border-radius: 4px;
    padding: 36px;
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 36px;
    align-items: center;
}

.mnn-longread .try ol {
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 12px;
    counter-reset: t;
}

.mnn-longread .try li {
    display: grid;
    grid-template-columns: 32px 1fr;
    gap: 12px;
    font-size: 15px;
    counter-increment: t;
}

.mnn-longread .try li::before {
    content: counter(t);
    font-family: var(--disp);
    font-size: 26px;
    line-height: 1;
    color: var(--wine);
}

/* ===== кнопки =====
   В style.css шаблона есть свой .btn (display:flex; width:100%; 20px).
   Он перебивает ширину и размер, поэтому здесь сбрасываем явно. */
.mnn-longread .btn {
    display: inline-block;
    width: auto;
    max-width: none;
    min-height: 0;
    font: 500 13px/1 var(--body);
    letter-spacing: .12em;
    text-transform: uppercase;
    background: var(--wine);
    color: #fff;
    padding: 18px 28px;
    border-radius: 6px;
    text-decoration: none;
    transition: background .2s ease;
}

.mnn-longread .btn:hover {
    background: var(--wine-d);
}

.mnn-longread .btn.ghost {
    background: transparent;
    color: var(--wine);
    border: 1px solid var(--wine);
}

.mnn-longread .btn.ghost:hover {
    background: var(--rose-l);
}

.mnn-longread .btn + .btn {
    margin-left: 10px;
}

/* ===== честно ===== */
.mnn-longread .honest {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    margin-top: 28px;
}

.mnn-longread .honest div {
    border-top: 2px solid var(--wine);
    padding-top: 14px;
}

.mnn-longread .honest h3 {
    font-size: 21px;
    margin-bottom: 6px;
}

.mnn-longread .honest p {
    font-size: 14.5px;
    color: #3a2f33;
}

/* ===== ДНК ===== */
.mnn-longread .dna {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
}

.mnn-longread .dna blockquote {
    margin: 0;
    font-family: var(--disp);
    font-size: clamp(26px, 3vw, 36px);
    line-height: 1.2;
    font-weight: 400;
}

.mnn-longread .dna blockquote em {
    color: var(--wine);
}

/* ===== нас носят в ===== */
.mnn-longread .seen {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 28px;
    margin-top: 20px;
    font-family: var(--disp);
    font-size: 24px;
    color: #4a3d41;
}

.mnn-longread .seen span {
    white-space: nowrap;
}

/* Ссылки внутри текста: «А также» под блоком СМИ и паспорт ткани.
   В блоке «Нас носят в» остаются span'ы — подчёркивания там нет. */
.mnn-longread .seen a,
.mnn-longread .pass a {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid var(--line);
    transition: color .2s ease, border-color .2s ease;
}

.mnn-longread .seen a:hover,
.mnn-longread .pass a:hover {
    color: var(--wine);
    border-bottom-color: var(--wine);
}

/* названия изданий не разрываем */
.mnn-longread .seen a {
    white-space: nowrap;
}

.mnn-longread .seen-l {
    font-size: 12px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--mute);
    margin-top: 30px;
}

.mnn-longread .seen-l:first-of-type {
    margin-top: 0;
}

/* ===== СМИ ===== */
.mnn-longread .press {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 28px;
}

.mnn-longread .pc {
    display: block;
    border: 1px solid var(--line);
    border-radius: 4px;
    padding: 20px;
    text-decoration: none;
    color: var(--ink);
    transition: border-color .2s;
}

.mnn-longread .pc:hover {
    border-color: var(--wine);
}

.mnn-longread .pc-h {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 12px;
}

.mnn-longread .pc-h b {
    font-family: var(--disp);
    font-size: 24px;
    font-weight: 500;
}

.mnn-longread .pc-h span {
    font-size: 12px;
    color: var(--mute);
}

.mnn-longread .pc p {
    font-size: 15.5px;
    line-height: 1.45;
}

.mnn-longread .pc-q {
    font-size: 13px;
    color: var(--mute);
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--line);
}

/* ===== финальный призыв ===== */
.mnn-longread .cta {
    text-align: center;
    padding: 72px 24px;
}

.mnn-longread .cta h2 {
    font-size: clamp(30px, 4vw, 48px);
}

.mnn-longread .cta .lead {
    margin: 16px auto 28px;
    max-width: 44ch;
}

/* ===== мобильная версия — медиазапросы из макета ===== */
/* =============================================================================
   Адаптив: телефон <=600px, планшет 601–1024px.
   Десктоп (>=1025px) описан выше и здесь не переопределяется.

   Боковые поля вынесены в переменные и учитывают вырезы iPhone
   (env(safe-area-inset-*)), чтобы «edge-to-edge» фото доходили ровно до края.
   ============================================================================= */

.mnn-longread {
    --pad: 24px;
    --pad-l: calc(var(--pad) + env(safe-area-inset-left, 0px));
    --pad-r: calc(var(--pad) + env(safe-area-inset-right, 0px));
}

@media (prefers-reduced-motion: reduce) {
    .mnn-longread *,
    .mnn-sticky-cta {
        transition: none !important;
        scroll-behavior: auto !important;
    }
}

/* ============================ ПЛАНШЕТ 601–1024 ============================ */
@media (min-width: 601px) and (max-width: 1024px) {
    .mnn-longread {
        --pad: 32px;
    }

    .mnn-longread .sec {
        padding: 64px var(--pad-r) 64px var(--pad-l);
    }

    .mnn-longread h1,
    .mnn-longread .hero h1 {
        font-size: clamp(30px, 8vw, 44px);
    }

    .mnn-longread h2,
    .mnn-longread .cta h2 {
        font-size: clamp(26px, 6vw, 34px);
    }

    .mnn-longread .lead,
    .mnn-longread .txt {
        font-size: 17px;
        line-height: 1.6;
    }

    /* hero остаётся в две колонки */
    .mnn-longread .hero-grid {
        grid-template-columns: 1.1fr .9fr;
        gap: 28px;
    }

    /* факты 3 + 2 */
    .mnn-longread .facts {
        grid-template-columns: repeat(3, 1fr);
    }

    .mnn-longread .facts div:nth-child(3n) {
        border-right: 0;
    }

    .mnn-longread .facts div:nth-child(-n+3) {
        border-bottom: 1px solid var(--line);
    }

    .mnn-longread .steps {
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }

    .mnn-longread .two,
    .mnn-longread .dna {
        grid-template-columns: 1fr 1fr;
        gap: 32px;
    }

    .mnn-longread .fit {
        grid-template-columns: 1fr 1fr;
    }

    .mnn-longread .press {
        grid-template-columns: 1fr 1fr;
    }

    .mnn-longread .try {
        grid-template-columns: 1fr;
        padding: 28px;
        gap: 24px;
    }

    /* фото в пределах полей, со скруглением */
    .mnn-longread .ph_photo {
        border-radius: 4px;
        overflow: hidden;
    }
}

/* «Честно» — три колонки только на широком планшете */
@media (min-width: 601px) and (max-width: 899px) {
    .mnn-longread .honest {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

@media (min-width: 900px) and (max-width: 1024px) {
    .mnn-longread .honest {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* ============================== ТЕЛЕФОН <=600 ============================== */
@media (max-width: 600px) {
    .mnn-longread {
        --pad: 20px;
    }

    .mnn-longread .sec {
        padding: 48px var(--pad-r) 48px var(--pad-l);
    }

    .mnn-longread h1,
    .mnn-longread .hero h1 {
        font-size: clamp(30px, 8vw, 44px);
        max-width: none;
    }

    .mnn-longread h2,
    .mnn-longread .cta h2 {
        font-size: clamp(26px, 6vw, 34px);
    }

    .mnn-longread .lead,
    .mnn-longread .txt,
    .mnn-longread .steps p,
    .mnn-longread .honest p,
    .mnn-longread .fit p {
        font-size: clamp(16px, 4.2vw, 17px);
        line-height: 1.6;
    }

    /* --- фото во всю ширину экрана, без скруглений --- */
    .mnn-longread .ph_photo {
        margin-left: calc(-1 * var(--pad-l));
        margin-right: calc(-1 * var(--pad-r));
        width: auto;
        border-radius: 0;
    }

    /* --- hero: сначала фото, под ним текст --- */
    .mnn-longread .hero-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .mnn-longread .hero-grid > .ph_photo {
        order: -1;
    }

    .mnn-longread .ph_photo_hero.tall {
        aspect-ratio: 4/5;
    }

    /* --- факты: горизонтальная лента --- */
    .mnn-longread .facts {
        display: flex;
        grid-template-columns: none;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        margin-left: calc(-1 * var(--pad-l));
        margin-right: calc(-1 * var(--pad-r));
        padding-left: var(--pad-l);
        padding-right: var(--pad-r);
    }

    .mnn-longread .facts::-webkit-scrollbar {
        display: none;
    }

    .mnn-longread .facts div {
        flex: 0 0 150px;
        scroll-snap-align: start;
        border-bottom: 0;
        padding: 20px 16px 20px 0;
    }

    .mnn-longread .facts div:last-child {
        padding-right: var(--pad-r);
    }

    .mnn-longread .facts small {
        white-space: normal;
        overflow: visible;
    }

    /* --- ткань: фото сверху, паспорт в одну колонку --- */
    .mnn-longread .two {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .mnn-longread .two > .ph_photo {
        order: -1;
    }

    .mnn-longread .pass {
        grid-template-columns: 1fr;
        gap: 0;
        background: none;
        border: 0;
        border-top: 1px solid var(--line);
    }

    .mnn-longread .pass div {
        padding: 14px 0;
        border-bottom: 1px solid var(--line);
    }

    /* --- шаги производства: лента со snap --- */
    .mnn-longread .steps {
        display: flex;
        grid-template-columns: none;
        gap: 14px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        margin-left: calc(-1 * var(--pad-l));
        margin-right: calc(-1 * var(--pad-r));
        padding: 0 var(--pad-r) 0 var(--pad-l);
    }

    .mnn-longread .steps::-webkit-scrollbar {
        display: none;
    }

    .mnn-longread .steps > div {
        flex: 0 0 78vw;
        scroll-snap-align: start;
    }

    /* внутри ленты фото уже не тянем за края */
    .mnn-longread .steps .ph_photo {
        margin-left: 0;
        margin-right: 0;
        width: auto;
        aspect-ratio: 4/3;
    }

    /* --- посадка, честно, СМИ --- */
    .mnn-longread .fit,
    .mnn-longread .honest,
    .mnn-longread .press,
    .mnn-longread .dna {
        grid-template-columns: 1fr;
    }

    .mnn-longread .honest {
        gap: 20px;
    }

    .mnn-longread .press,
    .mnn-longread .dna {
        gap: 16px;
    }

    /* --- «А также»: перенос строк --- */
    .mnn-longread .seen {
        gap: 10px 20px;
    }

    .mnn-longread .seen a,
    .mnn-longread .seen span {
        white-space: normal;
    }

    /* --- примерка: фото коробки сверху, во всю ширину --- */
    .mnn-longread .try {
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 0 0 26px;
        margin-left: calc(-1 * var(--pad-l));
        margin-right: calc(-1 * var(--pad-r));
        border-radius: 0;
    }

    .mnn-longread .try > .ph_photo {
        order: -1;
        margin: 0;
    }

    .mnn-longread .try > div:not(.ph_photo) {
        padding: 0 var(--pad-r) 0 var(--pad-l);
    }

    /* --- кнопки --- */
    .mnn-longread .btn {
        display: block;
        width: 100%;
        min-height: 48px;
        padding: 16px 20px;
        text-align: center;
    }

    .mnn-longread .btn + .btn {
        margin: 10px 0 0;
    }

    .mnn-longread .cta {
        padding-bottom: 56px;
    }

    /* тап-цели */
    .mnn-longread .pc,
    .mnn-longread .seen a {
        min-height: 48px;
    }

    .mnn-longread .seen a {
        display: inline-flex;
        align-items: center;
    }
}

/* Мобильная шапка .header_mobile фиксирована и занимает ~70px сверху
   (включается с 992px). Первый экран /about/, /blog/ и статьи должен
   начинаться под ней — как на других статичных страницах. */
@media (max-width: 992px) {
    .mnn-longread .sec.hero,
    .mnn-longread .post {
        padding-top: 90px;
    }
}

/* =============================================================================
   Липкая кнопка «Выбрать купальник» — только телефон.
   ============================================================================= */

.mnn-sticky-cta {
    display: none;
}

@media (max-width: 600px) {
    .mnn-sticky-cta {
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 6;
        padding: 10px calc(var(--pad, 20px) + env(safe-area-inset-right, 0px))
                 calc(10px + env(safe-area-inset-bottom, 0px))
                 calc(var(--pad, 20px) + env(safe-area-inset-left, 0px));
        background: rgba(255, 255, 255, .94);
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
        border-top: 1px solid #EAD9D9;
        transform: translateY(120%);
        opacity: 0;
        visibility: hidden;
        transition: transform .25s ease, opacity .25s ease, visibility .25s ease;
    }

    .mnn-sticky-cta.is-visible {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }

    .mnn-sticky-cta__btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 48px;
        padding: 14px 20px;
        border-radius: 6px;
        background: var(--mn-wine);
        color: #fff;
        font-family: "Open Sans", Arial, sans-serif;
        font-weight: 500;
        font-size: 13px;
        letter-spacing: .12em;
        text-transform: uppercase;
        text-decoration: none;
    }
}

/* End */


/* Start:/local/templates/500na700/css/primerka.css?17891966765136*/
/* =============================================================================
   Страница «Примерка при получении» (/primerka/).

   Базу — палитру, шрифты, отступы, .sec, .btn, .ph — даёт about.css: страница
   обёрнута в .mnn-longread, поэтому здесь только то, чего в нём нет.

   Аккордеон намеренно повторяет карточку товара: те же классы accordion-item*,
   чтобы его открывал общий accordion("accordion") из main.js. Но стили карточки
   лежат в css/product.css, а он на этой странице не подключается — поэтому вид
   описан здесь заново.
   ============================================================================= */

/* ===== обложка ===== */
.mnn-longread .pr-hero-photo {
    margin-top: 32px;
}

/* ===== четыре шага ===== */
/*
 * Две колонки, а не четыре: при ширине контейнера 1072px четыре колонки дают
 * строку в 30 знаков — текст рвётся почти на каждом слове. В две колонки
 * строка выходит около 60 знаков, это нормальная длина для чтения.
 */
.mnn-longread .pr-steps {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px 44px;
    margin: 32px 0 0;
    padding: 0;
    list-style: none;
    counter-reset: pr;
}

.mnn-longread .pr-steps li {
    counter-increment: pr;
    padding-top: 14px;
    border-top: 1px solid var(--line);
}

/* номер шага — Cormorant italic, как акценты в заголовках лонгрида */
.mnn-longread .pr-steps li::before {
    content: counter(pr);
    display: block;
    font-family: var(--disp);
    font-style: italic;
    font-weight: 400;
    font-size: 44px;
    line-height: 1;
    color: var(--wine);
    margin-bottom: 10px;
}

.mnn-longread .pr-steps h3 {
    font-size: 20px;
    margin: 0 0 8px;
}

.mnn-longread .pr-steps p {
    font-size: 15px;
    line-height: 1.6;
    color: #3a2f33;
}

/* ===== условия ===== */
.mnn-longread .pr-terms {
    margin: 28px 0 0;
    padding: 0;
    list-style: none;
    max-width: 72ch;
}

.mnn-longread .pr-terms li {
    position: relative;
    padding: 14px 0 14px 26px;
    border-bottom: 1px solid var(--line);
    font-size: 15.5px;
    line-height: 1.6;
    color: #3a2f33;
}

.mnn-longread .pr-terms li:first-child {
    border-top: 1px solid var(--line);
}

/* маркер — тонкое кольцо в цвет акцента, без «жирной» точки списка */
.mnn-longread .pr-terms li::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 22px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 1px solid var(--wine);
}

/* ===== частые вопросы ===== */
.mnn-longread .pr-faq {
    margin-top: 28px;
    max-width: 72ch;
}

.mnn-longread .pr-faq .accordion-item {
    margin: 0;
    border-bottom: 1px solid var(--line);
}

.mnn-longread .pr-faq .accordion-item__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 0;
    text-decoration: none;
    color: var(--ink);
    cursor: pointer;
}

.mnn-longread .pr-faq .accordion-item__header-title {
    font-family: var(--body);
    font-size: 16px;
    line-height: 1.45;
    color: var(--ink);
    margin: 0;
}

.mnn-longread .pr-faq .accordion-item__header-icon {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    transition: transform .2s ease;
}

.mnn-longread .pr-faq .accordion-item__header-icon svg {
    width: 9px;
    height: 6px;
    fill: var(--wine);
}

.mnn-longread .pr-faq .accordion-item__content {
    padding: 0 0 18px;
}

.mnn-longread .pr-faq .accordion-item__content p {
    font-size: 15px;
    line-height: 1.6;
    color: #3a2f33;
    max-width: 62ch;
}

/* ===== планшет ===== */
@media (min-width: 601px) and (max-width: 1024px) {
    .mnn-longread .pr-steps {
        gap: 26px 30px;
    }
}

/* ===== телефон =====
   Шаги здесь в одну колонку, а не лентой со свайпом, как .steps на /about/:
   их всего четыре и они читаются подряд, сверху вниз. */
@media (max-width: 600px) {
    .mnn-longread .pr-steps {
        grid-template-columns: 1fr;
        gap: 22px;
        margin-top: 26px;
    }

    .mnn-longread .pr-steps li::before {
        font-size: 38px;
        margin-bottom: 6px;
    }

    .mnn-longread .pr-steps h3 {
        font-size: 19px;
    }

    .mnn-longread .pr-terms li {
        font-size: 15px;
        padding-left: 24px;
    }

    .mnn-longread .pr-faq .accordion-item__header-title {
        font-size: 15px;
    }

    .mnn-longread .pr-hero-photo {
        margin-top: 24px;
    }
}

/* End */
/* /local/templates/500na700/css/about.css?178920894021696 */
/* /local/templates/500na700/css/primerka.css?17891966765136 */