/* ===================================================================   VikAuto — общ CSS за текстовите блокове (начална страница + Масла)   Постави в реалния CSS файл на сайта (през FTP).   Работи с ДВА различни начина на качване:   - .vk-info-block  → блокът на началната страница (пейстнат директно     в темплейта, с истински class="" атрибути)   - .descr          → полето "Описание" в категориите (качва се през     админ панела/CKEditor, където style="" и class="" атрибути се     чупят при запис — затова тук стиловете са само по таг, без класове)   =================================================================== */.vk-info-block,.descr{  font-family:"Roboto", sans-serif;  color:#333;  line-height:1.65;}.vk-info-block h1,.descr h1{  font-size:28px;  font-weight:700;  color:#153979;  margin:0 0 18px;}.vk-info-block h2,.descr h2{  font-size:22px;  font-weight:700;  color:#153979;  margin:40px 0 14px;  padding-bottom:8px;  border-bottom:2px solid #FF6A00;  display:inline-block;}.vk-info-block h3,.descr h3{  font-size:17px;  font-weight:700;  color:#153979;  margin:24px 0 8px;}.vk-info-block p,.descr p{  margin:0 0 14px;  font-size:15px;}.vk-info-block a,.descr a{  color:#153979;  text-decoration:underline;}.vk-info-block a:hover,.descr a:hover{  color:#FF6A00;}.vk-info-block ul,.vk-info-block ol,.descr ul,.descr ol{  margin:14px 0 20px;  padding-left:22px;}.vk-info-block ul li,.vk-info-block ol li,.descr ul li,.descr ol li{  margin-bottom:10px;  font-size:15px;}/* цитат / отговор в FAQ (blockquote, ползван за отговорите) */.vk-info-block blockquote,.descr blockquote{  margin:8px 0 8px 20px;  padding-left:14px;  border-left:3px solid #FF6A00;  font-size:14.5px;  color:#444;}/* ===================================================================   FAQ акордеон — ГЛАВНА СТРАНИЦА (.vk-info-block)   Тук HTML-ът се пейстна директно в темплейта, така че <h3> вътре в   <summary> оцелява без проблем.   Структура: <details><summary><h3>Въпрос</h3></summary><div>Отговор</div></details>   =================================================================== */.vk-info-block details{  position:relative;  border:1px solid #e7e9ee;  border-radius:6px;  margin-bottom:10px;  overflow:hidden;}.vk-info-block summary{  cursor:pointer;  list-style:none;  padding:14px 18px;  background:#f7f8fa;  position:relative;}.vk-info-block summary::-webkit-details-marker{ display:none; }.vk-info-block summary h3{  margin:0;  padding:0;  font-size:15px;  font-weight:600;  color:#153979;  display:inline;  border:none;}.vk-info-block summary::after{  content:"+";  position:absolute;  right:18px;  top:50%;  transform:translateY(-50%);  color:#FF6A00;  font-size:20px;  font-weight:700;}.vk-info-block details[open] summary::after{ content:"\2212"; }/* ===================================================================   FAQ акордеон — КАТЕГОРИИ, качени през админ панела (.descr)   ВАЖНО: тук бекендът на сайта ПРИНУДИТЕЛНО изважда всеки <h3>, който   сложим вътре в <summary>, при запис (проверено многократно) — така   че <summary> винаги остава празен в тази система. Затова HTML   структурата тук е РАЗЛИЧНА от главната страница:     <div>       <h3>Въпрос</h3>       <details>         <summary></summary>   ← остава празен, само прихваща клика         <blockquote>Отговор</blockquote>       </details>     </div>   <h3> е видим нормално (извън <details>, така че не се крие докато   е затворено). Празният <summary> се позиционира точно върху <h3>   с position:absolute, за да прихваща клика и да превключва   отваряне/затваряне.   =================================================================== */.descr > div:has(> h3 + details){  position:relative;  margin-bottom:10px;}.descr > div > h3{  cursor:pointer;  background:#f7f8fa;  border:1px solid #e7e9ee;  border-radius:6px;  padding:14px 44px 14px 18px;  margin:0 !important;  font-size:15px !important;  font-weight:600;  color:#153979;  position:relative;}.descr > div > h3::after{  content:"+";  position:absolute;  right:18px;  top:50%;  transform:translateY(-50%);  color:#FF6A00;  font-size:20px;  font-weight:700;}.descr > div > h3:has(+ details[open])::after{ content:"\2212"; }.descr > div > details{  border:none;  margin:0;  position:static;}.descr > div > details > summary{  position:absolute;  top:0; left:0; right:0;  height:48px;  padding:0;  background:transparent;  cursor:pointer;  list-style:none;}.descr > div > details > summary::-webkit-details-marker{ display:none; }.descr > div > details > summary::marker{ display:none; content:""; }.descr > div > details > blockquote{  margin:0 0 0 20px;  padding:12px 18px 12px 14px;  border-left:3px solid #FF6A00;  border-top:none;}