/* ---------- английските екрани (en/f, en/d, en/crop — „Liffey PDR“, Dublin, 03.11.2026) ----------
   Слоевете върху екраните от ирландското демо — на техните места. Като :lang(uk) и :lang(pl) в
   styles.css, vazmozhnosti.css, ceni.css и za-nas.css, но в отделен файл: build.mjs го слага само
   на страниците на английски (css/lang-<език>.css), така българските, украинските и полските
   страници не се пипат. Мерките са от приложението (tmp/en-site/measure-ov-en.mjs →
   ov-measure-en.json), в % от екрана 1170 × 2532 (десктоп 2560 × 1600, изрезите — от изреза).
   Блокът „документите“ най-долу се пише от tmp/en-site/docs_css_en.py — не го пипайте на ръка. */

/* --- началото (styles.css) --- */
/* превключвателят ✕|✓ върху f/kola-ogled: името на колата е на два реда (дългият ирландски номер) */
:lang(en) .osw.osw-full { left: calc(69.06% - var(--pad)); top: calc(47.83% - var(--pad)); }
/* 02 · прегледът: редът „Total“ */
:lang(en) .r-total { top: 58.69%; height: 5%; }
/* 04 · ремонтът: „Start work“ и „Car is ready“ */
:lang(en) .r-start { left: 21.11%; top: 59.08%; width: 67.26%; height: 6.16%; }
:lang(en) .r-done { left: 21.11%; top: 66.35%; width: 67.26%; height: 6.16%; }
:lang(en) .t-done { top: 69.4%; }

/* --- възможностите (vazmozhnosti.css) --- */
/* досието на колата: статусът е в колона (точката, името, „change“), както в приложението */
:lang(en) .v-status { top: 22.31%; height: 26.84cqw; flex-direction: column; justify-content: center; gap: 1.4cqw; font-size: 3.6cqw; }
:lang(en) .v-status em { margin-left: 0; flex-direction: column; gap: 1.2cqw; font-size: 3cqw; }
:lang(en) .v-focus { left: 67.56%; top: 47.14%; }
:lang(en) .v-lens-beam { top: calc(var(--pw) * 1.14); }
:lang(en) .v-lens { top: calc(var(--pw) * 1.14 + var(--gap-l)); }
:lang(en) .rm-start { left: 21.11%; top: 59.08%; width: 67.26%; height: 6.16%; }
:lang(en) .rm-done { left: 21.11%; top: 66.35%; width: 67.26%; height: 6.16%; }
:lang(en) .rm-tap { top: 69.4%; }
/* офертата в три стъпки: четирите реда в прегледа (Bonnet … Left front door) и картата „Approval link“
   (листът „How do you want to send the quote?“ е с три избора — по-горе, отколкото в българския) */
:lang(en) .r-rows { top: 15.68%; height: 30.09%; }
:lang(en) .r-link { top: 39.85%; height: 30.77cqw; }
/* f/start: „Start a lot inspection“ */
:lang(en) .ob-start { top: 57.74%; height: 25.64cqw; }
/* седмицата (crop/vazmozhnosti-sedmica): днес е вторник — втората от седемте равни плочки („2 appts“) */
:lang(en) .b-today { left: 14.95%; top: 33.97%; width: 13.12%; height: 62.86%; }
/* финансите: редът „Hail +€940.00“ (огледът при Tolka Motors) и плочката „Income“ */
:lang(en) .fl-row { top: 48.74%; height: 7.7%; }
:lang(en) .fl-inc { top: 14.45%; height: 8.65%; }
/* отчетът за счетоводителя: „Send by email“ е по-горе (листът е по-къс) */
:lang(en) .fs-real { top: 72.55%; }
:lang(en) .fs-tap { top: 75.63%; }
/* самолетчето, което излита от бутона, стои върху истинското (то е по-вдясно: „Send by email“ е по-късо) */
:lang(en) .fs-plane { left: 30.44%; }
/* обходът: „Next car“ е по-къс от „Следваща кола“ — на телефона и на компютъра */
:lang(en) .ob-next-f { left: 61.79%; top: 83.93%; width: 33.68%; height: 6.4%; }
:lang(en) .ob-next { left: 87.85%; width: 10.27%; }
/* сумата, която излита от реда към месеца: vazmozhnosti.js пише за английски сумата на българското
   демо („+€512.40“); тук тя е редът от ирландското (--fly на [data-v-fin], същото като data-v-row) */
:lang(en) [data-v-fin] .lg-fly { font-size: 0; padding: 0; }
:lang(en) [data-v-fin] .lg-fly::after { content: var(--fly); display: block; padding: 6px 12px; font-size: 1.15rem; }

/* --- цените (ceni.css): същата седмица --- */
:lang(en) .kt-today { left: 14.95%; top: 33.97%; width: 13.12%; height: 62.86%; }

/* --- за нас (za-nas.css) --- */
/* „Please sign here with your finger“ е по-дълго — името на подписващия го покрива цялото */
:lang(en) .zn-signer { width: 56%; }

/* en-docs:start — документите (приемане, предаване, офертата при клиента); пише го docs_css_en.py */
/* приемането: четирите ъгъла (Seat Leon на /en/features и /en/pricing, Audi A3 в историята) */
:lang(en) .r-snap { top: 64.06%; height: 6.83%; }
:lang(en) .ring-snap { top: 64.06%; height: 6.83%; }
:lang(en) .story .r-snap { top: 64.06%; height: 6.83%; }
/* 03 · приемането: миниатюрите са на 64.06%, надписите им свършват на 72.91%; заедно са 14.55cqw */
:lang(en) .story-step[data-n="3"] .step-shot { --sw: min(calc((100cqh - var(--snap-y) - 14.55cqw - 12px) / 1.055), 72cqw); }
:lang(en) .story-step[data-n="3"] .step-shot .shot-main { --top: calc(64.06% - var(--snap-y)); --mcut: calc(72.91% + 4px); }
/* 05 · предаването: редът „Left rear quarter panel · 13 cm · steel“; кадърът е вдигнат така, че редът да е горе, както в българския */
:lang(en) .r-repair { top: 60.03%; height: 4.34%; }
:lang(en) .story-step[data-n="5"] { --shift: 35.31%; }
/* офертата при клиента (f/oferta-klient, кадърът започва над „Total“): „Accept the price“ */
:lang(en) .approve-btn { top: 89.97%; }
/* цените, „One dispute a month“: телефонът с приемането е по-висок, за да се виждат ъглите */
:lang(en) .bc:nth-child(2) .bc-phone { --cut: 0.85; }
/* …и избледнява само в последните 28 px (не 56), за да не изчезнат надписите под ъглите */
:lang(en) .bc:nth-child(2) .bc-phone.cut-bottom { -webkit-mask-image: linear-gradient(180deg, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(180deg, #000 calc(100% - 28px), transparent); }
@media (max-width: 699.98px) { :lang(en) .bc:nth-child(2) .bc-phone { --cut: 0.85; width: 48.8%; } }
/* за нас: ъглите в crop/za-nas-snimki */
:lang(en) .zn-snap { top: 77.53%; height: 19.44%; }
/* за нас: двете отметки в crop/podpis (условията и личните данни) */
:lang(en) .zn-ok { top: 38.74%; }
:lang(en) .zn-ok.zn-ok2 { top: 45.97%; }
/* en-docs:end */
