/* VK-BLOCKS v1 — 02.08.2026
   Оформление текстовых блоков, у которых своих стилей не было:
   1) «Что можно сделать в Видике» (.vidika-services) — карточки вместо простыни абзацев;
   2) блоки вопрос-ответ (details.faq-acc) — аккуратный аккордеон вместо браузерного вида.
   🔴 Текст и разметку не меняем: он написан для ИИ-ответов (Алиса, ChatGPT) и должен
   остаться обычными предложениями. Меняется только внешний вид. */

/* ---------- Блок «Что можно сделать» — вариант C (выбран владельцем 02.08) ----------
   Три колонки, заголовок пункта отдельной строкой с подчёркиванием.
   Работает для обоих вариантов вёрстки: абзацами (главная) и списком («О компании»).
   Тексты пунктов НЕ сокращаем — они написаны под ИИ-ответы. */

.vidika-services > p:not(:first-of-type),
.vidika-services ul li {
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 14.5px;
    line-height: 1.55;
    color: #4a5058;
}
.vidika-services > p:not(:first-of-type)::before,
.vidika-services ul li::before { content: none !important; }
.vidika-services ul li::marker { content: none; }

.vidika-services > p:not(:first-of-type) strong,
.vidika-services ul li strong {
    display: block;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    color: #14161a;
    margin: 0 0 6px;
    padding: 0 0 7px;
    border-bottom: 2px solid #14161a;
}

.vidika-services > p a,
.vidika-services ul li a {
    color: #14161a;
    font-weight: 500;
    text-decoration: none;
    border-bottom: 1px solid rgba(20, 22, 26, .35);
}
.vidika-services > p a:hover,
.vidika-services ul li a:hover { border-bottom-color: currentColor; }

/* сетка: список — сам контейнер; абзацы — секция целиком */
.vidika-services ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px 26px;
}
@media screen and (min-width: 900px) {
    .vidika-services {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 22px 26px;
        align-items: start;
    }
    .vidika-services h2,
    .vidika-services > p:first-of-type,
    .vidika-services > ul { grid-column: 1 / -1; }
}
@media screen and (max-width: 899px) and (min-width: 620px) {
    .vidika-services ul { grid-template-columns: 1fr 1fr; }
    .vidika-services > p:not(:first-of-type) { margin-bottom: 18px !important; }
}
@media screen and (max-width: 619px) {
    .vidika-services ul { grid-template-columns: 1fr; gap: 18px; }
    .vidika-services > p:not(:first-of-type) { margin-bottom: 18px !important; }
    .vidika-services h2 { font-size: 20px !important; }
}


/* ---------- 2. Вопрос-ответ (details.faq-acc) — версия 2 ----------
   Было: браузерный вид, плоские «пилюли», кривой значок.
   Стало: аккуратные рамки, нормальные отступы, шеврон справа. */
details.faq-acc {
    background: #fff;
    border: 1px solid #e4e7ec;
    border-radius: 10px;
    margin: 0 0 8px !important;
    overflow: hidden;
    transition: border-color .15s ease, box-shadow .15s ease;
}
details.faq-acc:hover { border-color: #cfd4dc; }
details.faq-acc[open] {
    border-color: #cfd4dc;
    box-shadow: 0 2px 10px rgba(16, 20, 30, .05);
}
details.faq-acc > summary {
    display: block;                 /* убирает браузерный маркер-треугольник */
    cursor: pointer;
    position: relative;
    padding: 14px 46px 14px 16px !important;
    margin: 0 !important;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.45;
    color: #14161a;
    background: none;
    list-style: none;
    user-select: none;
}
details.faq-acc > summary::-webkit-details-marker { display: none; }
details.faq-acc > summary::marker { content: ''; }
details.faq-acc > summary:hover { background: #fafbfc; }
details.faq-acc[open] > summary { background: #fafbfc; }
/* заголовок внутри summary не должен ломать строку */
details.faq-acc > summary h2,
details.faq-acc > summary h3,
details.faq-acc > summary h4 {
    display: inline !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* шеврон справа */
details.faq-acc > summary::after {
    content: '';
    position: absolute;
    right: 18px;
    top: 50%;
    width: 7px;
    height: 7px;
    margin-top: -6px;
    border-right: 2px solid #a5abb4;
    border-bottom: 2px solid #a5abb4;
    transform: rotate(45deg);
    transition: transform .18s ease, margin-top .18s ease;
}
details.faq-acc[open] > summary::after {
    transform: rotate(-135deg);
    margin-top: -2px;
}
/* тело ответа */
details.faq-acc > *:not(summary) {
    padding: 0 16px !important;
    margin: 0 0 14px !important;
    font-size: 15px;
    line-height: 1.6;
    color: #3d434b;
}
details.faq-acc > summary + * { padding-top: 2px !important; }
details.faq-acc a {
    color: #14161a;
    font-weight: 500;
    text-decoration: none;
    border-bottom: 1px solid rgba(20, 22, 26, .35);
}
details.faq-acc a:hover { border-bottom-color: currentColor; }

/* ---------- 5. Вопрос-ответ БЕЗ аккордеона (h3 + абзац) ----------
   Такие пары идут на «О компании» ниже аккордеонов и выглядели как сплошной текст. */
.in-right .page h3 + p {
    margin: 0 0 18px !important;
    padding: 0 0 0 14px;
    border-left: 2px solid #eceef2;
    color: #3d434b;
}
.in-right .page h3 {
    font-size: 16px !important;
    font-weight: 600;
    color: #14161a;
    margin: 20px 0 7px !important;
}

@media screen and (max-width: 767px) {
    details.faq-acc > summary { padding: 13px 40px 13px 14px !important; font-size: 14.5px; }
    details.faq-acc > *:not(summary) { padding: 0 14px !important; font-size: 14px; }
}


/* ---------- 3. Общая типографика контентных страниц (.page) ----------
   Страницы «О компании», «Доставка и оплата», «Возврат и обмен», оферта,
   политика, согласия. Раньше собственных стилей не было: списки шли с нулевым
   отступом (маркеры отдельно от текста), шрифт 14px, ссылки серые. */
.in-right .page { font-size: 15px; line-height: 1.65; color: #33383f; }
.in-right .page h2 {
    font-size: 22px !important;
    line-height: 1.3;
    color: #14161a;
    margin: 32px 0 12px !important;
}
.in-right .page h2:first-child { margin-top: 0 !important; }
.in-right .page h3 {
    font-size: 17px !important;
    line-height: 1.35;
    color: #14161a;
    margin: 22px 0 8px !important;
}
.in-right .page p { margin: 0 0 12px; }
.in-right .page > p:last-child { margin-bottom: 0; }

/* списки: вернуть отступ и выровнять маркер с текстом */
.in-right .page ul,
.in-right .page ol {
    padding-left: 22px !important;
    margin: 0 0 16px;
}
.in-right .page ul { list-style: disc outside; }
.in-right .page ol { list-style: decimal outside; }
.in-right .page li {
    font-size: 15px;
    line-height: 1.6;
    margin: 0 0 7px !important;
    padding-left: 2px;
}
.in-right .page li::marker { color: #a5abb4; }
.in-right .page li:last-child { margin-bottom: 0 !important; }

/* ссылки в контенте — читаемые (в теме они серые #9c9c9c) */
.in-right .page a {
    color: #14161a;
    text-decoration: none;
    border-bottom: 1px solid rgba(20, 22, 26, .3);
}
.in-right .page a:hover { border-bottom-color: currentColor; }

/* таблицы (реквизиты в оферте и согласиях) */
.in-right .page table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 18px;
    font-size: 14px;
}
.in-right .page table th,
.in-right .page table td {
    border: 1px solid #e6e8ec;
    padding: 9px 12px;
    text-align: left;
    vertical-align: top;
}
.in-right .page table th {
    background: #f7f8fa;
    font-weight: 600;
    color: #14161a;
    white-space: nowrap;
}
.in-right .page table tr:nth-child(even) td { background: #fcfcfd; }