/* IT Doctors — pages.css (27.10.2026): каквото е нужно на отделни страници. Генерира се от tools/build/css/ — редактирай там. */
/* ===== 10-home.css ===== */
/* ── начална страница (28.10.2026): радарът е зад текста, на цял екран; текстът — вляво върху мек тъмен преход ── */
.hero.home{padding:0;min-height:max(640px,100svh);display:flex;align-items:center;isolation:isolate}
.hero.home::before{display:none}
.hero.home .wrap{position:relative;z-index:2;width:100%;padding-top:56px;padding-bottom:56px;pointer-events:none}
.hero.home .wrap>*{pointer-events:auto}
.hero.home h1{max-width:9.7em;font-size:clamp(26px,2.6vw,38px);line-height:1.12;margin-bottom:.45em}
.hero.home .lead{max-width:26.5em;font-size:18px;margin-bottom:24px}
.hero.home .lead strong{color:#fff;font-weight:700}
@media (min-width:761px){.hero.home .wrap>*{max-width:520px}.hero.home .tabs{grid-template-columns:1fr;max-width:460px;margin-bottom:26px}.hero.home .tabs a{padding:12px 0}}
.tabs{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px;max-width:860px;margin:0 0 30px}
.tabs a{position:relative;display:flex;align-items:center;gap:12px;padding:16px 0;color:#fff;text-decoration:none;font:700 17px/1.25 var(--fh)}
.tabs a span{display:flex;flex-direction:column;flex:1;min-width:0}
.tabs a small{font:500 13px/1.3 var(--fb);color:#9fb3cc;margin-top:3px}
.tabs a>.i:first-child{flex:none;width:36px;height:36px;color:var(--glow);transition:transform .2s}
.tabs a>.i:last-child{color:var(--glow);width:18px;height:18px;transition:transform .12s}
.tabs a::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:rgba(255,255,255,.22)}
.tabs a::after{content:'';position:absolute;left:0;top:0;height:2px;width:100%;background:var(--glow);transform:scaleX(0);transform-origin:left;transition:transform .18s ease-out}
.tabs a:hover::after,.tabs a:focus-visible::after{transform:none}
.tabs a:hover>.i:first-child{transform:scale(1.08)}
.tabs a:hover>.i:last-child{transform:translateY(3px)}
.hero.home .hero-act{margin:0}
/* радарът на цял екран: без стъклен диск, картата се стопява към краищата; отляво — тъмен преход за четимост */
.hero.home .hm-stage--full{position:absolute;inset:0;z-index:0;height:auto;max-height:none;overflow:hidden}
.hero.home .hm-stage--full::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(12,26,48,.35) 0%,rgba(12,26,48,0) 12%,rgba(12,26,48,0) 88%,rgba(12,26,48,.5) 100%)}   /* подложката под текста я рисува картата (js/hero-map.js) */
.hero.home .hm-markers{z-index:1}

@media (max-width:760px){
  .hero.home{padding:0;min-height:0;display:flex;flex-direction:column}
  .hero.home .hm-stage--full{order:2}
  .hero.home .wrap{padding-top:22px;padding-bottom:10px}
  .hero.home h1{font-size:clamp(26px,7.2vw,32px);margin-bottom:.35em}
  .hero.home .lead{font-size:16px;margin-bottom:14px}
  .tabs{grid-template-columns:1fr;margin-bottom:16px}
  .tabs a{padding:10px 0;font-size:16px}
  .tabs a>.i:first-child{width:32px;height:32px}
  .hero.home .hero-act{gap:10px 18px}
  /* на телефон картата е под текста, за да е телефонът на първия екран */
  .hero.home .hm-stage--full{position:relative;inset:auto;width:100%;height:340px;margin-top:6px}
  .hero.home .hm-stage--full::after{background:linear-gradient(180deg,var(--navy) 0%,rgba(12,26,48,0) 22%,rgba(12,26,48,0) 85%,var(--navy) 100%)}
}

/* градовете (текст, картата е в началото) */
.towns{font-size:16px;color:var(--ink2);margin:0 0 10px;line-height:1.9}
.towns a{color:var(--teal-ink);font-weight:600}
.towns small{color:var(--muted);font-size:13px}
.towns-note{margin:0;color:var(--muted);font-size:15px}

/* три направления — колони с горна линия, без кутийки */
.dirs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 44px}
.dir{position:relative;padding-top:22px;display:flex;flex-direction:column}
.dir::before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:var(--ink)}
.dir-i{display:block;margin:0 0 14px -3px;color:var(--teal-ink)}
.dir-i .i{width:68px;height:68px}
.dir .eyebrow{margin-bottom:6px}
.dir h3{font-size:22px;margin-bottom:12px}
.dir ul{list-style:none;margin:0 0 14px}
.dir li{display:flex;gap:10px;padding:5px 0;color:var(--ink2)}
.dir li .i{color:var(--teal-ink);margin-top:.28em}
.dir .rw-m{margin:auto 0 12px!important;font-size:16px}
@media (max-width:900px){.dirs{grid-template-columns:1fr;gap:34px}}

/* как работим — по-кратко на началната */
.home-steps .rw p{font-size:16px}

/* отзиви от Google (показват се само ако има) */
.rv{margin-top:36px}
.rv-head{display:flex;align-items:baseline;gap:12px;margin:0 0 6px;font:700 18px var(--fh)}
.rv-head .rv-stars{color:#e8a317;letter-spacing:2px}
.rv-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 44px}
.rv-item{position:relative;padding:18px 0}
.rv-item::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:var(--line)}
.rv-item-top{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}
.rv-item-stars{color:#e8a317;letter-spacing:1px}
.rv-item-txt{margin:8px 0 10px;color:var(--ink2);font-size:15.5px}
.rv-item-who{display:flex;align-items:center;gap:8px;font:600 14px var(--fb)}
.rv-item-av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--bg2);font-size:12px}
.rv-links{display:flex;gap:22px;margin-top:6px}
@media (max-width:900px){.rv-list{grid-template-columns:1fr}}

/* NIS2 лента */
.nis2-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 40px}
.nis2-band h2{margin:0 0 6px;font-size:clamp(22px,2.4vw,28px)}
.nis2-band p{margin:0;color:var(--ink2);max-width:56ch}
.nis2-band .eyebrow{margin-bottom:6px}
.sec.slim{padding:44px 0}
.dir-also{margin:10px 0 0;font-size:15px;color:var(--muted)}.dir-also a{color:var(--teal-ink);font-weight:600}
@media (max-width:640px){.dir-i .i{width:56px;height:56px}}
/* EN началната е без карта — не на цял екран (28.10.2026) */
.hero.home.nomap{min-height:0}
.hero.home.nomap .wrap{padding-top:64px;padding-bottom:60px}
/* 28.10.2026: на компютър заглавието започва на нивото на първия ред от менюто вляво — логото и менюто са малко по-надолу,
   текстът малко по-нагоре, двете колони седят симетрично. */
@media (min-width:1180px){.hero.home{align-items:flex-start}.hero.home .wrap{padding-top:118px;padding-bottom:48px}}
@media (min-width:1180px) and (max-height:820px){.hero.home .wrap{padding-top:88px;padding-bottom:30px}}
/* таблет (761–1023 px): като на телефон — текстът отгоре, картата отделно под него */
@media (min-width:761px) and (max-width:1023px){
  .hero.home{min-height:0;flex-direction:column;align-items:stretch}
  .hero.home .wrap{padding-top:44px;padding-bottom:8px}
  .hero.home .hm-stage--full{position:relative;inset:auto;order:2;width:100%;height:clamp(380px,64vw,600px)}
  .hero.home .hm-stage--full::after{background:linear-gradient(180deg,var(--navy) 0%,rgba(12,26,48,0) 16%,rgba(12,26,48,0) 86%,var(--navy) 100%)}
}
@media (max-width:760px){.hero.home .hm-stage--full{height:calc(100vw * .72 + 24px);max-height:420px}}
@media (min-width:1024px) and (max-width:1179px){.hero.home{align-items:flex-start}.hero.home .wrap{padding-top:60px;padding-bottom:40px}}

/* ===== 20-svc.css ===== */
/* ── страници на услуги ── */
.price-two{margin-top:28px;gap:24px 48px;grid-template-columns:1.4fr 1fr}
.price-two .ph{min-height:260px;height:100%}
.price-tb,.price-ph{margin-top:28px}
.price-ph .ph{max-width:520px}
.sec .prose ol{padding-left:1.3em;margin:0 0 1em}
.sec .prose code{font-size:.92em;background:var(--bg2);padding:1px 5px}
.sec.alt .prose code{background:#fff}
@media (max-width:900px){.price-two{grid-template-columns:1fr}.price-two .ph{min-height:200px}}
/* планове — колони с горна линия, без кутийки */
.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 32px;margin-top:40px}
.plan{position:relative;padding-top:22px;display:flex;flex-direction:column}
.plan::before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:var(--ink)}
.plan.hl::before{background:var(--teal);height:3px}
.plan-b{position:absolute;top:-30px;left:0;margin:0;font:700 13px var(--fh);color:var(--teal-ink)}
.plan h3{font-size:19px;letter-spacing:.4px;margin-bottom:4px}
.plan-w{font-size:15px;color:var(--muted);min-height:3em;margin-bottom:10px}
.plan-p{font:italic 800 28px/1.1 var(--fd);margin:0 0 4px}
.plan-p small{font:500 14px var(--fb);color:var(--muted)}
.plan-f{font-size:14px;color:var(--muted);margin:0 0 6px}
.plan ul{list-style:none;margin:10px 0 16px;flex:1}
.plan li{display:flex;gap:8px;padding:5px 0;font-size:15px;color:var(--ink2)}
.plan li .i{margin-top:.3em;width:15px;height:15px}
.plan li.ex{color:var(--muted)}
.plan .ok{color:var(--teal-ink)}.plan .no{color:#b4232f}
@media (max-width:1000px){.plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 32px}}
@media (max-width:560px){.plans{grid-template-columns:1fr}}
.tb-m th:not(:first-child),.tb-m td.p{text-align:right}
.sub-h{font-size:20px;margin:40px 0 12px}

/* ── Цени: бързи котви, компактни планове, калкулатор ── */
.jump{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:26px;padding-top:16px;border-top:1px solid rgba(255,255,255,.16)}
.jump a{font:700 15px var(--fh);color:#fff;text-decoration:none;padding:6px 0}
.jump a:hover{color:var(--glow)}
.plans.cmp .plan-w{min-height:0}
.plan-d{margin-top:8px;border-top:1px solid rgba(20,33,58,.14)}
.plan-d summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:10px 0;font:700 14px var(--fh);color:var(--teal-ink)}
.plan-d summary::-webkit-details-marker{display:none}
.plan-d summary .i{width:16px;height:16px;transition:transform .15s}
.plan-d[open] summary .i{transform:rotate(180deg)}
.plan-d ul{margin-top:0}
.more-l{margin:22px 0 0}
.towns-km{font-size:15px;color:var(--ink2);line-height:1.9;margin:8px 0 4px}
.towns-km small{color:var(--muted)}
.calc{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px 56px;margin-top:28px}
.calc-f{display:flex;flex-direction:column;gap:8px;margin:0 0 22px;padding:0;border:0;min-width:0}
.calc-f>span:first-child,.calc-f legend{font:700 15px var(--fh);color:var(--ink);padding:0;margin-bottom:8px}
.calc-n{display:flex;align-items:center;gap:14px}
.calc-n input[type=range]{flex:1;accent-color:var(--teal-ink);min-width:0}
.calc-n input[type=number]{width:76px;padding:9px 10px;font:700 17px var(--fh);border:1px solid #b9c3d3;border-radius:4px;color:var(--ink)}
.calc-seg{display:flex;flex-wrap:wrap;gap:6px}
.calc-seg button{font:700 14px var(--fh);padding:9px 14px;border:1px solid #b9c3d3;background:#fff;color:var(--ink2);border-radius:4px;cursor:pointer;min-height:40px}
.calc-seg button.is-on{background:var(--ink);border-color:var(--ink);color:#fff}
.calc-seg button:disabled{opacity:.4;cursor:not-allowed}
.calc-st{display:inline-flex;align-items:center;gap:0}
.calc-st button{width:40px;height:40px;border:1px solid #b9c3d3;background:#fff;font:700 18px var(--fh);color:var(--ink);border-radius:4px;cursor:pointer}
.calc-st output{min-width:44px;text-align:center;font:800 18px var(--fh)}
.calc-c{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--ink2);cursor:pointer;min-height:36px}
.calc-c input{width:18px;height:18px;accent-color:var(--teal-ink)}
.calc-r{display:flex;justify-content:space-between;gap:16px;margin:0;padding:11px 0;border-bottom:1px solid rgba(20,33,58,.14);font-size:16px;color:var(--ink2)}
.calc-r span:last-child{font:700 16px var(--fh);color:var(--ink);white-space:nowrap}
.calc-r.tot{border-bottom:2px solid var(--ink)}
.calc-r.tot span{font:800 20px var(--fh);color:var(--ink)}
.calc-r.hint{font-size:14px;color:var(--muted);border:0}
.calc-note{font-size:14px;color:var(--muted);margin:14px 0 18px}
.calc-act{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin:0}
@media (max-width:860px){.calc{grid-template-columns:1fr}}

/* ── Ползите от комплексното обслужване ── */
.ben{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0 28px}
.ben li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line);font-size:16px;color:var(--ink)}
.ben .i{color:var(--teal-ink);margin-top:.28em;width:16px;height:16px;flex:none}
/* телефон (28.10.2026): таблиците с няколко колони се събират в екрана — по-малък шрифт и по-тесни колони */
@media (max-width:520px){
  .tb-m{font-size:14px}
  .tb-m th{font-size:10.5px;letter-spacing:.3px;padding-right:6px;vertical-align:bottom}
  .tb-m td{padding:11px 6px 11px 0}
  .tb-m td.p{white-space:normal}
  .tb-m td:first-child,.tb-m th:first-child{width:24%}
  .rv-links{flex-direction:column;gap:10px}
  .tb-nis2{font-size:13px}
  .tb-nis2 td:nth-child(2){font-size:13px!important}
}
@media (max-width:380px){.tb-m{font-size:13px}.tb-m th{font-size:9.5px;letter-spacing:.1px}.tb-m td{padding:10px 4px 10px 0}}
@media (max-width:380px){.tb-nis2,.tb-nis2 td:nth-child(2){font-size:12px!important}.tb-nis2 td{padding-right:4px}}
@media (max-width:340px){.tb-nis2 th,.tb-nis2 td{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.tb-nis2 th{font-size:9px}}

/* ===== 30-map.css ===== */
/* Картата с радара (28.10.2026): на началната е зад текста, на цял екран (.hm-stage--full). Скриптовете й се зареждат от js/site.js. */
.hm-stage{--hm-sig:#2fe0d2;--hm-line:rgba(140,180,230,.18)}
/* ── радарът: стъклен диск над прозореца ── */
.hm-stage{position:absolute;inset:0;z-index:2;pointer-events:none}
.hm-par{position:absolute;inset:0;will-change:transform;transition:transform .3s ease-out}
.hm-disk{position:absolute;left:0;top:0;width:0;height:0;border-radius:50%;opacity:0;transition:opacity .35s ease-out;pointer-events:none;
  /* прозрачен стъклен диск — без рамка и без външни линии */
  background:radial-gradient(circle,rgba(6,20,40,.4) 0%,rgba(5,16,34,.48) 70%,rgba(4,12,28,.58) 100%);
  -webkit-backdrop-filter:blur(2.5px) brightness(.82);backdrop-filter:blur(2.5px) brightness(.82);
  box-shadow:none}
.hm-ready .hm-disk{opacity:1}
.hm-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}

/* ── маркери (истински линкове върху платното) ── */
.hm-markers{position:absolute;inset:0;pointer-events:none}
.hm-c,.hm-hub{position:absolute;left:0;top:0;pointer-events:auto;outline:none;transition:opacity .2s;--b:0;--f:0;color:#fff;text-decoration:none}
/* Точката на града: приглушена в покой (--b = 0), светва при минаване на лъча
   (--b = 1) и гасне за една обиколка. --f е краткият бял блясък при контакта. */
/* Кратко и ясно мигване: точката е видима и в покой, при минаване на лъча
   светва за части от секундата, без голям размазан ореол. Променят се само
   opacity и transform — браузърът ги рисува без да прекроява страницата. */
.hm-dot{position:absolute;left:-5px;top:-5px;width:10px;height:10px;border-radius:50%;
  background:#8fdfda;opacity:calc(.6 + .4 * var(--b));
  box-shadow:0 0 0 2px rgba(47,224,210,.2),0 0 8px 1px rgba(47,224,210,.4);
  transform:scale(calc(.9 + .35 * var(--b) + .15 * var(--f)));will-change:transform,opacity}
.hm-dot::before{content:'';position:absolute;inset:0;border-radius:50%;background:#fff;opacity:calc(var(--b) * .8)}
.hm-dot::after{content:'';position:absolute;inset:-6px;border-radius:50%;opacity:calc(var(--f) * .9);
  background:radial-gradient(circle,rgba(230,255,252,.9),rgba(47,224,210,.3) 50%,transparent 72%)}
.hm-ping{position:absolute;left:-5px;top:-5px;width:10px;height:10px;border-radius:50%;border:1.5px solid var(--hm-sig);opacity:0;pointer-events:none}
.hm-c.ping .hm-ping{animation:hmPing .5s cubic-bezier(.22,.61,.36,1)}
@keyframes hmPing{0%{transform:scale(1);opacity:.9}100%{transform:scale(3.2);opacity:0}}
.hm-hit{position:absolute;left:-16px;top:-16px;width:32px;height:32px;border-radius:50%}
.hm-l{position:absolute;left:0;top:0;white-space:nowrap;padding:4px 8px 5px;border-radius:3px;
  background:transparent;border:1px solid transparent;line-height:1.15;
  text-shadow:0 0 4px #050b17,0 0 10px #050b17,0 1px 2px #050b17;
  opacity:0;transition:opacity .2s ease-out,border-color .15s,background .15s}
.hm-l b{display:block;font-family:var(--fh);font-weight:700;font-size:13.5px;color:#fff;letter-spacing:.1px;transition:color .25s}
.hm-l em{display:block;font-style:normal;font-size:11.5px;color:#8fd9e0;margin-top:2px}
.hm-l u{display:none;text-decoration:none;font-size:11px;color:var(--hm-sig);margin-top:4px;font-weight:600}
.hm-on .hm-l{opacity:calc(.72 + .28 * var(--b))}
.hm-on .hm-l b{text-shadow:0 0 4px #050b17,0 0 10px #050b17}
.hm-c:hover,.hm-c:focus-visible{z-index:3}
.hm-c:hover .hm-l,.hm-c:focus-visible .hm-l{background:rgba(8,40,60,.94);border-color:var(--hm-sig);opacity:1;text-shadow:none}
.hm-c.is-hot .hm-l b{color:#e9fffc}
.hm-c:hover .hm-l u,.hm-c:focus-visible .hm-l u{display:block}
.hm-c:hover .hm-dot,.hm-c:focus-visible .hm-dot{transform:scale(1.4);opacity:1}
.hm-c:hover .hm-dot::before,.hm-c:focus-visible .hm-dot::before{opacity:.75}
.hm-c:focus-visible .hm-dot{outline:2px solid #fff;outline-offset:4px}
.hm-country .hm-c .hm-dot{transform:scale(calc(.45 + .25 * var(--b)))}
.hm-country .hm-c .hm-l{display:none}

.hm-hub .hm-core{position:absolute;left:-15px;top:-15px;width:30px;height:30px;border-radius:50%;
  display:grid;place-items:center;font-family:var(--fh);font-weight:800;font-size:12px;color:#04222a;
  background:radial-gradient(circle at 35% 30%,#eafffc,#2fe0d2 55%,#0aa3a8);
  box-shadow:0 0 0 5px rgba(47,224,210,.18),0 0 0 11px rgba(47,224,210,.06),0 0 18px 3px rgba(47,224,210,.45);transition:transform .25s ease-out}
.hm-hub .hm-l{opacity:1;transform:translate(calc(-100% - 20px),-50%);text-align:right;transition:opacity .2s}
.hm-hub .hm-l em{color:var(--hm-sig)}
.hm-hub:focus-visible .hm-core{outline:2px solid #fff;outline-offset:6px}
.hm-country .hm-hub .hm-core{transform:scale(.6)}
.hm-country .hm-hub .hm-l{opacity:0}

/* ── превключвател на режима (позицията се задава от JS — под диска) ── */
.hm-ctrl{position:absolute;z-index:4;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:8px;
  transform:translateX(-50%);pointer-events:auto;opacity:0;transition:opacity .8s .6s}
.hm-ready .hm-ctrl{opacity:1}
.hm-seg{display:flex;padding:4px;border-radius:999px;background:rgba(8,20,40,.78);border:1px solid var(--hm-line);
  }
.hm-seg button{all:unset;cursor:pointer;display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;
  font-family:var(--fh);font-weight:600;font-size:13.5px;color:#b9c9e2;transition:background .3s,color .3s;white-space:nowrap}
.hm-seg button .i{width:14px;height:14px;opacity:.85}
.hm-seg button[aria-pressed="true"]{background:linear-gradient(135deg,rgba(47,224,210,.22),rgba(0,166,182,.12));color:#fff;box-shadow:inset 0 0 0 1px rgba(47,224,210,.45)}
.hm-seg button:focus-visible{outline:2px solid var(--hm-sig);outline-offset:2px}
.hm-cap{font-size:13px;color:#c3d3e8;text-align:center;max-width:420px;margin:0;text-shadow:0 1px 8px rgba(0,0,0,.9)}
.hm-cap b{color:#fff;font-weight:600}
@media (min-width:1180px){.hm-cap{display:none}}

/* ── на началната картата е в hero (.hm-stage--full, стилове в 10-home.css) ── */
.hm-stage--full .hm-l b{font-size:14px}
.hm-stage--full .hm-hub .hm-l{transform:translate(calc(-100% + 12px),calc(-100% - 16px));text-align:right}
@media (prefers-reduced-motion:reduce){
  .hm-par,.hm-dot{transition:none}
  .hm-c{--b:1}
  .hm-c.ping .hm-ping,.hm-hud .live::before{animation:none}
}
@media (max-width:599px){.hm-cta .hm-btn--a{justify-content:flex-start}}

/* етикети, които биха легнали върху текста на началната — скрити; точката е приглушена */
.hm-c.hm-under .hm-l{visibility:hidden}
.hm-c.hm-under .hm-dot{opacity:.35}

/* етикетът на базата вдясно, когато вляво е текстът на първия екран (js/hero-map.js, layoutLabels) */
.hm-stage--full .hm-hub.hm-flip .hm-l{transform:translate(-12px,calc(-100% - 16px));text-align:left}
.hm-nol .hm-l{visibility:hidden}
.hm-hub.hm-under .hm-l{visibility:hidden}

/* ── картата на началната, второ издание (28.10.2026): базата с логото IT Doctors ── */
.hm-base{position:absolute;left:0;top:0;width:0;height:0;z-index:3;text-decoration:none;color:#cfe7f2}
.hm-base-dot{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:#e9fffc;
  box-shadow:0 0 0 3px rgba(47,224,210,.35),0 0 16px 4px rgba(47,224,210,.55)}
.hm-base-l{position:absolute;left:10px;bottom:6px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;white-space:nowrap;
  opacity:0;transition:opacity .6s ease .9s}
.hm-placed .hm-base-l{opacity:1}
.hm-base-l img{display:block;width:92px;height:auto;opacity:.78}
.hm-base-l em{font:600 11.5px/1 var(--fb);font-style:normal;letter-spacing:.2px;color:rgba(200,228,240,.78)}
.hm-base:hover .hm-base-l img,.hm-base:focus-visible .hm-base-l img{opacity:1}
.hm-base:hover .hm-base-l em{color:#fff}
@media (prefers-reduced-motion:reduce){.hm-base-l{transition:none}}
/* ── картата в началото, трето издание (29.10.2026): 3D „холограмна маса“ (js/hero-map.js) ── */
/* три слоя: под (2D) · релеф (WebGL) · горен (2D); горе и долу се стопяват в страницата */
.hero.home .hm-stage--full canvas{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 7%,#000 88%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 7%,#000 88%,transparent 100%)}
.hero.home .hm-par{transition:transform .6s cubic-bezier(.22,.61,.36,1)}
/* базата: само логото (бяло) и „Велико Търново“ */
.hm-base-l{bottom:8px;gap:4px}
.hm-base-l{width:max-content}
.hm-base-l img{width:132px;max-width:none;opacity:1;filter:drop-shadow(0 0 10px rgba(5,11,23,.9)) drop-shadow(0 0 2px rgba(5,11,23,.8))}
.hm-base-l em{font:600 13px/1 var(--fb);color:#fff;letter-spacing:.3px;text-shadow:0 0 6px #050b17,0 0 12px #050b17}
@media (min-width:761px) and (max-width:1023px){.hm-base-l img{width:120px}}
@media (max-width:760px){.hm-base-l img{width:104px}.hm-base-l em{font-size:12px}}
/* бутонът „Пауза“ (WCAG 2.2.2) — в стила на бутоните на сайта (наклонен) */
.hm-seg3{position:absolute;z-index:4;left:0;top:0;transform:translateX(-50%);display:flex;gap:4px;padding:0;pointer-events:auto;
  background:transparent;border:1px solid transparent;border-radius:2px;
  opacity:0;transition:opacity .8s ease .8s}
.hm-seg3 button{all:unset;cursor:pointer;position:relative;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:9px 16px;border-radius:2px;transform:skewX(-11deg);
  color:#b9c9e2;transition:background .35s ease,color .35s ease,box-shadow .35s ease}
.hm-seg3 button>*{transform:skewX(11deg)}
.hm-seg3 button:hover{color:#fff}
.hm-seg3 button:focus-visible{outline:2px solid #2fe0d2;outline-offset:3px}
/* на радара — логото е центрирано над базата и по-малко */
.hm-base--up .hm-base-l{left:0;bottom:34px;align-items:center;transform:translateX(-50%) scale(.82);transform-origin:50% 100%}
.hm-base--up .hm-base-l::after{content:'';position:absolute;left:50%;top:100%;width:1px;height:22px;margin-top:4px;background:linear-gradient(rgba(47,224,210,.7),rgba(47,224,210,0))}
.hm-base--ru .hm-base-l{transform:none}
/* логото е линк: мишка и фокус (сцената е pointer-events:none) */
.hm-base,.hm-base-l{pointer-events:auto}
.hm-base:focus-visible{outline:none}
.hm-base:focus-visible .hm-base-l{outline:2px solid #2fe0d2;outline-offset:5px;border-radius:2px}
/* пауза — спира всяко движение (WCAG 2.2.2) */
.hm-seg3 .hm-pause{flex-direction:row;align-items:center;justify-content:center;width:34px;padding:0}
.hm-seg3 .hm-pause span{position:relative;display:block;width:10px;height:12px}
.hm-seg3 .hm-pause span::before,.hm-seg3 .hm-pause span::after{content:'';position:absolute;top:0;width:3px;height:12px;background:currentColor;border-radius:1px}
.hm-seg3 .hm-pause span::before{left:1px}.hm-seg3 .hm-pause span::after{right:1px}
.hm-seg3 .hm-pause[aria-pressed="true"]{background:rgba(47,224,210,.16);color:#fff;box-shadow:inset 0 0 0 1px rgba(47,224,210,.5)}
.hm-seg3 .hm-pause[aria-pressed="true"] span::before{left:2px;width:0;height:0;border-style:solid;border-width:6px 0 6px 9px;border-color:transparent transparent transparent currentColor;background:none;border-radius:0}
.hm-seg3 .hm-pause[aria-pressed="true"] span::after{display:none}
.hm-seg3 button[hidden]{display:none}
/* без превключвател: остава само „Пауза“ — едва видима, ясна при посочване на картата или с Tab */
.hm-placed .hm-seg3{opacity:.6}
.hero.home:hover .hm-seg3,.hm-seg3:focus-within{opacity:1;transition-delay:0s}
@media (hover:none){.hm-placed .hm-seg3{opacity:.75}}   /* на телефон няма посочване — бутонът е ясно видим */
.hm-seg3 .hm-pause{width:30px;height:28px;background:rgba(8,20,40,.7);box-shadow:inset 0 0 0 1px rgba(140,180,230,.25)}
/* редът в списъка под заглавието светва заедно с етикета на картата (js/hero-map.js) */
.hero.home .tabs a::after{transition:transform .7s cubic-bezier(.22,.61,.36,1)}
.hero.home .tabs a.hm-now::after{transform:none}
.hero.home .tabs a>.i:first-child{transition:transform .2s,filter .6s}
.hero.home .tabs a.hm-now>.i:first-child{filter:drop-shadow(0 0 8px rgba(47,224,210,.55));transform:scale(1.06)}
.hero.home .tabs a small{transition:color .6s}
.hero.home .tabs a.hm-now small{color:#9ff0e6}
@media (prefers-reduced-motion:reduce){.hero.home .hm-par,.hm-seg3,.hm-seg3 button,.hm-base-l{transition:none}}

/* ===== 40-misc.css ===== */
/* ── Контакти, За нас, Политика, Карта на сайта, AI асистент ── */
.own{align-items:start}
.own .ph{min-height:320px}
.legal .prose{max-width:72ch}
.legal .prose h2{font-size:21px;margin:34px 0 10px}
.btn-link{background:none;border:0;padding:0;cursor:pointer;font:inherit;font-weight:700;color:var(--teal-ink)}
.hero.slim{padding-bottom:40px}
.smap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 40px}
.smap h3{font-size:17px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.smap ul{list-style:none;margin:0;padding:0}
.smap li{padding:4px 0;font-size:15px}
.smap a{color:var(--ink2);text-decoration:none}.smap a:hover{color:var(--teal-ink);text-decoration:underline}
@media (max-width:860px){.smap{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.smap{grid-template-columns:1fr}}
/* AI асистент на цял екран: вляво — кратко, вдясно — чатът (стилът на чата идва от chatbot.js) */
.chatbot-page .ft{display:none}
.cb{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:100vh;background:var(--navy);color:#fff}
.cb-side{padding:40px 32px;border-right:1px solid rgba(255,255,255,.12)}
.cb-side h1{font-size:28px;line-height:1.2;color:#fff;margin:14px 0 12px}
.cb-side p{color:rgba(255,255,255,.82);font-size:15px}
.cb-side a{color:var(--glow)}
.cb-links{list-style:none;margin:22px 0 0;padding:0}
.cb-links li{border-top:1px solid rgba(255,255,255,.12)}
.cb-links a{display:flex;align-items:center;gap:10px;padding:11px 0;color:#fff;text-decoration:none;font:600 15px var(--fh)}
.cb-links .i{width:18px;height:18px;color:var(--glow)}
.cb-main{display:flex;justify-content:center;padding:24px;min-height:0}
@media (max-width:900px){.cb{grid-template-columns:1fr}.cb-side{padding:24px 20px 8px;border:0}.cb-side .cb-links{display:flex;flex-wrap:wrap;gap:4px 18px}.cb-links li{border:0}.cb-main{padding:8px 12px 20px;min-height:80vh}}
/* подробната карта на сайта (28.10.2026): под всяка връзка — кратко описание */
.smap-d li{padding:7px 0}
.smap-d li a{font-weight:600}
.smap-d li span{display:block;margin-top:2px;font-size:14px;line-height:1.45;color:var(--muted)}
.smap-d h2{font-size:17px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--line)}

/* ===== 45-blog.css ===== */
/* ── Блог ── */
.post{max-width:72ch}
.post h2{font-size:24px;margin:44px 0 10px}
.post .ans{font-size:18px;color:var(--ink);font-weight:600;line-height:1.55;margin:0 0 14px}
.post .ex{border-left:3px solid var(--teal);padding:4px 0 4px 18px;margin:18px 0;color:var(--ink2)}
.post .ex p{margin:6px 0}
.author{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin:0 0 10px;font-size:15px;color:var(--ink2)}
.author p{margin:2px 0}
.author-n{font:700 16px var(--fh);color:var(--ink)}
.author-d{color:var(--muted);font-size:14px}
@media (max-width:640px){.post h2{font-size:21px;margin-top:36px}.post .ans{font-size:17px}}
.prose .tb-m td.p,.prose .tb-m th{text-align:left;white-space:normal}.prose .tb-m td.p{font:500 15px/1.45 var(--fb)}

/* ===== 50-nis2.css ===== */
/* ── NIS2 тест: въпросите са редове с линии, не кутийки ── */
.quiz{max-width:720px}
.quiz .bar{height:3px;background:var(--line);margin:0 0 18px;overflow:hidden}
.quiz .bar i{display:block;height:100%;width:0;background:var(--teal);transition:width .18s ease-out}
.quiz .q{font:700 21px/1.35 var(--fh);margin:0 0 6px}
.quiz .hint{font-size:15px;color:var(--muted);margin:0 0 14px}
.quiz .opts{display:flex;flex-direction:column;border-bottom:1px solid var(--line)}
.quiz .opts button{display:block;width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--line);padding:14px 0;font-size:16px;color:var(--ink);cursor:pointer}
.quiz .opts button:hover{color:var(--teal-ink)}
.quiz .opts button.on,.quiz .opts button[aria-pressed="true"]{color:var(--teal-ink);font-weight:600}
.quiz .nav{display:flex;justify-content:space-between;margin-top:14px;font-size:14px;color:var(--muted)}
.quiz .nav button{background:none;border:0;color:var(--muted);cursor:pointer;padding:0}
.quiz .res{display:none}
.quiz.done .ask{display:none}
.quiz.done .res{display:block}
.quiz .lvl{display:inline-block;font:700 14px var(--fh);margin-bottom:10px;padding-left:10px;border-left:3px solid currentColor}
.quiz .lvl.A{color:#9b1c1c}.quiz .lvl.B{color:#8a4b00}.quiz .lvl.C{color:var(--teal-ink)}
.quiz .res h3{font-size:22px}
.quiz .res ol{padding-left:1.2em;margin:0 0 18px;color:var(--ink2)}
@media (min-width:901px){.quiz-sec .two{grid-template-columns:1.3fr 1fr}}
.tb-nis2 td:nth-child(2){font-size:14.5px;color:var(--ink2);text-align:left;white-space:normal;font-family:var(--fb);font-weight:400}
.tb-nis2 th:nth-child(2){text-align:left}