/*
 * 3D сканиране: частите само на този лендинг, върху общия вид efv4.css и uslugi-svetli.css (EDi, 14.10.2026; общият светъл вид от 26.10.2026).
 * Токените --sv-*, шрифтът Golos, първият екран (заглавие, плочки, сцена, зона за файл) и правилата за видимост по избора са в
 * uslugi-svetli.css и в efsv_izbor_stil(); тук са само частите на сканирането: състоянията на зоната, таблиците, въпросите и малките разлики.
 * Всичко е под #skanirane или .efv4.sk3 (освен @keyframes): приложението 3dscan зарежда skan-app.css, не този файл.
 */
.efv4.sk3 *,.efv4.sk3 *::before,.efv4.sk3 *::after{box-sizing:border-box}
/* !important: [hidden] трябва да победи display на всяко правило на efv4.css */
.efv4.sk3 [hidden]{display:none !important}
.efv4.sk3 :where(b,strong){font-weight:600}
.efv4.sk3 figure{margin:0}
.efv4.sk3 section{scroll-margin-top:84px}
.efv4.sk3 .btn{min-height:48px}
.efv4.sk3 .gl{border-radius:8px;-webkit-backdrop-filter:none;backdrop-filter:none}
.efv4.sk3 :is(summary,label.zona):focus-visible,.efv4.sk3 .zona:focus-within{outline:2px solid var(--te2);outline-offset:3px}
.efv4.sk3 :is(p,li,td,small) a:not(.btn){color:var(--te2);text-decoration:underline;text-underline-offset:3px}
.efv4.sk3 :is(p,li,td,small) a:not(.btn):hover{color:var(--sv-silen,#fff)}

/* ---------- първи екран: старите части на картата (зона, състояния, бутон) ---------- */
.efv4.sk3 .geo{display:flex;gap:10px;align-items:flex-start;margin-top:22px;max-width:34em;padding:12px 14px;border-left:3px solid var(--te2);background:var(--sv-karta2,rgba(10,13,22,.6));color:var(--sv-tekst,#dde5ea);font-size:16px;line-height:1.5}
.efv4.sk3 .geo svg{font-size:20px;color:var(--or);margin-top:2px}

.efv4.sk3 .zona{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:150px;padding:20px 16px;overflow:hidden;text-align:center;border:2px dashed var(--ln2);border-radius:6px;background:var(--s1);cursor:pointer;transition:background .15s,border-color .15s}
.efv4.sk3 .zona svg{font-size:34px;color:var(--or)}
.efv4.sk3 .zona-t{color:var(--sv-silen,#fff);font-weight:600;line-height:1.35;max-width:22em}
.efv4.sk3 .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.sk3 .zona:hover,.efv4.sk3 .zona.vlachi,.efv4.sk3 .pusni.vlachi .zona{border-style:solid;border-color:var(--or);background:var(--sv-zona,rgba(63,182,207,.16))}
.efv4.sk3 .pusni.zaeto .zona{border-style:solid;border-color:var(--ln2);cursor:progress;pointer-events:none}
.efv4.sk3 .pusni.zaeto .zona::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:35%;background:var(--or);animation:efsk-polz 1.1s linear infinite}
.efv4.sk3 .pusni.zaeto .btn{opacity:.55;cursor:progress}
.efv4.sk3 .pusni.greshka .zona{border-color:var(--sv-greshka,#ff8a78)}
.efv4.sk3 .sast{min-height:1.5em;margin-top:10px;font-size:15px;line-height:1.45;color:var(--sv-tekst,#dde5ea)}
.efv4.sk3 .pusni.greshka .sast{padding-left:10px;border-left:3px solid var(--sv-greshka,#ff8a78);color:var(--sv-greshka-t,#ffc2b8)}
.efv4.sk3 .sast:empty{display:none}
.efv4.sk3 .pusni .formati{margin-top:6px;color:var(--mu);font-size:14px}
.efv4.sk3 .pusni .step{margin-top:8px;padding-left:10px;border-left:2px solid var(--ln2);color:var(--mu);font-size:14px;line-height:1.45}
.efv4.sk3 .pusni .note{margin-top:12px;padding:12px 14px;font-size:14px}
.efv4.sk3 .pod{display:flex;flex-wrap:wrap;align-items:center;gap:0 12px;margin-top:12px;padding-top:4px;border-top:1px solid var(--ln);font-size:15px;color:var(--mu)}
.efv4.sk3 .pod > span{display:inline-flex;align-items:center;min-height:44px}
.efv4.sk3 .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 efsk-polz{from{transform:translateX(-100%)}to{transform:translateX(290%)}}

/* ---------- как става ---------- */
.efv4.sk3 .kak h3{font-size:18px}

/* ---------- пазарът: таблици ---------- */
.efv4.sk3 .belezhka{margin-bottom:18px;padding:12px 16px;border-left:3px solid var(--or);background:var(--sv-izbran,rgba(248,144,72,.06));color:var(--sv-tekst2,#e8eef2);max-width:48em}
.efv4.sk3 .s-granici .tbl{margin-bottom:28px}
.efv4.sk3 .tbl th{font-weight:600}
.efv4.sk3 .tbl caption{caption-side:top;text-align:left;font:600 19px/1.3 "Golos Text",system-ui,sans-serif;color:var(--sv-silen,#fff);padding-bottom:12px}
.efv4.sk3 .tbl td:first-child{white-space:normal}
.efv4.sk3 .tbl thead th{border-bottom:1px solid var(--ln2)}
.efv4.sk3 .pravilo{color:var(--mu);font-size:15px;max-width:48em}

/* ---------- цената, не знаете, предаване ---------- */
.efv4.sk3 .s-cena .w.two,.efv4.sk3 .s-ne-znam .w.two{align-items:start}
.efv4.sk3 .list h3{font-size:18px}
.efv4.sk3 .list h3 a{color:var(--te2);text-decoration:underline;text-underline-offset:3px}
.efv4.sk3 .list .vr{font-size:18px;margin:0 0 6px}
.efv4.sk3 .list .vr a{color:var(--te2);text-decoration:underline;text-underline-offset:3px}
.efv4.sk3 .list p svg{display:inline-block;vertical-align:-3px;margin-right:8px;color:var(--or);font-size:18px}
.efv4.sk3 .s-cena .sec-head + h3{margin-top:10px}
.efv4.sk3 .srok{color:var(--sv-tekst,#c9d3da);max-width:34em;margin-top:6px}
.efv4.sk3 .cena-btn{margin-top:20px}
.efv4.sk3 .s-dostavka .list{max-width:52em}

/* ---------- въпроси ---------- */
.efv4.sk3 .faq-side{position:sticky;top:104px;align-self:start}
.efv4.sk3 .faq-side .routes{max-width:26em}
.efv4.sk3 .routes a{min-height:56px}
.efv4.sk3 .faq details{border-top:1px solid var(--ln)}
.efv4.sk3 .faq details:last-child{border-bottom:1px solid var(--ln)}
.efv4.sk3 .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(--sv-silen,#fff);font-weight:600}
.efv4.sk3 .faq summary::-webkit-details-marker{display:none}
.efv4.sk3 .faq summary::after{content:"+";flex:none;color:var(--sv-or-tekst,var(--or));font-size:24px;line-height:1}
.efv4.sk3 .faq details[open] summary::after{content:"\2212"}
.efv4.sk3 .faq details p{color:var(--sv-tekst,#c9d3da);max-width:52em;padding-bottom:18px}
.efv4.sk3 .s-dostavka{padding-bottom:clamp(48px,5.4vw,80px)}

/* ---------- откъде е стойността и списъкът с източници ---------- */
.efv4.sk3 .tbl .izv{display:block;margin-top:4px;color:var(--mu);font-size:13px;line-height:1.4}
.efv4.sk3 .pravilo small{display:block;margin-top:4px;font-size:13px}
.efv4.sk3 .izvori{max-width:48em;margin-top:8px;color:var(--mu);font-size:15px}
.efv4.sk3 .izvori summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--te2);font-weight:600}
.efv4.sk3 .izvori ul{margin:8px 0 0;padding-left:20px}
.efv4.sk3 .izvori li{padding:4px 0;overflow-wrap:anywhere}
.efv4.sk3 .izvori a{color:var(--te2);text-decoration:underline;text-underline-offset:3px}


/* ---------- малките разлики върху общия светъл вид ---------- */
#skanirane.efv4.sk3 :is(.s-doverie,.s-granici,.s-ne-znam,.s-dostavka){background:var(--s1)}
#skanirane.efv4.sk3 :is(.tbl .izv,.pravilo){color:var(--mu)}
#skanirane.efv4.sk3 .tbl{background:var(--s1)}
#skanirane.efv4.sk3 .tbl :is(th,td){border-color:var(--ln)}
#skanirane.efv4.sk3 .faq details{border-color:var(--ln)}
#skanirane.efv4.sk3 .list li{border-color:var(--ln)}
#skanirane.efv4.sk3 .tbl .izv{color:var(--mu)}

/* доверието: оценката, мястото и цената са три спокойни реда на една линия, не едно слепено изречение (като .efv4.pr3 .doverie .w > p) */
#skanirane.efv4.sk3 .s-doverie .w > p.dov{display:flex;flex-wrap:wrap;gap:0 clamp(16px,2.2vw,32px);padding:6px 0;font-size:16px}
#skanirane.efv4.sk3 .s-doverie .w > p.dov > span{display:inline-flex;align-items:center;gap:10px;min-height:52px;color:var(--tx)}
#skanirane.efv4.sk3 .s-doverie .dov svg{flex:none;font-size:22px;color:var(--or)}

/* ---------- първият екран: само разликите от общия компонент ---------- */
/* шест задачи в плочки по три; общият css е за четири в една лента */
.efv4.sk3.sv-svetla .hero.sv-geroi .sv-seg{grid-template-columns:repeat(3,minmax(0,1fr))}
.efv4.sk3.sv-svetla .hero.sv-geroi .sv-opt + .sv-opt{border-left:0}
.efv4.sk3.sv-svetla .hero.sv-geroi .sv-opt:not(:nth-of-type(3n+1)){border-left:1px solid var(--ln)}
.efv4.sk3.sv-svetla .hero.sv-geroi .sv-opt:nth-of-type(n+4){border-top:1px solid var(--ln)}
.efv4.sk3.sv-svetla .hero.sv-geroi .sv-opt-t{min-height:96px;padding:14px 14px 18px}
.efv4.sk3.sv-svetla .hero.sv-geroi .sv-opt-t b{font-size:16px}
/* рисунките са 640x420, не квадрати */
.efv4.sk3.sv-svetla .hero.sv-geroi .sv-platno{aspect-ratio:640/420}
.efv4.sk3.sv-svetla .hero.sv-geroi .sv-spec{grid-template-columns:repeat(2,minmax(0,1fr))}
.efv4.sk3.sv-svetla .hero.sv-geroi .sv-spec dd{font-size:16px;overflow-wrap:anywhere}
/* бутонът „Към заявката“ стои до зоната за файла (по един на задача, виж efsv_izbor_stil) */
.efv4.sk3.sv-svetla .hero.sv-geroi .sv-fail{align-items:stretch}
@media (max-width:640px){
  .efv4.sk3.sv-svetla .hero.sv-geroi .sv-seg{grid-template-columns:repeat(2,minmax(0,1fr))}
  .efv4.sk3.sv-svetla .hero.sv-geroi .sv-opt:not(:nth-of-type(3n+1)){border-left:0}
  .efv4.sk3.sv-svetla .hero.sv-geroi .sv-opt:nth-of-type(even){border-left:1px solid var(--ln)}
  .efv4.sk3.sv-svetla .hero.sv-geroi .sv-opt:nth-of-type(n+3){border-top:1px solid var(--ln)}
}
@media (max-width:1100px){
  .efv4.sk3 .kak{grid-template-columns:minmax(0,1fr);gap:22px;padding-top:0;padding-left:28px}
  .efv4.sk3 .kak::before{top:0;bottom:0;left:6px;right:auto;border-top:0;border-left:2px solid var(--ln2)}
  .efv4.sk3 .kak li::before{top:6px;left:-29px}
}
@media (max-width:900px){
  .efv4.sk3 .faq-side{position:static}
  .efv4.sk3 .s-granici .tbl{display:block;max-width:100%;overflow-x:auto}
}
@media (max-width:700px){
  .efv4.sk3::before{content:none;background-image:none}
}
@media (max-width:640px){
  .efv4.sk3 .zona svg{font-size:28px}
  .efv4.sk3 .doverie .w > p,.efv4.sk3 .s-doverie .w > p.dov{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){
  /* !important: efv4.css и правилата за преход по-горе имат същата тежест; движението трябва да спре навсякъде */
  .efv4.sk3 *,.efv4.sk3 *::before,.efv4.sk3 *::after{transition:none !important;animation:none !important}
}