/*
 * Лендингът на 3D проектирането: частите само на тази страница, върху общия вид efv4.css (EDi, 12.10.2026). Всичко е
 * под .efv4.efcad; правилата, които вече са в efv4.css (основата, първият екран, лентата с доверие, отзивите, кой
 * проектира, редовете-връзки, краят), не се повтарят. Тук са снимката на първия екран, формата на картата (истински
 * радио бутони), накратко, редовете „Какво проектираме“, таблиците, хода в девет етапа, сравненията, въпросите,
 * учебният детайл в 3D с номерата, пакетът по технология, примерът за теглене и проектите. Номерата и знаците са
 * квадрати със закръглени ъгли, без кръгове и хапчета; изборът в картата е родният радио бутон на браузъра.
 */

/* размерите включват рамката и полето: без това редовете за избор растат, когато глобалното правило на темата го няма
   (лекият вход маха част от нейните стилове) */
.efv4.efcad *,.efv4.efcad *::before,.efv4.efcad *::after{box-sizing:border-box}

/* първият екран: снимката на истинска работа се чете, без да пречи на текста. На компютър е зад всичко, без замъгляване,
   с по-лек воал вдясно и под картата; текстът вляво стои върху по-тъмната част. На телефон е лента под заглавието
   (резервирано място по размерите на снимката, същият файл, 640 px), а воалът на целия екран се маха. */
.efv4.efcad .hero .bg{inset:0;width:100%;height:100%;object-position:50% 42%;transform:none;filter:saturate(1.08) contrast(1.04)}
.efv4.efcad .hero::after{background:linear-gradient(90deg,rgba(6,8,16,.92) 0%,rgba(6,8,16,.74) 36%,rgba(6,8,16,.3) 64%,rgba(6,8,16,.1) 100%),linear-gradient(0deg,var(--bg) 0%,rgba(6,8,16,0) 16%)}

/* картата в първия екран: изборът, полето за свободния текст; височината се пази, докато се сменят шрифтовете
   (мерено с истинските шрифтове: 687 px на компютър, от 641 до 687 px на таблет, от 671 до 765 px на телефон) */
.efv4.efcad .start{min-height:680px;background:rgba(10,13,22,.74)}
.efv4.efcad .start fieldset{margin-top:20px}
.efv4.efcad .start legend,.efv4.efcad .start label.lbl{display:block;padding:0;font-weight:700;color:#fff;margin:0 0 10px;font-size:16px}
.efv4.efcad .start label.lbl{margin-top:20px}
/* изборите: еднакви редове, каквато и да е дължината на надписа; знакът за избор е родният радио бутон на браузъра,
   оцветен с accent-color (кръг за един избор, не квадрат като за много избори) */
.efv4.efcad .opts{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;gap:6px}
.efv4.efcad .opt{display:flex;align-items:center;gap:12px;height:100%;min-height:46px;padding:8px 14px;border:1px solid var(--ln);border-radius:10px;background:rgba(150,167,180,.08);font-size:15px;font-weight:600;line-height:1.25;cursor:pointer;transition:border-color .15s,background .15s}
.efv4.efcad .opt input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--or);cursor:pointer}
.efv4.efcad .opt span{flex:1;min-width:0;cursor:pointer}
.efv4.efcad .opt:hover{border-color:var(--te2);background:rgba(150,167,180,.13)}
.efv4.efcad .opt:has(input:checked){border-color:var(--or);background:rgba(248,144,72,.14);color:#fff}
.efv4.efcad .opt:has(input:focus-visible){outline:2px solid var(--te2);outline-offset:2px}
.efv4.efcad .start input[type=text]{width:100%;min-height:50px;padding:12px 14px;border-radius:10px;border:1px solid var(--ln);background:rgba(0,0,0,.42);box-shadow:inset 0 2px 6px rgba(0,0,0,.45);color:#fff;font:400 16px/1.4 Nunito,system-ui,sans-serif}
.efv4.efcad .start input[type=text]:focus{border-color:var(--te2);outline:none}
.efv4.efcad .start input[type=text]::placeholder{color:#7f8b94}
.efv4.efcad .start .err{color:#ff9b8a;font-size:14px;margin-top:8px;min-height:1px}

/* накратко: четири реда, етикет вляво и цяло изречение вдясно; текст и линии, без кутии */
.efv4.efcad .brief > div{display:grid;grid-template-columns:minmax(150px,240px) minmax(0,1fr);gap:6px clamp(20px,3vw,48px);padding:18px 0;border-top:1px solid var(--ln)}
.efv4.efcad .brief > div:last-child{border-bottom:1px solid var(--ln)}
.efv4.efcad .brief dt{color:#fff;font-weight:700}
.efv4.efcad .brief dd{margin:0;color:#d2dbe1;font-size:18px;max-width:54em}
/* индустриален и продуктов дизайн (Задача 10): същите редове като „Накратко“; връзката към примера е на свой ред под изречението */
.efv4.efcad .brief dd .more{display:flex;width:fit-content;margin-top:10px;font-size:16px}

/* какво проектираме: редове по вида на задачата; снимката вляво, където има разрешена, иначе само текст */
.efv4.efcad .rw{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(20px,3vw,48px);align-items:center;padding:26px 0;border-top:1px solid var(--ln)}
.efv4.efcad .rw:last-child{border-bottom:1px solid var(--ln)}
.efv4.efcad .rw.bez{grid-template-columns:minmax(0,1fr)}
.efv4.efcad .rw figure{padding:8px}
.efv4.efcad .rw figure img{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover;border-radius:12px}
.efv4.efcad .rw figure img.bel{object-fit:contain;background:#fff}
.efv4.efcad .rw h3{margin-bottom:8px}
.efv4.efcad .rw p{color:#c9d3da;font-size:16px;margin-top:6px;max-width:44em}
.efv4.efcad .rw p strong{color:#fff}
.efv4.efcad .more{display:inline-flex;align-items:center;gap:8px;margin-top:14px;color:var(--te2);font-weight:700;text-decoration:none}
.efv4.efcad .more:hover{text-decoration:underline}

/* асемблитата: седем кадъра на един възел, четири колони на компютър и две до 900 px; номерът пред надписа е в цвета на акцента. Списъкът под тях е общият .list на efv4.css */
.efv4.efcad .asm{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin-top:8px}
.efv4.efcad .asm img{display:block;width:100%;aspect-ratio:3/2;height:auto;object-fit:cover;border-radius:12px;border:1px solid var(--ln);background:var(--s1)}
.efv4.efcad .asm figcaption{margin-top:8px;font-size:14px;color:var(--mu);line-height:1.3}
.efv4.efcad .asm figcaption b{color:var(--or);margin-right:6px}
.efv4.efcad .asm-pol{margin-top:28px}
.efv4.efcad .asm-pol h3{margin-bottom:10px}

/* таблиците (какво получавате, цената): първата колона е заглавна клетка на реда; на телефон редовете се подреждат един под друг */
.efv4.efcad .tbl-w{overflow-x:auto}
.efv4.efcad .tbl caption{caption-side:top;text-align:left;color:var(--mu);font-size:14px;padding:0 0 10px}
.efv4.efcad .tbl th[scope=row]{color:#fff;font-weight:700;font-size:16px;text-align:left;vertical-align:top;white-space:nowrap}
.efv4.efcad .tbl td.koga{white-space:nowrap;color:var(--or);font-weight:700}
.efv4.efcad .tbl td.n{color:#fff;font-weight:700}
.efv4.efcad .tbl td{color:#d2dbe1;font-size:16px}
.efv4.efcad .tbl-bel{color:var(--mu);font-size:15px;margin-top:14px;max-width:54em}
.efv4.efcad .osven{margin-top:26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,4vw,64px)}
.efv4.efcad .osven li:nth-last-child(2){border-bottom:1px solid var(--ln)}
/* допълнителната услуга срещу доплащане (проверката за изработка): отделен надпис и собствен списък, за да не прилича на включено */
.efv4.efcad .dop-nadpis{margin:38px 0 0;color:var(--or);font-weight:700;font-size:16px}
.efv4.efcad .osven.dop{margin-top:6px}

/* примерът: 3D модел с номерата на решенията, списъкът до него и файловете за изтегляне */
.efv4.efcad .pr-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;align-items:start}
.efv4.efcad .pr-left{display:grid;gap:16px;align-content:start}
.efv4.efcad .pr-view{position:relative;padding:0;overflow:hidden}
.efv4.efcad model-viewer{display:block;width:100%;height:clamp(360px,42vw,560px);background:radial-gradient(ellipse at 50% 40%,#1a2230 0%,rgba(13,17,21,0) 70%);--poster-color:transparent;--progress-bar-color:var(--or)}
.efv4.efcad model-viewer:not(:defined){background:var(--poster) center / contain no-repeat}
.efv4.efcad model-viewer:not(:defined) > *{display:none}
.efv4.efcad .b3d{position:absolute;left:14px;top:14px;z-index:2;display:flex;align-items:center;gap:10px;margin:0;padding:9px 14px;border-radius:10px;background:rgba(6,8,16,.78);border:1px solid var(--ln2);color:#c9d3da;font-size:14px;pointer-events:none}
.efv4.efcad .b3d svg{font-size:22px;color:var(--or)}
.efv4.efcad .b3d b{color:#fff;margin-right:6px}
.efv4.efcad .hs{display:grid;place-items:center;width:30px;height:30px;padding:0;border-radius:8px;border:2px solid #1a0f05;background:var(--or);color:#1a0f05;font:700 14px/1 Nunito,system-ui,sans-serif;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.45);transition:transform .15s,opacity .2s}
.efv4.efcad .hs.on{background:#fff;transform:scale(1.15)}
.efv4.efcad .pr-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-top:1px solid var(--ln)}
.efv4.efcad .seg{display:inline-flex;border:1px solid var(--ln2);border-radius:10px;overflow:hidden}
.efv4.efcad .seg button{min-height:40px;padding:0 14px;border:0;background:transparent;color:var(--mu);font:700 14px/1 Nunito,system-ui,sans-serif;cursor:pointer}
.efv4.efcad .seg button[aria-pressed=true]{background:rgba(248,144,72,.14);color:#fff}
.efv4.efcad .pr-bar small{color:var(--mu);font-size:14px}
/* Запис в PDF (Д8): Chromium не слага в PDF блок със стъкло (backdrop-filter): края на страницата („Започнете с безплатен разговор“) го нямаше. Мерено в
   scripts/e2e/proektirane_lending_proba.py (текстът на PDF). */
@media print{.efv4.efcad,.efv4.efcad *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
.efv4.efcad .pause{min-height:40px;padding:0 14px;border:1px solid var(--ln2);border-radius:10px;background:transparent;color:var(--mu);font:700 14px/1 Nunito,system-ui,sans-serif;cursor:pointer}
.efv4.efcad .pause[aria-pressed=true]{background:rgba(248,144,72,.14);color:#fff}
.efv4.efcad .pause:focus-visible,.efv4.efcad .seg button:focus-visible,.efv4.efcad .pk-tabs button:focus-visible{outline:2px solid var(--te2);outline-offset:-2px}

/* пакетът според технологията */
.efv4.efcad .pk{padding:20px}
.efv4.efcad .pk > p{color:var(--mu);font-size:15px;margin-top:6px}
.efv4.efcad .pk-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:14px;border:1px solid var(--ln2);border-radius:10px;overflow:hidden}
.efv4.efcad .pk-tabs button{display:flex;align-items:center;justify-content:center;min-height:52px;padding:6px 8px;border:0;border-left:1px solid var(--ln);background:transparent;color:var(--mu);font:700 14px/1.2 Nunito,system-ui,sans-serif;text-align:center;cursor:pointer}
.efv4.efcad .pk-tabs button:first-child{border-left:0}
.efv4.efcad .pk-tabs button[aria-selected=true]{background:rgba(248,144,72,.14);color:#fff;box-shadow:inset 0 -2px 0 var(--or)}
.efv4.efcad .pk-list{margin-top:12px}
.efv4.efcad .pk-list li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--ln);color:#d2dbe1;font-size:15px}
.efv4.efcad .pk-list li:first-child{border-top:0}
.efv4.efcad .pk-list .tag{flex:none;font-size:13px;font-weight:700;color:var(--or)}
.efv4.efcad .pk-foot{margin-top:12px;color:var(--mu);font-size:15px}
.efv4.efcad .pk-foot a{color:var(--te2);font-weight:700}

/* защо е направен така: номерата са квадрати, отвореното решение е с цвят */
.efv4.efcad .dec-h{margin-bottom:8px}
.efv4.efcad .dec li{border-top:1px solid var(--ln)}
.efv4.efcad .dec li:last-child{border-bottom:1px solid var(--ln)}
.efv4.efcad .dec button{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:8px 0;border:0;background:none;color:#fff;font:700 16px/1.3 Nunito,system-ui,sans-serif;text-align:left;cursor:pointer}
.efv4.efcad .dec .n{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:7px;border:1px solid var(--ln2);color:var(--mu);font-size:13px}
.efv4.efcad .dec button[aria-expanded=true] .n{background:var(--or);border-color:var(--or);color:#1a0f05}
.efv4.efcad .dec p{display:none;color:#c9d3da;font-size:15px;padding:0 0 14px 38px}
.efv4.efcad .dec button[aria-expanded=true] + p{display:block}

/* примерът за теглене */
.efv4.efcad .dl{margin-top:22px;padding:20px}
.efv4.efcad .dl h3{margin-bottom:6px}
.efv4.efcad .dl p{color:var(--mu);font-size:15px}
.efv4.efcad .dl .row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;padding:0;border:0}
.efv4.efcad .dl .btn{min-height:48px;font-size:15px}
.efv4.efcad .dl .btn small{font-weight:600;color:var(--mu)}
.efv4.efcad .dl img{display:block;width:100%;height:auto;margin-top:14px;border-radius:8px;background:#fff}

/* проектите (изключени по подразбиране): три листа с еднакъв размер; моделите на бял фон, тъмният рендер запълва листа */

/* ТАБЛИЦА С ПРАВИЛАТА: начало */
/* Таблицата по технология (рисува я inc/proektirane-pravila.php) и блокът „Откъде са числата“.
   Компютър: истинска таблица в обвивка, която се превърта по ширина само при тесен екран; първата колона стои видима; колоните
   са равни, за да не се мести редът според най-дългия текст. Числата са удебелени. Идентификатор във видимия текст няма: той е
   в data-pravilo, а в блока с изворите е дребен и приглушен под името на извора.
   Телефон (под 700 px): същият HTML, подреден като по един блок на технология: името ѝ е заглавие, под него четирите реда, всеки с
   името си отгоре (взето от data-th на клетката). Без хоризонтално превъртане; заглавният ред и надписът остават за четци. */
.efv4.efcad .efcad-tabl-obvivka{position:relative;overflow-x:auto;border:1px solid var(--ln);border-radius:12px;background:rgba(150,167,180,.04)}
.efv4.efcad .efcad-tabl-obvivka:focus-visible{outline:2px solid var(--te2);outline-offset:3px}
.efv4.efcad .efcad-tabl{width:100%;min-width:820px;table-layout:fixed;border-collapse:collapse;font-variant-numeric:tabular-nums}
.efv4.efcad .efcad-tabl caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.efv4.efcad .efcad-tabl th,.efv4.efcad .efcad-tabl td{padding:14px 16px;border-bottom:1px solid var(--ln);text-align:left;vertical-align:top;font-size:15px;line-height:1.5;overflow-wrap:break-word}
.efv4.efcad .efcad-tabl thead th{color:var(--mu);font-weight:700;font-size:14px;background:var(--s1)}
.efv4.efcad .efcad-tabl thead th:first-child,.efv4.efcad .efcad-tabl tbody th{width:15%}
.efv4.efcad .efcad-tabl tbody th{position:sticky;left:0;z-index:1;background:var(--s1);color:#fff;font-weight:700;border-right:1px solid var(--ln)}
.efv4.efcad .efcad-tabl thead th:first-child{position:sticky;left:0;z-index:2;border-right:1px solid var(--ln)}
.efv4.efcad .efcad-tabl tbody tr:last-child > *{border-bottom:0}
.efv4.efcad .efcad-tabl td{color:#d2dbe1}
.efv4.efcad .efcad-tabl td strong{color:#fff}
.efv4.efcad .efcad-tabl td ul{margin:0;padding:0;list-style:none}
.efv4.efcad .efcad-tabl li + li{margin-top:12px}
.efv4.efcad .efcad-tabl .efcad-prazno{color:var(--mu)}
.efv4.efcad .efcad-bel{color:var(--mu);font-size:15px;margin-top:14px;max-width:54em}
/* откъде са числата: по един ред на правило (какво и за коя технология, числото, публичното име на извора, идентификатор) */
.efv4.efcad .efcad-izvori{margin-top:10px;max-width:64em}
.efv4.efcad .efcad-izvori summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font-weight:700;color:var(--tx)}
.efv4.efcad .efcad-izvori summary:focus-visible{outline:2px solid var(--te2);outline-offset:3px}
.efv4.efcad .efcad-izvori ul{margin:6px 0 0;padding:0;list-style:none;border-top:1px solid var(--ln)}
.efv4.efcad .efcad-izvori li{padding:12px 0;border-bottom:1px solid var(--ln);font-size:15px;line-height:1.5;color:#d2dbe1;overflow-wrap:break-word}
.efv4.efcad .efcad-izvori strong{color:#fff}
.efv4.efcad .efcad-izvor{color:var(--tx)}
.efv4.efcad .efcad-izvori .efcad-id{display:block;margin-top:2px;color:var(--mu);font-size:12px;line-height:1.4;overflow-wrap:anywhere}
@media (max-width:700px){
  .efv4.efcad .efcad-tabl-obvivka{overflow:visible;border:0;border-radius:0;background:none}
  .efv4.efcad .efcad-tabl,.efv4.efcad .efcad-tabl tbody,.efv4.efcad .efcad-tabl tr,.efv4.efcad .efcad-tabl th,.efv4.efcad .efcad-tabl td{display:block;width:100%;min-width:0}
  .efv4.efcad .efcad-tabl thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .efv4.efcad .efcad-tabl tbody tr{padding:22px 0 8px;border-top:1px solid var(--ln)}
  .efv4.efcad .efcad-tabl tbody tr:last-child{border-bottom:1px solid var(--ln)}
  .efv4.efcad .efcad-tabl tbody th{position:static;width:100%;padding:0 0 4px;border:0;background:none;font-size:19px;line-height:1.3}
  .efv4.efcad .efcad-tabl td{padding:16px 0 0;border:0}
  .efv4.efcad .efcad-tabl td::before{content:attr(data-th);display:block;margin-bottom:4px;color:var(--mu);font-size:13px;font-weight:700;line-height:1.3}
  .efv4.efcad .efcad-tabl tbody tr:last-child > *{border-bottom:0}
}
/* ТАБЛИЦА С ПРАВИЛАТА: край */

/* ходът: девет етапа в три колони; номерът е квадрат; кой е на ход е цветен текст, не хапче */
.efv4.efcad .etapi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(24px,3vw,48px)}
.efv4.efcad .etapi li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:18px 0;border-top:1px solid var(--ln)}
.efv4.efcad .etapi li:nth-last-child(-n+3){border-bottom:1px solid var(--ln)}
.efv4.efcad .etapi .n{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;border:2px solid var(--or);color:#fff;font-weight:700;font-size:14px}
.efv4.efcad .etapi h3{font-size:18px}
.efv4.efcad .etapi .tag{display:block;margin-top:2px;font-size:13px;font-weight:700;color:var(--te2)}
.efv4.efcad .etapi p{color:var(--mu);font-size:16px;margin-top:6px}

/* кой проектира: фактите с извори */
.efv4.efcad .fakti{margin-top:20px;max-width:46em}
.efv4.efcad .fakti > div{display:grid;grid-template-columns:minmax(90px,130px) minmax(0,1fr);gap:4px 16px;padding:10px 0;border-top:1px solid var(--ln)}
.efv4.efcad .fakti dt{color:var(--mu);font-weight:700}
.efv4.efcad .fakti dd{margin:0;color:#c9d3da}
.efv4.efcad .fakti a{color:var(--te2);font-weight:700}

/* сравненията: три абзаца със заглавие, всеки стои сам */
.efv4.efcad .cmp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,48px)}
.efv4.efcad .cmp article{padding-top:16px;border-top:2px solid var(--ln2)}
.efv4.efcad .cmp p{color:#c9d3da;font-size:16px;margin-top:10px}

/* въпроси и отговори: родният <details>, без скрипт */
.efv4.efcad .faq{max-width:62em}
.efv4.efcad .faq details{border-top:1px solid var(--ln)}
.efv4.efcad .faq details:last-child{border-bottom:1px solid var(--ln)}
.efv4.efcad .faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px 0;cursor:pointer;list-style:none}
.efv4.efcad .faq summary::-webkit-details-marker{display:none}
.efv4.efcad .faq summary h3{font-size:18px}
.efv4.efcad .faq summary::after{content:"+";flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;border:1px solid var(--ln2);color:var(--mu);font:700 18px/1 Nunito,system-ui,sans-serif}
.efv4.efcad .faq details[open] summary::after{content:"\2212"}
.efv4.efcad .faq p{color:#c9d3da;padding:0 44px 14px 0;max-width:52em}
.efv4.efcad .faq .more{margin:0 0 18px}

/* свързани услуги: заглавие вляво, редовете-връзки вдясно */
.efv4.efcad .two h2 + ul{margin-top:22px}
.efv4.efcad .drugi .sec-head{margin-bottom:0}
.efv4.efcad .drugi .routes{margin-top:0}

@media (max-width:1100px){
  .efv4.efcad .start{min-height:640px}
  .efv4.efcad .etapi,.efv4.efcad .cmp{grid-template-columns:repeat(2,minmax(0,1fr))}
  .efv4.efcad .etapi li:nth-last-child(-n+3){border-bottom:0}
  .efv4.efcad .etapi li:last-child{border-bottom:1px solid var(--ln)}
}
@media (max-width:900px){
  .efv4.efcad .pr-grid,.efv4.efcad .rw,.efv4.efcad .osven{grid-template-columns:minmax(0,1fr)}
  .efv4.efcad .rw figure{max-width:520px}
  .efv4.efcad .asm{grid-template-columns:repeat(2,minmax(0,1fr))}
  .efv4.efcad .brief > div{grid-template-columns:minmax(0,1fr)}
  .efv4.efcad .cmp{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .efv4.efcad .start{min-height:670px}
  .efv4.efcad .asm{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .efv4.efcad .pk-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .efv4.efcad .pk-tabs button{border-top:1px solid var(--ln)}
  .efv4.efcad .pk-tabs button:nth-child(-n+3){border-top:0}
  .efv4.efcad .pk-tabs button:nth-child(3n+1){border-left:0}
  /* снимката на първия екран е ниска лента под заглавието (130 px, изрязана с object-fit: cover): същият файл (640 px), без воал
     върху нея. Формата се качва по-високо на екрана, а най-голямото видимо на телефона е заглавието, не снимката
     (мерено в .orkestra/proektirane/S1/DATA/z5-skorost.txt: при 130 px заглавието е най-голямото във всички 36 пускания, при 180 px още
     снимката; времето му не се мени в рамките на шума). Само до 640 px: там подредбата в колона идва от efv4.css, а между 641 и
     900 px снимката остава фон на целия първи екран */
  .efv4.efcad .hero::after{background:linear-gradient(180deg,rgba(6,8,16,0) 70%,var(--bg) 100%)}
  .efv4.efcad .hero .bg{position:static;order:2;width:100%;height:130px;aspect-ratio:auto;margin:18px 0 0;border-radius:12px;object-position:50% 40%;filter:none}
  .efv4.efcad .hero .lead{order:3}
  .efv4.efcad .hero .start{order:4}
  .efv4.efcad .hero .free{order:5}
  .efv4.efcad .hero .tel{order:6}
  /* таблиците „Какво получавате“ и „Цената“: всеки ред е блок (име, стойност, описание един под друг); заглавният ред и надписът
     са само за четци на екрана */
  .efv4.efcad .tbl-w{position:relative}
  .efv4.efcad .efcad-fajlove thead,.efv4.efcad .efcad-ceni thead,.efv4.efcad .efcad-fajlove caption,.efv4.efcad .efcad-ceni caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .efv4.efcad .efcad-fajlove,.efv4.efcad .efcad-fajlove tbody,.efv4.efcad .efcad-ceni,.efv4.efcad .efcad-ceni tbody{display:block;width:100%}
  .efv4.efcad .efcad-fajlove tr,.efv4.efcad .efcad-ceni tr{display:block;padding:14px 0;border-bottom:1px solid var(--ln)}
  .efv4.efcad .efcad-fajlove tr:first-child,.efv4.efcad .efcad-ceni tr:first-child{border-top:1px solid var(--ln)}
  .efv4.efcad .efcad-fajlove tbody th,.efv4.efcad .efcad-fajlove tbody td,.efv4.efcad .efcad-ceni tbody th,.efv4.efcad .efcad-ceni tbody td{display:block;padding:2px 0;border:0;white-space:normal;text-align:left}
  .efv4.efcad .etapi,.efv4.efcad .cmp{grid-template-columns:minmax(0,1fr)}
  .efv4.efcad .etapi li:nth-last-child(-n+3){border-bottom:0}
  .efv4.efcad .etapi li:last-child{border-bottom:1px solid var(--ln)}
  .efv4.efcad .faq p{padding-right:0}
}

/* Логото в менюто на сайта има width="auto" (mu-plugins/ef-global-nav.php): докато файлът не дойде, е със ширина 0 и менюто
   до него скача с половината от ширината на логото (95 px, запис 0,0022). Размерът на файла е 1370 x 290: мястото е
   познато от първото рисуване. Правилото е за тази страница; коренът е в плъгина на менюто. */
#efgnav-logo img{aspect-ratio:1370 / 290}

/* Резервен шрифт за заглавията (Задача 6). Докато Rubik идва (font-display: swap, без rel=preload, shriftove.css не се пипа), заглавията се
   рисуват със системния шрифт, който е по-тесен от Rubik и на някои ширини събира с ред по-малко: при смяната H1 расте с ред и мести целия
   първи екран (0.032 до 0.061 на 350, 360, 470, 530 и 820 px; на 390 px кутията е равна и там не се мести). „Rubik Rezerva“ е локалният
   Arial Bold с size-adjust 101,25%: височината на H1 с него е равна на тази с Rubik на 224 от 227 ширини между 320 и 1000 px (без него на 188)
   и на всичките 26 често срещани ширини на телефон, таблет и компютър; разместването на 360, 470, 530 и 820 px става 0. На 350 px остава
   (заглавието на картата се пренарежда). Темата дава шрифта на заглавията през --ff-display (с !important на h1 до h5): сменя се
   променливата, под .efv4.efcad. Платформите без Arial (част от Android) остават със system-ui, както досега.
   Мерено в .orkestra/proektirane/S1/DATA/z6-razmestvane.txt. Само размерът се нагласява: заглавията имат явен line-height. */
@font-face{font-family:"Rubik Rezerva";src:local("Arial Bold"),local("Arial-BoldMT");font-weight:600 800;size-adjust:101.25%}
.efv4.efcad{--ff-display:Rubik,"Rubik Rezerva",system-ui,sans-serif}

/* Заглавието на първия екран между двата файла на Rubik (Задача 8, Б2). Rubik идва на два файла (кирилица и латиница), поотделно; интервалът, запетаята,
   „3“ и „D“ са във файла за латиница. Докато е дошъл само кирилският, думите са с Rubik, а интервалите са от резервния шрифт: на 350 px заглавието става
   на 7 реда вместо 6 и после пак на 6, и цялата карта под него мърда с 38 px и обратно (0.0652; още 343 до 346 и 357 до 363 px по различни състояния).
   Тук заглавието е в едно свое семейство от същите два файла (адресите са на shriftove.css, който не се пипа: файлът се тегли веднъж, браузърът го помни по адрес),
   като интервалът е изброен в лицето за кирилица (по-късното лице печели за общия знак): всяко състояние между двата файла е с редове като при пълния Rubik.
   Само h1: останалите заглавия са с Rubik. */
@font-face{font-family:"Rubik Zaglavie";src:url(/wp-content/uploads/shriftove/rubik-latin.woff2) format("woff2");font-weight:300 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Rubik Zaglavie";src:url(/wp-content/uploads/shriftove/rubik-cyrillic.woff2) format("woff2");font-weight:300 900;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116,U+0020,U+00A0}
.efv4.efcad h1{--ff-display:"Rubik Zaglavie","Rubik Rezerva",system-ui,sans-serif}
/* Колоната на заглавието в два тесни прозореца на ширината (Задача 9). Заглавието има различен брой редове в различните състояния на шрифта (F резерв, C само кирилският файл,
   L само латинският, R и двата) само при колона от 310,35 до 314,65 px (прозорец 342,35 до 346,65 px) и от 324,35 до 331,6 px (прозорец 356,35 до 363,6 px); мерено през 0,05 px
   с истинските файлове, S1/DATA/z9-h1-redove.txt. В първия резервът и L са на 6 реда, Rubik на 7; във втория резервът и L са на 5 или 6, Rubik на 6 ("детайли, корпуси и"
   събира на един ред при колона от 328,45 px с резерва и от 331,6 px с Rubik): картата под заглавието мърда с 38 px (0.026 до 0.028 на 361 до 363 px). Колоната в прозореца се
   свива до ширина, при която всички състояния са на един и същ брой редове, със запас над 3 px от двете страни: 306 px (всички на 7 реда) и 320 px (всички на 6).
   Проба на всяка ширина през 1 px: scripts/e2e/proektirane_h1_redove.py (нови текст, шрифт или размер искат нова мярка). */
@media (min-width:342.3px) and (max-width:346.7px){.efv4.efcad .hero h1{max-width:306px}}
@media (min-width:356.3px) and (max-width:363.7px){.efv4.efcad .hero h1{max-width:320px}}

/* Скорост на бавен телефон (Задача 4, мерено в .orkestra/proektirane/S1/DATA/z4b-skorost-*.txt: 1,6 Mbit, 150 ms, процесор
   4 пъти по-бавен, по 8 редувани пускания на вариант). Диагноза: Layout заема около 2000 ms от главната нишка, защото
   всеки зареден шрифт подрежда наново цялата страница, висока над 25 000 px; скриптовете са под 100 ms. Затова разделите
   под първия екран се изобразяват, когато наближат екрана (най-голямо видимо: медиана 2430 до 1884 ms, най-лошо 2720 до
   2276 ms; дълги задачи 3756 до 2206 ms). Височините са средните при 390 px (360 до 430 px се разминават до 6%): място
   до първото изобразяване, после браузърът помни истинската (ключовата дума auto). Когато адресът води до раздел (#ceni,
   #vaprosi, връзка от менюто или от „Към началото“), всички раздели се изобразяват веднага с истинските си височини
   (правилото :has(>section:target,>section :target) долу, само когато целта е раздел или е вътре в раздел под първия екран; връзка към
   #zadanie, която е в първия екран, не прави всички раздели видими): иначе браузърът скача по приблизителните височини и не стига целта,
   а повторни скокове със скрипт са излишни. Нова дължина на текст в раздел: сменете числото му тук (Задача 10, 14.10.2026: dizayn 943, ceni 1427 и vaprosi 1688 px, мерени с proektirane_skorost_varianti.py --visochini; другите числа са от по-ранен текст и се разминават до 15%). Декоративният фон на .efv4
   (ef-pattern-9.webp, 310 KB при плътност .04, почти невидим) не се тегли на телефон за тази страница: пренесени 919 KB
   стават 610 KB. Само под 700 px: на компютър страницата е бърза и без това. */
@media (max-width:700px){
  .efv4.efcad>section{content-visibility:auto;contain-intrinsic-size:auto 1200px}
  .efv4.efcad:has(>section:target,>section :target)>section{content-visibility:visible}
  .efv4.efcad>#nakratko{contain-intrinsic-size:auto 932px}
  .efv4.efcad>#kakvo{contain-intrinsic-size:auto 3968px}
  .efv4.efcad>#asemblita{contain-intrinsic-size:auto 1368px}
  .efv4.efcad>#dizayn{contain-intrinsic-size:auto 943px}
  .efv4.efcad>#poluchavate{contain-intrinsic-size:auto 1153px}
  .efv4.efcad>#primer{contain-intrinsic-size:auto 2564px}
  .efv4.efcad>#efcad-pravila{contain-intrinsic-size:auto 5168px}
  .efv4.efcad>#hod{contain-intrinsic-size:auto 1635px}
  .efv4.efcad>#ceni{contain-intrinsic-size:auto 1427px}
  .efv4.efcad>#avtor{contain-intrinsic-size:auto 1205px}
  .efv4.efcad>#sravnenia{contain-intrinsic-size:auto 1043px}
  .efv4.efcad>#vaprosi{contain-intrinsic-size:auto 1688px}
  .efv4.efcad>#drugi{contain-intrinsic-size:auto 437px}
  .efv4.efcad::before{display:none}
}