/* Единое оформление блока «Вопросы и ответы» (по образцу страниц услуг
   с SEO-шаблоном). Размеры согласованы с клиентом 15.10.2026:
   вопрос 20px (мобильный 17px), ответ как основной текст страницы — 16px. */

.b-qst .b-vc-list { text-align: left; }
.b-qst .b-vc-body { text-align: center; }

.b-qst .b-vc-item {
    box-shadow: none !important;
    border: 1px solid #e6e8eb;
    border-radius: 14px;
    margin: 0 0 10px !important;
    padding: 0 !important;
    background: #fff;
    transition: border-color .15s;
}
.b-qst .b-vc-item:hover { border-color: var(--main-color, #f4943b); }
.b-qst .b-vc-item.m-open { border-color: var(--main-color, #f4943b); }

.b-qst .b-vc-item-header {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 22px !important;
    text-align: left;
}
.b-qst .b-vc-item-header::before,
.b-qst .b-vc-item-header::after { display: none !important; content: none !important; }
.b-qst .b-vc-item-header > span { flex: 1; min-width: 0; }
.b-qst .b-vc-item-header a.i-accordion-header:not(.b-vc-item__arrow) {
    flex: 1 1 auto; min-width: 0; text-align: left;
}

.b-qst .b-vc-item__title {
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.35;
    color: #2b2b2b !important;
    text-align: left !important;
    text-decoration: none !important;
    margin: 0; padding: 0;
    text-transform: none; letter-spacing: normal;
}
.b-qst .i-accordion-header,
.b-qst .i-accordion-header * { text-decoration: none !important; }

/* стрелка: круглая, строго по центру строки — и на десктопе, и на мобильном */
.b-qst .b-vc-item-header .b-vc-item__arrow {
    position: relative;
    flex: 0 0 auto;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px;
    margin: 0 0 0 auto !important;
    align-self: center !important;
    border-radius: 50% !important;
    background: #f6f6f6 !important;
    border: 1px solid #e6e8eb;
    transition: background .2s, border-color .2s;
}
.b-qst .b-vc-item__arrow span { display: none !important; }
.b-qst .b-vc-item__arrow::before {
    content: "";
    position: absolute;
    left: 50%; top: 50%;
    width: 9px; height: 9px;
    margin: -7px 0 0 -5px;
    border-right: 2.5px solid #2b2b2b;
    border-bottom: 2.5px solid #2b2b2b;
    transform: rotate(45deg);
    transition: transform .25s ease, border-color .2s;
}
.b-qst .b-vc-item:hover .b-vc-item__arrow,
.b-qst .b-vc-item.m-open .b-vc-item__arrow {
    background: var(--main-color, #f4943b) !important;
    border-color: var(--main-color, #f4943b);
}
.b-qst .b-vc-item:hover .b-vc-item__arrow::before,
.b-qst .b-vc-item.m-open .b-vc-item__arrow::before { border-color: #fff; }
.b-qst .b-vc-item.m-open .b-vc-item__arrow::before { transform: rotate(225deg); margin-top: -2px; }

/* ответ — тем же кеглем, что основной текст страницы */
.b-qst .b-vc-item-body { padding: 0 22px 20px !important; }
.b-qst .b-vc-item-content,
.b-qst .b-vc-item-about,
.b-qst .b-vc-item-aboutItem,
.b-qst .b-vc-item-about-content {
    background: none !important; padding: 0 !important; margin: 0 !important;
    border: 0 !important; border-radius: 0 !important;
}
.b-qst .b-vc-item-about-content {
    padding-top: 14px !important;
    border-top: 1px solid #eef0f2 !important;
}
.b-qst .b-vc-item-about-content,
.b-qst .b-vc-item-about-content p,
.b-qst .b-vc-item-about-content li {
    font-size: 16px !important;
    line-height: 1.55 !important;
    color: #4d4d4d !important;
}
.b-qst .b-vc-item-about-content p { margin: 0 0 8px; }
.b-qst .b-vc-item-about-content p:last-child { margin-bottom: 0; }

/* кнопка «Показать ещё» */
.b-qst #show_all_faq,
.b-qst .b-btn-orange {
    display: inline-flex !important;
    align-items: center; gap: 8px;
    width: auto !important;
    margin: 20px auto 0 !important;
    padding: 12px 26px !important;
    background: #fff !important;
    color: #2b2b2b !important;
    border: 2px solid var(--main-color, #f4943b) !important;
    border-radius: 24px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer;
    transition: background .2s, color .2s;
}
.b-qst .b-btn-orange::after {
    content: ""; width: 8px; height: 8px;
    border-right: 2.5px solid currentColor; border-bottom: 2.5px solid currentColor;
    transform: rotate(45deg); margin-top: -4px;
}
.b-qst .b-btn-orange:hover { background: var(--main-color, #f4943b) !important; color: #fff !important; }

@media (max-width: 767px) {
    .b-qst .b-vc-item-header { padding: 14px 16px !important; }
    .b-qst .b-vc-item__title { font-size: 16px !important; }
    .b-qst .b-vc-item-body { padding: 0 16px 16px !important; }
}
@media (prefers-reduced-motion: reduce) {
    .b-qst .b-vc-item,
    .b-qst .b-vc-item-body,
    .b-qst .b-vc-item__arrow::before { animation: none !important; transition: none !important; }
}

/* стрелка центрируется флексом — гасим унаследованные сдвиги (top/transform),
   иначе на мобильном она уезжает вверх от центра строки */
.b-qst .b-vc-item-header .b-vc-item__arrow,
.seo-page #faq .b-vc-item-header .b-vc-item__arrow {
    position: relative !important;
    top: auto !important; bottom: auto !important;
    right: auto !important; left: auto !important;
    transform: none !important;
    align-self: center !important;
}

/* заголовок блока и кнопка «Показать ещё» на страницах доставки */
.b-qst .b-qst__btn { margin: 20px auto 0 !important; }

/* кнопка «Показать ещё» — по центру блока */
.b-qst { text-align: center; }
.b-qst .b-vc-list { text-align: left; }
.b-qst .b-vc-bottom { text-align: center; }
.b-qst .b-qst__btn { margin-left: auto !important; margin-right: auto !important; }
.b-qst .b-btn-orange.is-hidden { display: none !important; }