/*
 * CNC услуги: частите само на този лендинг, върху общия вид efv4.css и общия светъл вид uslugi-svetli.css (EDi, 14.10.2026; първият екран
 * е на общия компонент от 27.10.2026). Образец: printirane.css. Всичко е под .efv4.cn3 (или #cnc там, където трябва да надделее над общия css).
 * Токените (--bg, --tx, --sv-* ...), шрифтът Golos Text, мрежата на първия екран, плочките на избора, сцената и лентите на разделите са в
 * uslugi-svetli.css (клас .sv-svetla на main); тук остава само каквото е на CNC: шест плочки на избора, панелът с редове, зоната за файл
 * и разделите под първия екран. Правилата за скриване на чуждите [data-cel] ги дава efsv_izbor_stil() в самата страница.
 */
.efv4.cn3 *,.efv4.cn3 *::before,.efv4.cn3 *::after{box-sizing:border-box}
.efv4.cn3 [hidden]{display:none !important}
.efv4.cn3 :where(b,strong){font-weight:600}
.efv4.cn3 section{scroll-margin-top:84px}
.efv4.cn3 .gl{border-radius:8px;-webkit-backdrop-filter:none;backdrop-filter:none}
.efv4.cn3 :is(summary,label.zona):focus-visible,.efv4.cn3 .zona:focus-within{outline:3px solid var(--or);outline-offset:3px}
/* връзките в текста са подчертани, за да се различават не само по цвят */
.efv4.cn3 :is(p,li,td,small) a:not(.btn){text-decoration:underline;text-underline-offset:3px}
.efv4.cn3 .vr{display:flex;flex-wrap:wrap;gap:0 22px;margin-top:18px}
.efv4.cn3 .vr a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}

/* ---------- първи екран ---------- */
/* section#cn-parvi само държи първия екран: отстъпите и фонът са на div.hero.sv-geroi вътре в нея */
.efv4.cn3 section#cn-parvi{padding:0;background:none}
.efv4.cn3 .geo{display:flex;gap:10px;align-items:flex-start;margin-top:18px;max-width:34em;padding:12px 14px;border-left:3px solid var(--or);background:var(--sv-karta2);color:var(--sv-tekst);font-size:16px;line-height:1.5}
.efv4.cn3 .geo svg{font-size:20px;color:var(--or);margin-top:2px}

/* зоната за файл, състоянието, форматите, бутонът (общият css ги подрежда в ред; тук е основата им) */
.efv4.cn3 .zona{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:112px;padding:14px 12px;overflow:hidden;text-align:center;border:2px dashed var(--te2);border-radius:6px;background:var(--sv-zona);cursor:pointer;transition:background .15s,border-color .15s}
.efv4.cn3 .zona svg{font-size:28px;color:var(--te2)}
.efv4.cn3 .zona-t{color:var(--sv-silen);font-weight:600;line-height:1.35;max-width:22em}
.efv4.cn3 .zona input[type=file]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.efv4.cn3 .zona:hover,.efv4.cn3 .zona.vlachi,.efv4.cn3 .pusni.vlachi .zona{border-style:solid;border-color:var(--sv-or-tekst);background:var(--sv-zona2)}
.efv4.cn3 .pusni.zaeto .zona{border-style:solid;border-color:var(--ln2);cursor:progress;pointer-events:none}
.efv4.cn3 .pusni.zaeto .zona::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:35%;background:var(--or);animation:efcn-polz 1.1s linear infinite}
.efv4.cn3 .pusni.zaeto .btn{opacity:.55;cursor:progress}
.efv4.cn3 .pusni.greshka .zona{border-color:var(--sv-greshka)}
.efv4.cn3 .sast{min-height:1.5em;margin-top:10px;font-size:15px;line-height:1.45;color:var(--sv-tekst)}
.efv4.cn3 .pusni.greshka .sast{padding-left:10px;border-left:3px solid var(--sv-greshka);color:var(--sv-greshka-t)}
.efv4.cn3 .sast a{color:var(--sv-silen);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.efv4.cn3 .pusni .formati{margin-top:6px;color:var(--mu);font-size:14px}
.efv4.cn3 .pusni .oferta{margin:0;color:var(--mu);font-size:14px;line-height:1.4}
.efv4.cn3 .pusni .poveritelno{margin:0;color:var(--mu);font-size:14px;line-height:1.45}
.efv4.cn3 .pusni .note{margin:0;padding:12px 14px;font-size:14px}
.efv4.cn3 .pod{display:flex;flex-wrap:wrap;gap:0 20px;margin-top:12px;padding-top:4px;border-top:1px solid var(--ln);font-size:15px;color:var(--mu)}
.efv4.cn3 .pod > span{display:inline-flex;align-items:center;flex-wrap:wrap;gap:0 6px;min-height:44px}
.efv4.cn3 .pod a{display:inline-flex;align-items:center;min-height:44px;color:var(--te2);text-decoration:underline;text-underline-offset:3px;font-weight:600}
@keyframes efcn-polz{from{transform:translateX(-100%)}to{transform:translateX(290%)}}

/* ---------- изборът: шест плочки (общият css е за четири); линиите между плочките са процеп 1 px над линията на лентата ---------- */
#cnc .cn-geroi .sv-seg{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--ln)}
#cnc .cn-geroi .sv-opt{background:#FFFFFF;border:0}
/* заглавието е дълго (три процеса): по-дребно от това на принтирането */
#cnc .cn-geroi .sv-h1-v{max-width:13em;font-size:clamp(34px,3.7vw,52px)}
/* сцената е 800 на 600 */
#cnc .cn-geroi .sv-platno{aspect-ratio:4/3;background:#ECEEF1}

/* панелът на избраната задача: редове „име, стойност“ (получавате, процес, правила от ядрото, срок), всяко число с извор */
#cnc .cn-geroi .cn-spec{grid-template-columns:minmax(0,1fr);margin-top:14px}
#cnc .cn-geroi .cn-spec div{display:grid;grid-template-columns:minmax(0,10em) minmax(0,1fr);gap:2px 16px;padding:10px 0;border-bottom:1px solid var(--ln)}
#cnc .cn-geroi .cn-spec dt{font-size:14px;color:var(--mu)}
#cnc .cn-geroi .cn-spec dd{margin:0;font-size:16px;font-weight:600;line-height:1.45}
.efv4.cn3 .cn-ori{margin-left:6px;font-size:13px;font-weight:500;color:var(--mu);white-space:nowrap}
#cnc .cn-geroi .sv-cena{margin-top:16px}
#cnc .cn-geroi .sv-cena b{font-size:34px}
#cnc .cn-geroi .sv-cena b + span{font-size:14px;color:var(--mu)}

/* ---------- какво изработваме: списък, без кутии ---------- */
.efv4.cn3 .list h3{font-size:18px}
.efv4.cn3 .list b{display:block;color:var(--tx);font-weight:600}

/* ---------- ход: пет стъпки, вертикално на телефон ---------- */
.efv4.cn3 .hod{--n:5;grid-template-columns:minmax(0,1fr);gap:22px;padding-top:0;padding-left:28px}
.efv4.cn3 .hod::before{top:0;bottom:0;left:6px;right:auto;border-top:0;border-left:2px solid var(--ln2)}
.efv4.cn3 .hod li::before{top:6px;left:-29px}
.efv4.cn3 .hod h3{font-size:18px}
.efv4.cn3 .hod-btn{margin-top:28px}

/* ---------- материали и граници: таблици ---------- */
.efv4.cn3 .tbl tfoot td.belezhka{padding:14px 10px 0;border-bottom:0;color:var(--mu);font-size:15px;white-space:normal}
.efv4.cn3 .tbl th{font-weight:600}
.efv4.cn3 .tbl caption{caption-side:top;text-align:left;font-size:19px;font-weight:600;line-height:1.3;padding-bottom:12px}
.efv4.cn3 .tbl td:first-child{white-space:normal}
.efv4.cn3 .tbl thead th{border-bottom:1px solid var(--ln2)}
.efv4.cn3 .tbl .grupa th{padding-top:20px;color:var(--tx);font-size:15px;border-bottom:1px solid var(--ln2)}
.efv4.cn3 .cn-granici td.n{white-space:normal}
.efv4.cn3 .cn-pravila-blok{margin-top:clamp(32px,4vw,52px);padding-top:clamp(20px,3vw,32px);border-top:1px solid var(--ln2)}
.efv4.cn3 .cn-pravila-blok .pr-lead{margin:8px 0 14px;color:var(--mu);max-width:48em}
.efv4.cn3 .cn-pravila td.n{white-space:normal}
.efv4.cn3 .pid{font-family:ui-monospace,SFMono-Regular,Consolas,Menlo,monospace;font-size:12px;overflow-wrap:anywhere;word-break:break-all}
.efv4.cn3 .cn-pravila td:last-child{min-width:7em}

/* ---------- цена, нямате чертеж, Пловдив ---------- */
.efv4.cn3 .srok{color:var(--sv-tekst);max-width:34em;margin-top:6px}
.efv4.cn3 .s-cena h3{margin-bottom:10px}
.efv4.cn3 .s-cena .hod-btn{margin-top:18px}
.efv4.cn3 .bez-tekst p{color:var(--sv-tekst);max-width:40em}
.efv4.cn3 .bez-tekst p + p{margin-top:12px}
.efv4.cn3 .s-plovdiv .list h3{margin:0}
.efv4.cn3 .s-plovdiv .vr{grid-column:1/-1}

/* ---------- въпроси ---------- */
.efv4.cn3 .faq-side .routes{max-width:26em}
.efv4.cn3 .routes b{font-weight:600}
.efv4.cn3 .routes a{min-height:56px}
.efv4.cn3 .faq details{border-top:1px solid var(--ln)}
.efv4.cn3 .faq details:last-child{border-bottom:1px solid var(--ln)}
.efv4.cn3 .faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:12px 0;color:var(--tx);font-weight:600}
.efv4.cn3 .faq summary::-webkit-details-marker{display:none}
.efv4.cn3 .faq summary::after{content:"+";flex:none;color:var(--sv-or-tekst);font-size:24px;line-height:1}
.efv4.cn3 .faq details[open] summary::after{content:"\2212"}
.efv4.cn3 .faq details p{color:var(--sv-tekst);max-width:52em;padding-bottom:18px}

/* ---------- по-широко от телефон ---------- */
@media (min-width:641px){
  .efv4.cn3 .cn-proc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,56px)}
  .efv4.cn3 .cn-proc li:nth-last-child(2){border-bottom:1px solid var(--ln)}
}
@media (max-width:640px){
  #cnc .cn-geroi .sv-seg{grid-template-columns:repeat(2,minmax(0,1fr))}
  #cnc .cn-geroi .cn-spec div{grid-template-columns:minmax(0,1fr)}
  #cnc .cn-geroi .cn-spec dd{margin-top:2px}
}
@media (min-width:901px){
  .efv4.cn3 .cn-proc{grid-template-columns:repeat(3,minmax(0,1fr))}
  .efv4.cn3 .cn-proc li:nth-last-child(2){border-bottom:0}
  .efv4.cn3 .cn-proc li:nth-last-child(-n+3){border-bottom:1px solid var(--ln)}
  .efv4.cn3 .faq-side{position:sticky;top:104px;align-self:start}
  .efv4.cn3 .s-plovdiv .w.two{align-items:start}
  .efv4.cn3 .cn-granici td.n{white-space:nowrap}
}
@media (min-width:1101px){
  /* ходът е вертикален, докато пет колони не се побират */
  .efv4.cn3 .hod{grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:28px;padding-top:30px;padding-left:0}
  .efv4.cn3 .hod::before{top:8px;bottom:auto;left:0;right:0;border-left:0;border-top:2px solid var(--ln2)}
  .efv4.cn3 .hod li::before{top:-29px;left:0}
}
@media (prefers-reduced-motion:reduce){
  .efv4.cn3 *,.efv4.cn3 *::before,.efv4.cn3 *::after{transition:none !important;animation:none !important}
}

/* ---------- светлите раздели под първия екран (лентите и токените са на общия css; тук са цветовете на CNC частите) ---------- */
.efv4.cn3 :is(.rev .q,.rev footer,.who p){color:var(--sv-tekst)}
.efv4.cn3 :is(.free strong,.free a){color:var(--tx)}
.efv4.cn3 .hero .tel:hover{color:var(--tx)}

/* доверие: четири неща в ред */
#cn-doverie ul,#cn-doverie ol,#cn-doverie .cn-dov{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:20px 0 0;padding:0;list-style:none}
#cn-doverie li,#cn-doverie .cn-dov > *{margin:0;padding:12px 14px;border-left:3px solid var(--or);background:var(--sv-karta2);color:var(--sv-tekst);line-height:1.45}
#cn-doverie :is(li,.cn-dov > *) b,#cn-doverie :is(li,.cn-dov > *) strong{display:block;color:var(--tx)}
/* защо допускът има значение: малка таблица; името на допуска и обяснението му са на отделни редове (одитът 26.10.2026: „Обичаен допускПодходящ за…“) */
#cn-zashto table{width:100%;max-width:52em;margin-top:20px;border-collapse:collapse}
#cn-zashto :is(th,td){padding:12px 12px 12px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--ln);color:var(--tx)}
#cn-zashto thead th{border-bottom:1px solid var(--ln2);font-weight:600}
#cn-zashto td{font-variant-numeric:tabular-nums}
#cn-zashto td .zs-ime{display:block}
#cn-zashto td .zs-opis{display:block;margin-top:2px;font-size:14px;font-weight:400;color:var(--mu)}
#cn-zashto p{max-width:44em;color:var(--sv-tekst)}
/* отзиви: цитати */
#cn-otzivi blockquote{margin:0;padding:16px 18px;border-left:3px solid var(--or);border-radius:0 8px 8px 0;background:#FFFFFF;color:var(--tx);line-height:1.55}
#cn-otzivi blockquote p{margin:0;color:var(--tx)}
#cn-otzivi blockquote p + p{margin-top:8px;color:var(--mu);font-size:15px}
#cn-otzivi :is(footer,cite,figcaption){display:block;margin-top:10px;font-size:15px;font-style:normal;font-weight:600;color:var(--sv-tekst)}
#cn-otzivi .w > div,#cn-otzivi .w > ul,#cn-otzivi .cn-otz{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:20px 0 0;padding:0;list-style:none}
/* още услуги: карти от връзки */
#cn-gara ul,#cn-gara .routes{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:20px 0 0;padding:0;list-style:none;max-width:none}
#cn-gara :is(li > a,.routes > a){display:flex;align-items:center;min-height:56px;padding:12px 16px;border:1px solid var(--ln2);border-radius:8px;background:var(--sv-karta);color:var(--tx);font-weight:600;line-height:1.3;text-decoration:none}
#cn-gara :is(li > a,.routes > a):hover{border-color:var(--or);color:var(--tx)}
/* призив: съществуващата кутия .cta */
#cn-prizov .cta .box{margin:0}

@media (min-width:960px){
  #cn-doverie ul,#cn-doverie ol,#cn-doverie .cn-dov{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* какво се уточнява при прегледа: три абзаца под хода (от поддомейна, 27.10.2026) */
.efv4.cn3 .cn-ugotovyavane{max-width:48em;margin-top:clamp(28px,3.4vw,44px);padding-top:clamp(20px,2.6vw,28px);border-top:1px solid var(--ln2)}
.efv4.cn3 .cn-ugotovyavane h3{margin:0 0 10px}
.efv4.cn3 .cn-ugotovyavane p{margin:0 0 12px;color:var(--sv-tekst)}