/*
 * 3D сканиране, приложението на 3dscan.edufacturing.com: стилът на страницата и на заявката (EDi, 14.10.2026), върху общия вид efv4.css.
 * Всичко е под .efv4.sk3a (единственото извън него е нулирането на полето на body). Променливите са на efv4.css: --bg, --s1, --ln, --ln2,
 * --tx, --mu, --or, --te, --te2. Главата (header.top) и краят (footer.end) са със същото разположение като на 3dfactory, но правилата са
 * тук, защото страницата не зарежда файловете на други услуги. Първо за телефон (390 px): целите за пръст са поне 44 px, фокусът се вижда,
 * избраното се познава по рамка, фон и знак "✓", не само по цвят. Контрастът на текста върху тъмната основа е над 4,5:1.
 */
html,body{margin:0;background:#ECEEF1}
.efv4.sk3a *,.efv4.sk3a *::before,.efv4.sk3a *::after{box-sizing:border-box}
.efv4.sk3a [hidden]{display:none !important}
.efv4.sk3a :where(b,strong){font-weight:600}
.efv4.sk3a img{max-width:100%;height:auto}
.efv4.sk3a :where(p a,small a,li a):not(.btn){color:var(--te2);text-decoration:underline;text-underline-offset:3px}
.efv4.sk3a :where(p a,small a,li a):not(.btn):hover{color:var(--tx)}

/* ---------- глава ---------- */
.efv4.sk3a header.top{border-bottom:1px solid var(--ln);background:var(--s1)}
.efv4.sk3a header.top .w{display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px;min-height:72px;padding-top:8px;padding-bottom:8px}
.efv4.sk3a header.top .w > a:first-child{display:inline-flex;align-items:center;min-height:44px}
.efv4.sk3a header.top img{display:block;width:154px;height:auto}
/* cadslice.com: логото А2 е с надпис „инкубатор на бъдещето“ и при 32 px надписът не се чете; 56 px като на живата страница на CADslice
   (prototip.css, .efv4.prt.cadslice .top img). Ширината следва файла (специфичността бие width:154px и width:132px на телефон), а
   отрицателното поле връща буквата C на ръба на съдържанието (файлът носи чисто поле вляво). Лентата е 72 px и остава такава */
.efv4.sk3a.cadslice header.top img{height:56px;width:auto;max-width:none;margin-left:-11px}
.efv4.sk3a header.top nav{display:flex;flex-wrap:wrap;gap:0 6px;flex:1 1 auto;justify-content:flex-end}
.efv4.sk3a header.top nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;color:var(--mu);font-weight:600;font-size:15px;text-decoration:none}
.efv4.sk3a header.top nav a:hover{color:var(--tx);text-decoration:underline;text-underline-offset:4px}
.efv4.sk3a .ezik{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:44px;padding:0 12px;border:1px solid var(--ln2);border-radius:6px;color:var(--tx);font-weight:600;text-decoration:none}
.efv4.sk3a .ezik:hover{border-color:var(--te2)}
.efv4.sk3a header.top .tel{display:inline-flex;align-items:center;min-height:44px;color:var(--sv-tekst,#3B4652);font-weight:600;text-decoration:none;white-space:nowrap}
.efv4.sk3a header.top .tel:hover{color:var(--tx)}

/* ---------- първи екран: заглавието и избор на вход, после заявката ---------- */
.efv4.sk3a .hero{min-height:0;align-items:flex-start;padding:clamp(24px,3vw,48px) 0 clamp(36px,4vw,60px)}
.efv4.sk3a .hero::after{content:none}
.efv4.sk3a .hero .w{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:start}
.efv4.sk3a .hero h1{font-size:clamp(28px,3vw,42px);line-height:1.14}
.efv4.sk3a .hero .lead{color:var(--sv-tekst,#3B4652);font-size:18px}
.efv4.sk3a .card{min-width:0;padding:clamp(16px,2vw,26px);background:var(--sv-karta,#fff);border:1px solid var(--ln2);border-radius:8px;-webkit-backdrop-filter:none;backdrop-filter:none}
.efv4.sk3a .card noscript p{color:var(--sv-tekst,#3B4652)}
.efv4.sk3a .app{min-width:0}
.efv4.sk3a .app form{display:flex;flex-direction:column;gap:20px}

/* ---------- групи, заглавия на групи, помощни текстове ---------- */
.efv4.sk3a .app fieldset{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;border:0;min-width:0}
.efv4.sk3a .app legend{float:left;width:100%;margin:0 0 4px;padding:0;color:var(--tx);font:600 19px/1.3 Rubik,system-ui,sans-serif}
.efv4.sk3a .app legend + *{clear:both}
.efv4.sk3a .app small{display:block;color:var(--mu);font-size:15px;line-height:1.45}
.efv4.sk3a .app .mu{color:var(--mu);font-size:15px;line-height:1.5}
.efv4.sk3a .app h2{font-size:clamp(22px,2.2vw,28px);line-height:1.2}
.efv4.sk3a .app h3{font-size:18px}
.efv4.sk3a .app p{color:var(--sv-tekst,#3B4652)}
.efv4.sk3a .app p.mu,.efv4.sk3a .app .mu{color:var(--mu)}

/* ---------- избор на вход: плочки с ясно избрано състояние ---------- */
.efv4.sk3a .vhod{display:block;position:relative;width:100%;min-height:64px;margin:0;padding:12px 44px 12px 16px;text-align:left;font:inherit;color:var(--tx);background:var(--s1);border:1px solid var(--ln2);border-radius:6px;cursor:pointer;transition:border-color .15s,background .15s}
.efv4.sk3a .vhod b{display:block;color:var(--tx);font-weight:600;font-size:17px;line-height:1.3}
.efv4.sk3a .vhod small{margin-top:2px}
.efv4.sk3a .vhod:hover{border-color:var(--te2);background:var(--s2)}
.efv4.sk3a .vhod[aria-pressed="true"]{border-color:var(--or);background:var(--sv-izbran,rgba(242,106,27,.08));box-shadow:inset 3px 0 0 var(--or)}
.efv4.sk3a .vhod[aria-pressed="true"]::after{content:"\2713";position:absolute;top:12px;right:16px;color:var(--or);font-size:20px;font-weight:700;line-height:1}
.efv4.sk3a .vhod:focus-visible{outline:2px solid var(--te2);outline-offset:3px}

/* ---------- панелите на входовете ---------- */
.efv4.sk3a section.panel{display:flex;flex-direction:column;gap:18px;padding:18px 0 0;border-top:1px solid var(--ln)}
.efv4.sk3a .panel[hidden]{display:none}

/* ---------- полета ---------- */
.efv4.sk3a .pole{display:flex;flex-direction:column;gap:6px;margin:0;min-width:0}
.efv4.sk3a .pole > label{color:var(--tx);font-weight:600;font-size:16px;line-height:1.35}
.efv4.sk3a .pole input[type="text"],.efv4.sk3a .pole input[type="email"],.efv4.sk3a .pole input[type="tel"],.efv4.sk3a .pole input[type="number"],.efv4.sk3a .pole textarea{display:block;width:100%;min-height:48px;padding:0 12px;border:1px solid var(--ln2);border-radius:6px;background:var(--s1);color:var(--tx);font:400 16px/1.4 Nunito,system-ui,sans-serif}
.efv4.sk3a .pole textarea{min-height:96px;padding:10px 12px;resize:vertical}
.efv4.sk3a .pole input:hover,.efv4.sk3a .pole textarea:hover{border-color:var(--te2)}
.efv4.sk3a .pole input::placeholder,.efv4.sk3a .pole textarea::placeholder{color:var(--mu)}
.efv4.sk3a .pole input[type="file"],.efv4.sk3a .kadar input[type="file"]{display:block;width:100%;min-height:48px;padding:6px;border:1px dashed var(--ln2);border-radius:6px;background:var(--s1);color:var(--sv-tekst,#3B4652);font:400 15px/1.4 Nunito,system-ui,sans-serif;cursor:pointer}
.efv4.sk3a input[type="file"]::file-selector-button{min-height:36px;margin-right:12px;padding:0 14px;border:1px solid var(--ln2);border-radius:6px;background:var(--s2);color:var(--tx);font:600 15px/1 Nunito,system-ui,sans-serif;cursor:pointer}
.efv4.sk3a input[type="file"]::file-selector-button:hover{border-color:var(--te2)}
.efv4.sk3a .pole[data-pole-grupa]{gap:10px}

/* ---------- радио и отметка: входът е до текста, вертикално подравнен, избраният ред е оцветен ---------- */
.efv4.sk3a .opt{display:flex;align-items:flex-start;gap:12px;min-height:48px;margin:0;padding:11px 14px;color:var(--tx);font-size:16px;line-height:1.45;background:var(--s1);border:1px solid var(--ln2);border-radius:6px;cursor:pointer;transition:border-color .15s,background .15s}
.efv4.sk3a .opt:hover{border-color:var(--te2)}
.efv4.sk3a .opt input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:var(--or);cursor:pointer}
.efv4.sk3a .opt input:focus-visible{outline:2px solid var(--te2);outline-offset:3px}
.efv4.sk3a .opt span{min-width:0}
.efv4.sk3a .opt:has(input:checked){border-color:var(--or);background:var(--sv-izbran,rgba(242,106,27,.08));box-shadow:inset 3px 0 0 var(--or)}
.efv4.sk3a .opt.saglasie{font-size:15px;color:var(--sv-tekst,#3B4652)}

/* ---------- кадрите на водача ---------- */
.efv4.sk3a .kadri{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;counter-reset:kadar}
.efv4.sk3a .kadar{display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px;background:var(--s2);border:1px solid var(--ln2);border-radius:6px}
.efv4.sk3a .kadar > label{display:block}
.efv4.sk3a .kadar b{display:block;color:var(--tx);font-size:16px;line-height:1.35}
.efv4.sk3a .kadar b::before{counter-increment:kadar;content:counter(kadar) ". ";color:var(--or);font-variant-numeric:tabular-nums}
.efv4.sk3a .kadar small{margin-top:2px}
.efv4.sk3a .kadar .sast{margin:0}
.efv4.sk3a .kacheni{display:flex;flex-direction:column;gap:6px}
.efv4.sk3a .kacheni:empty{display:none}
.efv4.sk3a .kacheni li{padding:8px 12px;border-left:4px solid var(--ln2);background:var(--s2);color:var(--sv-tekst,#3B4652);font-size:15px;line-height:1.4;overflow-wrap:anywhere}
.efv4.sk3a .kacheni li[data-ok="1"]{border-left-color:#1E7B3A}
.efv4.sk3a .kacheni li[data-ok="0"]{border-left-color:var(--sv-greshka-t,#8E2412)}
[data-karta-pregled]{display:block;max-width:100%;height:auto;margin-top:10px;border-radius:6px;touch-action:manipulation;cursor:crosshair}
.efv4.sk3a [data-karta-pomosht]{margin:6px 0 0;color:var(--sv-tekst,#3B4652);font-size:15px}

/* ---------- клас на обекта, съобщения, изпращане ---------- */
.efv4.sk3a .klas{margin:0;padding:12px 14px;border-left:4px solid var(--te2);background:rgba(11,111,134,.08);color:var(--tx);font-weight:600;line-height:1.5}
.efv4.sk3a .sast{margin:0;padding:0;min-height:0;color:var(--sv-tekst,#3B4652);font-size:15px;line-height:1.45}
.efv4.sk3a .sast:empty{display:none}
.efv4.sk3a .sast:not(:empty){padding:10px 12px;border-left:4px solid var(--te2);background:rgba(11,111,134,.08)}
.efv4.sk3a .sast[data-greshka="1"]{color:var(--sv-greshka-t,#8E2412);border-left-color:var(--sv-greshka,#C2311A);background:rgba(194,49,26,.08)}
.efv4.sk3a [data-kadar-sast][data-ok="1"]{color:#1E7B3A;border-left-color:#1E7B3A}
.efv4.sk3a [data-kadar-sast][data-ok="0"]{color:var(--sv-greshka-t,#8E2412);border-left-color:var(--sv-greshka,#C2311A);background:rgba(194,49,26,.08)}
.efv4.sk3a .btn{border-radius:6px;font-weight:600;min-height:52px;width:100%;text-align:center}
.efv4.sk3a .btn-p{background:var(--or);color:var(--sv-silen,#1C232B)}
.efv4.sk3a .btn-p:hover{background:#FF8A47}
.efv4.sk3a .btn:disabled,.efv4.sk3a .btn[disabled]{background:#E4E7EB;color:var(--mu);border:1px solid var(--ln2);cursor:not-allowed}
.efv4.sk3a .btn:disabled:hover{background:#E4E7EB}

/* ---------- край ---------- */
.efv4.sk3a footer.end{margin-top:clamp(36px,5vw,72px);padding:26px 0 36px;border-top:1px solid var(--ln);background:var(--s1);color:var(--mu);font-size:15px;line-height:1.5}
.efv4.sk3a footer.end .w{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 28px}
.efv4.sk3a footer.end a{color:var(--sv-tekst,#3B4652);text-decoration:underline;text-underline-offset:3px}
.efv4.sk3a footer.end a:hover{color:var(--tx)}
.efv4.sk3a footer.end span{min-width:0;overflow-wrap:anywhere}
/* „CADslice е част от EduFacturing“: свой малък ред под адреса и връзките, както .efv4.prt footer.end .chast-ot в prototip.css */
.efv4.sk3a footer.end .chast-ot{flex:0 0 100%;margin:0;font-size:14px}

@media (min-width:720px){
  .efv4.sk3a .kadri{grid-template-columns:repeat(2,minmax(0,1fr))}
  .efv4.sk3a .app fieldset.vhodove{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .efv4.sk3a .app fieldset.vhodove legend{grid-column:1 / -1}
  .efv4.sk3a .btn{width:auto;min-width:16em;align-self:flex-start}
}
@media (max-width:1100px){
  .efv4.sk3a .hero .w{grid-template-columns:minmax(0,1fr)}
  .efv4.sk3a header.top nav a{padding:0 8px}
}
@media (max-width:900px){
  .efv4.sk3a header.top nav{display:none}
  .efv4.sk3a header.top .w{justify-content:space-between}
}
@media (max-width:700px){
  /* бързина на телефон: шарката на основата не се тегли; първият екран е плосък тъмен фон */
  .efv4.sk3a::before{content:none;background-image:none}
}
@media (max-width:640px){
  .efv4.sk3a header.top .w{min-height:64px;gap:6px 12px}
  .efv4.sk3a header.top img{width:132px}
  .efv4.sk3a.cadslice header.top img{height:46px;margin-left:-9px}   /* като на телефон в prototip.css; лентата е 64 px */
  .efv4.sk3a .hero{padding-top:18px;padding-bottom:28px}
  /* заглавието, после изборът на вход; връзката за телефон отива накрая */
  .efv4.sk3a .hero .w{display:flex;flex-direction:column;gap:0}
  .efv4.sk3a .hero .intro{display:contents}
  .efv4.sk3a .hero h1{order:1;font-size:26px}
  .efv4.sk3a .hero .lead{order:2;font-size:16px;margin-top:12px}
  .efv4.sk3a .hero .card{order:3;margin-top:18px;padding:14px}
  .efv4.sk3a .hero .intro .sv-kak{order:2;margin-top:10px}
  .efv4.sk3a .app legend{font-size:18px}
  .efv4.sk3a footer.end .w{flex-direction:column}
}
@media (max-width:380px){
  .efv4.sk3a .hero h1{font-size:24px}
}
