/* FAQ-аккордеон «Ананас Постер» (ap-faq). Визуал 1:1 с блоком FAQ страниц услуг (style-usligu.css .faq). Подключается из модуля «HTML Содержимое». Версию в ?v= менять при правках. v2: fallback через html.ap-faq-js. */ /* ритм блоков карточки = .main_ananas_block темы (theme86_stylesheet32.css / media.css): отступ сверху 60px, внутренний снизу 60px и линия #f5f5f5; на ширине ≤1000px — 50px */ .ap-faq{display:block;width:100%;margin:60px 0 0;padding-bottom:60px;border-bottom:1px solid #f5f5f5;font-family:"Regular","Montserrat",Arial,sans-serif} @media (max-width:1000px){.ap-faq{margin-top:50px;padding-bottom:50px}} .ap-faq__heading{margin:0 0 20px;font-weight:700;font-size:32px;line-height:1.2;color:#0E0D0A;font-family:"Bold","Montserrat",Arial,sans-serif} .ap-faq__list{display:flex;flex-direction:column;gap:20px;list-style:none;margin:0;padding:0} .ap-faq-item{border:1px solid #01AA73;border-radius:15px;overflow:hidden;background:#fff;transition:background .25s ease} .ap-faq-item__button{all:unset;display:grid;grid-template-columns:1fr auto;align-items:center;width:100%;padding:20px;cursor:pointer;background:#fff;box-sizing:border-box;gap:12px} .ap-faq-item__button:focus-visible{outline:2px solid #01AA73;outline-offset:-4px;border-radius:15px} .ap-faq-item__title{font-weight:700;font-size:18px;line-height:1.2;color:#0E0D0A;font-family:"Bold","Montserrat",Arial,sans-serif;min-width:0;overflow-wrap:anywhere} .ap-faq-item__icon{width:16px;height:16px;display:inline-grid;place-items:center;transition:transform .25s ease} .ap-faq-item__icon svg{width:16px;height:16px;display:block} .ap-faq-item__icon svg path{transition:stroke .25s ease} .ap-faq-item[data-open="true"] .ap-faq-item__button{background:#01AA73;color:#FFF} .ap-faq-item[data-open="true"] .ap-faq-item__title{color:#FFF} .ap-faq-item[data-open="true"] .ap-faq-item__icon svg path{stroke:#FFF} .ap-faq-item__panel{background:#01AA73;color:#FFF;height:0;overflow:hidden;transition:height .3s ease} .ap-faq-item__inner{padding:20px;padding-top:0;font-size:17px;line-height:120%;opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease} .ap-faq-item__inner p{margin:0 0 10px;color:#FFF} .ap-faq-item__inner p:last-child{margin-bottom:0} .ap-faq-item__inner ul{margin:0 0 10px;padding-left:20px} .ap-faq-item__inner li{margin:0 0 4px;color:#FFF;list-style:disc} .ap-faq-item__inner a{color:#FFF;text-decoration:underline} .ap-faq-item[data-open="true"] .ap-faq-item__inner{opacity:1;transform:none;transition:opacity .25s ease .05s,transform .25s ease .05s} /* если скрипт не загрузился (нет метки на ) — открытый пункт виден, закрытые скрыты, даже если редактор админки сохранил в разметку inline-высоты */ html:not(.ap-faq-js) .ap-faq-item[data-open="true"] .ap-faq-item__panel{height:auto!important} html:not(.ap-faq-js) .ap-faq-item[data-open="false"] .ap-faq-item__panel{height:0!important} html:not(.ap-faq-js) .ap-faq-item[data-open="true"] .ap-faq-item__inner{opacity:1;transform:none} @media (min-width:767px) and (max-width:1000px){.ap-faq__heading{margin:0 0 30px}} @media (min-width:480px) and (max-width:767px){.ap-faq__heading{font-size:22px}.ap-faq-item__title{font-size:16px}.ap-faq-item__inner{font-size:14px}} @media (max-width:479px){.ap-faq__heading{font-size:22px}.ap-faq-item__title{font-size:14px}.ap-faq-item__inner{font-size:14px;padding:10px}.ap-faq-item__button{padding:10px}} @media (prefers-reduced-motion:reduce){.ap-faq-item__panel,.ap-faq-item__inner{transition:none}}