/* =====================================================================
   ELSERVE - оформление за регионалните страници (Template 6, 7 и нататък)

   Долепено тук, защото TinyMCE изрязва <style> от съдържанието.
   Всички правила са под #l, така че не пипат нищо извън тези страници.
   ===================================================================== */

:root{--elserve-regions:1}   /* маркер за проверка - не пипай */

#l{--o:#ed7d22;--d:#292b2e;--g:#6d7074;--s:#f4f4f3;font-family:Arial,sans-serif;color:#35373a}
#l *{box-sizing:border-box}
#l a{text-decoration:none;color:inherit}
#l .w{width:min(1180px,calc(100% - 40px));margin:auto}
#l section{padding:72px 0}
#l .hero{background:linear-gradient(110deg,#eee,#fff 56%,#e7e7e6)}
#l .two{display:grid;grid-template-columns:1.08fr .92fr;gap:50px;align-items:center}
#l .hero .two{min-height:590px}
#l .ey{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--o)}
#l h1{font-size:clamp(43px,5vw,68px);line-height:1.02;letter-spacing:-.045em;color:var(--d);margin:14px 0 22px}
#l h2{font-size:clamp(30px,3.5vw,44px);color:var(--d)}
#l p{line-height:1.7}
#l .lede{font-size:19px;color:#64676b}
#l .btn{display:inline-flex;min-height:54px;padding:0 26px;align-items:center;justify-content:center;background:var(--o);color:#fff;font-weight:800;text-transform:uppercase;border-radius:4px;margin:7px 8px 7px 0}
#l .outline{background:#fff;color:#4b4d50;border:2px solid #4b4d50}
#l .trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;font-size:13px;font-weight:700}
#l .trust b{color:var(--o)}
#l .panel{background:var(--d);color:#fff;border-radius:20px;padding:40px}
#l .panel h2{color:#fff}
#l .soft{background:var(--s)}
#l .center{text-align:center;max-width:860px;margin:auto}
#l .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
#l .card{background:#fff;border:1px solid #ddd;border-radius:10px;padding:24px}
#l .card p{color:var(--g)}
#l .card b{color:var(--o);font-size:22px}
#l .areas{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
#l .areas span{background:#fff;border:1px solid #ddd;padding:11px 15px;border-radius:999px;font-weight:700;font-size:14px}
#l .dark{background:var(--d);color:#fff}
#l .dark h2,#l .dark h3,#l .dark .ey{color:#fff}
#l .dark .grid{grid-template-columns:repeat(4,1fr)}
#l .dark .card{background:#34373a;border-color:#4b4e51}
#l .dark .card p{color:#ddd}
#l details{background:#fff;border:1px solid #ddd;border-radius:8px;margin:11px 0;padding:0 20px}
#l summary{padding:19px 0;font-weight:800;cursor:pointer}
#l details p{color:var(--g);margin-top:0;padding-bottom:18px}
#l .book{background:var(--o);color:#fff}
#l .book h2,#l .book .ey{color:#fff}
#l .book .two{grid-template-columns:1fr auto}
#l .white{background:#fff;color:var(--o)}
@media(max-width:767px){#l .w{width:calc(100% - 28px)}#l section{padding:50px 0}#l .two,#l .grid,#l .dark .grid,#l .book .two{grid-template-columns:1fr!important;gap:18px}#l .hero .two{min-height:auto;padding:42px 0}#l h1{font-size:39px}#l h2{font-size:30px}#l .btn{width:100%;margin:6px 0}}