/* Реверсивен инженеринг: само новите части на функционалната страница (EDi, 12.10.2026; цената 19.10.2026). Общият строеж
   (първи екран, карта с водача, превключвател, горна лента, подножие, лепкав бутон) идва от efv4.css и prototip.css; коренът е
   .efv4.prt.revers. Класът .rev е зает от отзивите в efv4.css и тук не се ползва. Плавното превъртане към картата е в
   revers.js, не тук: правило в CSS би плъзгало и превъртания, които никой не е поискал. */
/* Самостоятелната страница няма стиловете на темата: без това тялото идва с полето по подразбиране и бял фон.
   Класът html.prt-ad е само за рекламния вход на прототипа и тук не се слага (уговорено с wiki-e7, 12.10.2026). */
html.efr-s,html.efr-s body{margin:0;background:#060810}
.efv4.revers .pick .patishta{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.5vw,28px)}
.efv4.revers .pick .patishta .uvod{grid-column:1/-1}
.efv4.revers .pick .patishta .uvod p{color:var(--mu);margin-top:8px;max-width:46em}
.efv4.revers .pick .pat{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px;border:1px solid var(--ln);border-radius:8px;background:var(--gl)}
.efv4.revers .pick .pat h4{margin:0;font:700 20px/1.25 Rubik,system-ui,sans-serif;color:var(--tx)}
.efv4.revers .pick .pat p{color:var(--sv-tekst,#d2dbe1)}
.efv4.revers .pick .pat .btn{margin-top:auto}
/* изречението с връзка към 3D сканирането: след двата пътя, като обикновен текст, не като бутон */
.efv4.revers .pick .panel p.skan-vrazka{grid-column:1/-1;margin-top:4px;color:var(--mu);font-size:15px;max-width:46em}
.efv4.revers .pick .panel p.skan-vrazka a{color:var(--tx);text-decoration:underline;text-underline-offset:3px}
.efv4.revers .pick .panel p.skan-vrazka a:hover{color:var(--tx,#fff)}
/* цената: един ред под заглавието, и същият ред най-горе в кутията, над въпросите */
.efv4.revers .stavka{margin-top:14px;max-width:34em;color:var(--tx);font-weight:700;font-size:17px;line-height:1.45}
.efv4.revers .cena-kutiya{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:start;padding:clamp(20px,3vw,36px);border:1px solid var(--ln);border-radius:8px;background:var(--gl)}
.efv4.revers .cena-kutiya[hidden]{display:none}
.efv4.revers .cena-kutiya .stavka{grid-column:1/-1;margin:0;max-width:none;padding-bottom:18px;border-bottom:1px solid var(--ln);font-size:16px}
.efv4.revers .vaprosi{display:grid;gap:20px}
.efv4.revers .vapros legend{padding:0;margin-bottom:6px;font-weight:700;color:var(--tx)}
.efv4.revers .vapros label{display:flex;align-items:flex-start;gap:10px;min-height:44px;padding:9px 0;cursor:pointer;color:var(--sv-tekst,#d2dbe1)}
.efv4.revers .vapros input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:var(--or)}
.efv4.revers .rezultat{display:flex;flex-direction:column;align-items:flex-start;gap:14px;position:sticky;top:16px}
.efv4.revers .rezultat [data-efr-rezultat]{width:100%;min-height:190px}
.efv4.revers .rezultat b{display:block;font:700 22px/1.25 Rubik,system-ui,sans-serif;color:var(--tx)}
.efv4.revers .rezultat p{margin-top:8px;color:var(--sv-tekst,#d2dbe1)}
.efv4.revers .rezultat .red{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--ln)}
.efv4.revers .rezultat .red span:last-child{font-weight:700;color:var(--tx);white-space:nowrap}
.efv4.revers .rezultat small{color:var(--mu)}
.efv4.revers .rezultat .btn[disabled]{opacity:.5;cursor:not-allowed}
/* редът „Избрахте: ...“ над водача, когато лендингът е подал цел (?cel=); бележка като .note от efv4.css, но по-стегната */
.efv4.revers #zayavka .rv-izbrano{margin:0 0 16px;max-width:100%;padding:12px 16px;border-left:3px solid var(--te2);border-radius:0 8px 8px 0;background:rgba(63,182,207,.06);color:var(--tx);font-weight:700;font-size:16px;line-height:1.4;overflow-wrap:anywhere}
/* таблицата по класове е чернова и е само в прегледа: под въпросите, на цялата ширина на кутията */
.efv4.revers .chernova{grid-column:1/-1;padding-top:20px;border-top:1px dashed var(--ln2)}
.efv4.revers .chernova .tbl-w{margin-top:0}
.efv4.revers .tbl-w{overflow-x:auto;margin-top:28px}
.efv4.revers .tbl tbody th{text-align:left;font-weight:700;color:var(--tx)}
/* колоните с числа („Меря сам“ и „Мери инженерът“): надписът е над числото, не се чупи; „Как се познава“ има място да се чете */
.efv4.revers .tbl thead th:nth-child(n+3){text-align:right;white-space:nowrap}
.efv4.revers .tbl td:nth-child(2){min-width:15em;color:var(--sv-tekst,#d2dbe1)}
@media (max-width:900px){
  .efv4.revers .cena-kutiya{grid-template-columns:minmax(0,1fr)}
  .efv4.revers .rezultat{position:static}
}
@media (max-width:640px){
  .efv4.revers .pick .patishta{grid-template-columns:minmax(0,1fr)}
  /* на телефона .intro е display:contents и редът идва от order: след уводното изречение (2), преди картата (4) */
  .efv4.revers .hero .stavka{order:3;margin-top:12px;font-size:16px}
  .efv4.revers .cena-kutiya .stavka{order:0;margin:0}
}

/* светлият вид на приложението (uslugi-app-svetli.css, идва след този файл): горната лента вече не е неподвижна, затова първият екран не оставя място под нея; заглавието е плътно */
.efv4.prt.revers .hero{padding-top:clamp(24px,4vw,56px);padding-bottom:clamp(24px,3vw,40px)}
.efv4.revers .hero h1{font-weight:800;letter-spacing:-.03em}

/* ==================================================================================================================================
 * Светлият лендинг „Реверсивен инженеринг“ (шаблон template-reverse-v4.php, части efr_l_*). Токените, шрифтът Golos, първият екран (плочки,
 * лепкава сцена, панел, правилата :has) са на общия компонент: assets/css/uslugi-svetli.css (клас sv-svetla на main) и inc/uslugi-geroi.php.
 * Тук е само каквото е на реверса; всичко е под main#reversiven. Приложението reverseeng.edufacturing.com (корен .efv4.prt.revers) зарежда същия
 * файл и не сменя нито един цвят (правилата за светлото му са в uslugi-app-svetli.css).
 * ================================================================================================================================== */
main#reversiven .btn{border-radius:6px;min-height:48px}
main#reversiven img{max-width:100%;height:auto}
main#reversiven section{padding:clamp(56px,6vw,96px) 0}
main#reversiven > section:nth-of-type(even){background:var(--s1)}
main#reversiven section h2{margin-bottom:clamp(18px,2.4vw,28px)}
main#reversiven section p + :is(p,.rv-pati,.rv-gr,.tbl-w,.rv-spisaci){margin-top:16px}
main#reversiven [data-pravilo]{font-variant-numeric:tabular-nums}
main#reversiven .sec-head p{color:var(--mu)}

/* първият екран: общият компонент; тук е само изборът в три колони (шест задачи), сцената по формата на рисунките (640 на 400) и панелът */
main#reversiven .hero.sv-geroi .sv-upr{grid-area:upr;display:flex;flex-direction:column;gap:20px;margin:0}
main#reversiven .hero.sv-geroi .sv-seg{grid-template-columns:repeat(3,minmax(0,1fr))}
main#reversiven .hero.sv-geroi .sv-opt:nth-of-type(3n+1){border-left:0}
main#reversiven .hero.sv-geroi .sv-opt:nth-of-type(n+4){border-top:1px solid var(--ln)}
main#reversiven .hero.sv-geroi .sv-opt{display:flex}
main#reversiven .hero.sv-geroi .sv-opt-t{flex:1;height:auto;min-height:84px;justify-content:center}
main#reversiven .hero.sv-geroi .sv-platno{aspect-ratio:8/5}
main#reversiven .hero.sv-geroi .sv-kadar img{border:0;border-radius:0;background:none}
main#reversiven .hero.sv-geroi .sv-izbor{padding:clamp(18px,2.2vw,28px);border:1px solid var(--ln);border-radius:18px;background:var(--s1)}
main#reversiven .rv-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin:20px 0 0;padding-top:18px;border-top:1px solid var(--ln2)}
main#reversiven .rv-dl dt{font-size:14px;color:var(--mu)}
main#reversiven .rv-dl dd{margin:4px 0 0;font-size:16px;line-height:1.5;color:var(--sv-silen,#1C232B)}
main#reversiven .rv-dl div:nth-child(-n+2){grid-column:1/-1}
main#reversiven .rv-chislo{margin-top:18px;padding:12px 14px;border-left:3px solid var(--or);background:var(--s2);font-size:15px;color:var(--sv-tekst,#3B4652)}
main#reversiven .rv-dolu{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
main#reversiven .rv-dolu .btn{min-height:52px}
main#reversiven .rv-cena-red{max-width:40em;font-size:15px;color:var(--sv-tekst,#3B4652)}

/* разделите: светли карти */
main#reversiven .trust{border-color:var(--ln);background:var(--s1)}
main#reversiven .trust b,main#reversiven .routes b{color:var(--sv-silen,#1C232B)}
main#reversiven .trust svg,main#reversiven .routes a > svg:first-child{color:var(--or)}
main#reversiven .trust li{border-color:var(--ln)}
main#reversiven #doverie{padding:0}
main#reversiven #doverie h2{margin:0;padding:clamp(28px,3vw,44px) clamp(16px,2.5vw,38px) 0}
main#reversiven .rv-pati,main#reversiven .rv-spisaci{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
main#reversiven .rv-gr{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px}
main#reversiven :is(.rv-pat,.rv-grupa,.rv-spisaci > div){padding:clamp(18px,2vw,26px);border:1px solid var(--ln);border-radius:12px;background:var(--s2)}
main#reversiven :is(.rv-pat,.rv-grupa,.rv-spisaci > div) h3{font-size:19px;margin-bottom:10px}
main#reversiven :is(.rv-pat p,.rv-grupa li,.rv-spisaci li){color:var(--sv-tekst,#3B4652)}
main#reversiven :is(.rv-grupa,.rv-spisaci) li{position:relative;padding:5px 0 5px 18px}
main#reversiven :is(.rv-grupa,.rv-spisaci) li::before{content:"";position:absolute;left:0;top:.85em;width:8px;height:2px;background:var(--sv-or-tekst,#B8480C)}
main#reversiven .rv-spisaci{margin-top:20px}
main#reversiven .rv-snimka{margin-top:24px;max-width:520px}
main#reversiven .rv-snimka img,main#reversiven .rv-lice img{display:block;border-radius:12px;background:var(--s2)}
main#reversiven .rv-snimka figcaption{margin-top:10px;font-size:15px;color:var(--sv-tekst,#3B4652)}
main#reversiven .rv-lice{max-width:240px;margin-bottom:20px}

/* таблиците: светли, четими; на тесен екран се превъртат в .tbl-w */
main#reversiven .tbl-w{overflow-x:auto;max-width:100%;margin-top:24px;-webkit-overflow-scrolling:touch}
main#reversiven .tbl caption{caption-side:top;text-align:left;padding-bottom:12px;font-size:19px;font-weight:600;line-height:1.3}
main#reversiven .tbl{min-width:420px;color:var(--sv-silen,#1C232B)}
main#reversiven .tbl th,main#reversiven .tbl td{border-bottom:1px solid var(--ln2)}
main#reversiven .tbl thead th{background:var(--s2);color:var(--sv-silen,#1C232B)}
main#reversiven .tbl tbody th{color:var(--sv-silen,#1C232B)}
main#reversiven .tbl td{color:var(--sv-silen,#1C232B)}
main#reversiven .tbl td:nth-child(2){color:var(--sv-tekst,#3B4652)}
main#reversiven .tbl small{color:var(--mu)}
main#reversiven .tbl td.n{text-align:left;white-space:nowrap}
main#reversiven .tbl-w + p{margin-top:16px}

/* как върви поръчката */
main#reversiven .rv-stapki{counter-reset:stapka;display:grid;gap:12px;max-width:52em}
main#reversiven .rv-stapki li{counter-increment:stapka;position:relative;padding:14px 16px 14px 60px;border:1px solid var(--ln);border-radius:8px;background:var(--s2);color:var(--sv-tekst,#3B4652)}
main#reversiven .rv-stapki li::before{content:counter(stapka);position:absolute;left:14px;top:12px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:var(--sv-silen,#1C232B);color:#FFFFFF;font-weight:700}

/* въпросите: + затворено, − отворено */
main#reversiven .rv-vaprosi{max-width:56em;border-top:1px solid var(--ln2)}
main#reversiven .rv-vaprosi details{border-bottom:1px solid var(--ln2)}
main#reversiven .rv-vaprosi summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:12px 0;cursor:pointer;list-style:none;font-size:17px;font-weight:600}
main#reversiven .rv-vaprosi summary::-webkit-details-marker{display:none}
main#reversiven .rv-vaprosi summary::after{content:"+";flex:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--ln2);border-radius:6px;font-size:22px;line-height:1;color:var(--sv-silen,#1C232B)}
main#reversiven .rv-vaprosi details[open] > summary::after{content:"\2212"}
main#reversiven .rv-vaprosi details p{max-width:52em;padding-bottom:18px;color:var(--sv-tekst,#3B4652)}

/* отзивите */
main#reversiven .rev blockquote.gl{border:1px solid var(--ln);border-radius:12px;background:var(--s1)}
main#reversiven .rev .st{color:var(--sv-or-tekst,#B8480C)}
main#reversiven .rev .q{color:var(--sv-silen,#1C232B)}
main#reversiven .rev .tr{color:var(--sv-tekst,#3B4652)}
main#reversiven .rev footer{border-top-color:var(--ln);color:var(--sv-silen,#1C232B)}
main#reversiven .rev-all{color:var(--te2)}

/* другите услуги: карти с връзки */
main#reversiven .routes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:0;border-top:0}
main#reversiven .routes a{min-height:72px;padding:14px 16px;border:1px solid var(--ln);border-radius:12px;background:var(--s2)}
main#reversiven .routes a:hover{border-color:var(--sv-silen,#1C232B)}
main#reversiven .routes small{color:var(--sv-tekst,#3B4652)}
main#reversiven .rv-priziv{margin-top:24px}

@media (max-width:900px){
  main#reversiven .rv-pati,main#reversiven .rv-spisaci,main#reversiven .routes{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  main#reversiven .hero.sv-geroi .sv-seg{grid-template-columns:repeat(2,minmax(0,1fr))}
  main#reversiven .hero.sv-geroi .sv-opt:nth-of-type(odd){border-left:0}
  main#reversiven .hero.sv-geroi .sv-opt:nth-of-type(even){border-left:1px solid var(--ln)}
  main#reversiven .hero.sv-geroi .sv-opt:nth-of-type(n+3){border-top:1px solid var(--ln)}
  main#reversiven .hero.sv-geroi .sv-opt-t{min-height:72px}
  main#reversiven .rv-dl{grid-template-columns:minmax(0,1fr)}
  main#reversiven .rv-dolu .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
  main#reversiven *{transition:none !important}
}