/* ══════ ИНФОРМАЦИОННЫЕ СТРАНИЦЫ (О нас, Доставка, Оплата, юридические, карта сайта) ══════
   Раньше содержимое из oc_information_description выводилось голым HTML в .editor:
   узкий серый текст во всю ширину экрана, заголовки темы капсом, никаких карточек.
   Здесь тот же язык, что у карточки товара и чекаута: Inter, светлый фон страницы,
   белые карточки с рамкой #e7eaf0 и радиусом 18px, акцент #376CAA.
   Подключается из шаблонов information/information.twig и information/sitemap.twig. */

/* min-height — чтобы на коротких страницах («Оплата») светлый фон не обрывался
   белой полосой перед подвалом */
.content--info{ background:#f5f6f8; padding-bottom:56px; min-height:calc(100vh - 360px); }
.content--info .container{ font-family:'Inter', Arial, sans-serif; }

/* ── ЗАГОЛОВОК СТРАНИЦЫ ── */
.content--info .content__title,
h1.info-page__title{
    font-family:'Inter', Arial, sans-serif !important;
    font-size:clamp(26px, 2.4vw, 34px) !important;
    font-weight:700 !important;
    line-height:1.22 !important;
    letter-spacing:-0.02em !important;
    text-transform:none !important;
    color:#151a23 !important;
    margin:0 0 22px !important;
    padding:0 !important;
}

/* ── СЕТКА: слева навигация по разделам, справа текст ── */
.info-page{
    display:grid;
    grid-template-columns:260px minmax(0, 1fr);
    gap:24px;
    align-items:start;
}
.info-page__aside{ grid-column:1; grid-row:1; position:sticky; top:16px; }
.info-page__main { grid-column:2; grid-row:1; }

@media(max-width:1000px){
    .info-page{ grid-template-columns:minmax(0,1fr); gap:20px; }
    /* на телефоне сначала текст, навигация — под ним */
    .info-page__main { grid-column:1; grid-row:1; }
    .info-page__aside{ grid-column:1; grid-row:2; position:static; }
}

/* ── БОКОВАЯ НАВИГАЦИЯ ── */
.info-nav{
    background:#fff; border:1px solid #e7eaf0; border-radius:18px;
    padding:18px 8px 12px; margin-bottom:16px;
}
.info-nav__title{
    font-size:12px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase;
    color:#8b93a1; padding:0 14px; margin:0 0 10px;
}
.info-nav__list{ list-style:none; margin:0; padding:0; }
.info-nav__item{ margin:0; }
.info-nav__link{
    display:block; padding:9px 14px; border-radius:10px;
    font-size:14px; line-height:1.35; color:#4b5361; text-decoration:none;
    transition:background .15s, color .15s;
}
.info-nav__link:hover{ background:#f2f5f9; color:#151a23; text-decoration:none; }
.info-nav__item--current .info-nav__link{
    background:#eef3fa; color:#376CAA; font-weight:600;
}

/* карточка «нужна помощь» под навигацией */
.info-help{
    background:#fff; border:1px solid #e7eaf0; border-radius:18px; padding:18px;
}
.info-help__title{ font-size:15px; font-weight:700; color:#151a23; margin:0 0 6px; }
.info-help__text { font-size:13px; line-height:1.55; color:#6d7582; margin:0 0 12px; }
.info-help__link{
    display:block; font-size:15px; font-weight:600; color:#376CAA;
    text-decoration:none; margin:0 0 4px;
}
.info-help__link:hover{ text-decoration:underline; color:#2c5a8f; }

/* ── ТЕЛО ДОКУМЕНТА ── */
.info-doc{
    background:#fff; border:1px solid #e7eaf0; border-radius:18px;
    padding:32px 34px; box-sizing:border-box;
    font-size:15px; line-height:1.7; color:#3d4552;
}
@media(max-width:600px){ .info-doc{ padding:22px 18px; border-radius:14px; } }

.info-doc > *:first-child{ margin-top:0 !important; }
.info-doc > *:last-child { margin-bottom:0 !important; }

.info-doc h2{
    font-family:'Inter', Arial, sans-serif !important;
    font-size:21px !important; font-weight:700 !important;
    line-height:1.3 !important; letter-spacing:-0.01em !important;
    text-transform:none !important; color:#151a23 !important;
    margin:34px 0 14px !important; padding:0 0 0 14px !important;
    position:relative;
}
/* короткая синяя засечка слева — тот же приём, что у заголовков блоков в карточке */
.info-doc h2:before{
    content:''; position:absolute; left:0; top:4px; bottom:4px;
    width:3px; border-radius:2px; background:#376CAA;
}
.info-doc h3{
    font-family:'Inter', Arial, sans-serif !important;
    font-size:17px !important; font-weight:700 !important;
    text-transform:none !important; color:#151a23 !important;
    margin:24px 0 10px !important;
}
.info-doc h4{
    font-size:15px !important; font-weight:700 !important;
    color:#151a23 !important; margin:20px 0 8px !important;
}
/* тема даёт .editor p{padding:0 0 23px} — из-за него абзацы разъезжались
   вдвое сильнее, чем задано margin'ом */
.info-doc p{ margin:0 0 14px; padding:0; }
.info-doc strong,
.info-doc b{ color:#151a23; font-weight:600; }
.info-doc a{ color:#376CAA; text-decoration:none; border-bottom:1px solid rgba(55,108,170,.35); }
.info-doc a:hover{ color:#2c5a8f; border-bottom-color:#2c5a8f; }

/* списки: свой маркер вместо диска, чтобы не сползал и был в цвете темы */
.info-doc ul{ list-style:none; margin:0 0 16px; padding:0; }
.info-doc ul > li{ position:relative; padding:0 0 0 22px; margin:0 0 9px; }
.info-doc ul > li:before{
    content:''; position:absolute; left:4px; top:10px;
    width:6px; height:6px; border-radius:50%; background:#376CAA;
}
.info-doc ol{ margin:0 0 16px; padding:0 0 0 22px; }
.info-doc ol > li{ margin:0 0 9px; padding-left:4px; }
.info-doc li > ul,
.info-doc li > ol{ margin-top:9px; }

/* список с галочками — для перечней преимуществ */
.info-doc ul.info-list--check > li:before{
    content:''; left:0; top:5px; width:14px; height:14px; border-radius:50%;
    background:#e8f4ec;
}
.info-doc ul.info-list--check > li:after{
    content:''; position:absolute; left:4px; top:9px;
    width:5px; height:2.5px; border-left:2px solid #2f8a4e; border-bottom:2px solid #2f8a4e;
    transform:rotate(-45deg);
}
.info-doc ul.info-list--check > li{ padding-left:24px; }

.info-doc table{
    width:100%; border-collapse:collapse; margin:0 0 18px;
    font-size:14px;
}
.info-doc table td,
.info-doc table th{ border:1px solid #e7eaf0; padding:10px 12px; text-align:left; }
.info-doc table th{ background:#f6f7f9; font-weight:600; color:#151a23; }
.info-doc img{ max-width:100%; height:auto; border-radius:12px; }

/* ── ЛИД-АБЗАЦ ── */
.info-lead{
    font-size:16.5px !important; line-height:1.65 !important; color:#4b5361 !important;
    margin:0 0 24px !important;
}

/* ── ПЛИТКИ С ЦИФРАМИ ── */
.info-stats{
    display:grid; grid-template-columns:repeat(auto-fit, minmax(158px, 1fr));
    gap:14px; margin:0 0 24px;
}
.info-stat{
    background:#f6f7f9; border-radius:14px; padding:18px 18px 16px;
}
.info-stat__num{
    display:block; font-size:28px; font-weight:700; line-height:1.1;
    letter-spacing:-0.02em; color:#376CAA; margin:0 0 6px;
}
.info-stat__label{ display:block; font-size:13px; line-height:1.45; color:#6d7582; }

/* ── КАРТОЧКИ РАЗДЕЛОВ ── */
.info-cards{
    display:grid; grid-template-columns:repeat(auto-fit, minmax(252px, 1fr));
    gap:14px; margin:0 0 24px;
}
.info-card{
    background:#fff; border:1px solid #e7eaf0; border-radius:14px;
    padding:18px 20px;
}
.info-card__title{
    font-size:15px !important; font-weight:700 !important; color:#151a23 !important;
    margin:0 0 7px !important; line-height:1.35 !important;
}
.info-card__text{
    font-size:14px !important; line-height:1.6 !important; color:#6d7582 !important;
    margin:0 !important;
}

/* ── ВЫНОСКА ── */
.info-note{
    background:#eef3fa; border-radius:14px; padding:16px 18px;
    font-size:14px; line-height:1.6; color:#3d4552; margin:0 0 20px;
}
.info-note strong{ color:#151a23; }

/* ── КАРТА САЙТА ── */
.info-sitemap{
    display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
    gap:14px 24px;
}
.info-sitemap__col{ min-width:0; }
.info-sitemap ul{ list-style:none; margin:0; padding:0; }
/* иерархию здесь рисуют отступ и линия слева, точки-маркеры только шумят */
.info-doc.info-sitemap ul > li{ padding-left:0; }
.info-doc.info-sitemap ul > li:before{ display:none; }
.info-sitemap > .info-sitemap__col > ul > li{
    margin:0 0 14px; font-weight:700; color:#151a23; font-size:15px;
}
.info-sitemap a{
    color:#3d4552; text-decoration:none; border:0;
    font-size:14.5px; line-height:1.5;
}
.info-sitemap > .info-sitemap__col > ul > li > a{
    font-weight:700; color:#151a23; font-size:15px;
}
.info-sitemap a:hover{ color:#376CAA; text-decoration:underline; }
.info-sitemap ul ul{
    margin:8px 0 0; padding:0 0 0 14px; border-left:1px solid #eceff4;
    font-weight:400; font-size:14.5px;
}
.info-sitemap ul ul li{ margin:0 0 6px; }

/* --- Контакты и карта сайта: та же сетка «меню слева / контент справа» ---------
   У контактов внутри контентной колонки остаются секции темы со своими
   .container (карты, блок телефонов) — внутри колонки их фиксированная ширина
   вылезала бы за края, поэтому здесь она снимается. */
.info-page__main .container{ width:100%; max-width:100%; padding-left:0; padding-right:0; }
.info-page--contact .info-page__main > .contacts{ margin:0; }
.info-page--contact .contacts-location-maps{ margin-bottom:18px; }
/* Выпадающий список складов у темы — position:absolute с width:100%. Без явного
   positioned-предка он считал ширину от страницы и вылезал за правый край,
   растягивая документ по горизонтали. */
.info-page--contact .info-page__main{ position:relative; }
/* Карточка с адресом и телефонами рассчитана на полную ширину страницы
   (padding: 37px 200px) — в колонке эти поля съедали её целиком. */
.info-page--contact .contacts__info{ padding:32px 40px 26px; }
@media (max-width: 1024px){
    .info-page--contact .contacts__info{ padding:26px 20px 20px; }
}

/* На телефоне выпадающий список складов лежал поверх заголовка «Адрес склада» —
   в узкой колонке ему уже некуда встать справа, поэтому ставим его в поток. */
@media (max-width: 767px){
    .info-page--contact .locations-select{ position:static; width:100%; margin:0 0 14px; }
}