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

/* ---------- първи екран: частите на лазера (рамката, плочките, сцената и водещия текст дава uslugi-svetli.css) ---------- */
.efv4.lz .pateka{display:flex;flex-wrap:wrap;gap:0 10px;align-items:center;min-height:44px;margin-bottom:10px;font-size:15px;color:var(--mu)}
.efv4.lz .pateka a{display:inline-flex;align-items:center;min-height:44px;color:var(--te2);text-decoration:underline;text-underline-offset:3px}
.efv4.lz .pateka a::after{content:"/";margin-left:10px;color:var(--mu);text-decoration:none;display:inline-block}
.efv4.lz .pateka span{color:var(--sv-tekst,#dde5ea)}
.efv4.lz .geo{display:flex;gap:10px;align-items:flex-start;max-width:34em;padding:12px 14px;border-left:3px solid var(--te2);background:var(--sv-karta,rgba(10,13,22,.6));color:var(--sv-tekst,#dde5ea);font-size:16px;line-height:1.5}
.efv4.lz .geo svg{font-size:20px;color:var(--te2);margin-top:2px;flex:none}

/* формата на първия екран: изборът, панелът на задачата и картата за файла са в лявата колона един под друг */
#lazer .lz-upr{grid-area:upr;display:flex;flex-direction:column;gap:20px;max-width:none;margin:0}
#lazer .lz-upr .lz-izbor{display:flex;flex-direction:column;gap:14px}
#lazer .lz-zashto{max-width:38em;font-size:17px;line-height:1.55;color:var(--sv-tekst)}
#lazer .lz-spec{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0 24px;margin:0}
#lazer .lz-spec div{padding:10px 0;border-bottom:1px solid var(--ln)}
#lazer .lz-spec dd{margin:2px 0 0;font-size:16px;line-height:1.4}
/* цената и срокът: изречения, не едно голямо число */
#lazer .lz-cena{margin-top:0;gap:4px}
#lazer .lz-cena span{font-size:15px;line-height:1.45;color:var(--sv-tekst)}
#lazer .lz-cena span[data-cena-ot]{font-size:16px;font-weight:600;color:var(--tx)}
#lazer .lz-mat{margin:0;font-size:15px;line-height:1.5;color:var(--sv-tekst)}
#lazer .lz-mat b{color:var(--tx)}
#lazer .lz-izbor .btn{align-self:flex-start;min-width:240px}
/* пет плочки в две реда (три и две), вместо четирите на общия вид; разделителите са между плочките */
#lazer .lz-seg{grid-template-columns:repeat(6,minmax(0,1fr))}
#lazer .lz-seg .lz-opt{grid-column:span 2}
#lazer .lz-seg .lz-opt:nth-of-type(n+4){grid-column:span 3;border-top:1px solid var(--ln)}
#lazer .lz-seg .lz-opt:nth-of-type(4){border-left:0}
#lazer .lz-opt .sv-opt-t{min-height:118px}
#lazer .lz-opt .sv-opt-t b{line-height:1.25}
#lazer .lz-opt .sv-opt-t small{line-height:1.35}

/* картата: зоната за файл (със скрипта), състоянието, форматите, обикновената връзка */
.efv4.lz .pusni{padding:22px;background:var(--sv-karta,rgba(8,11,19,.92));border:1px solid var(--ln2)}
.efv4.lz .pusni h2{font-size:22px;margin-bottom:14px}
/* височината на зоната е променлива, за да се запази мястото ѝ от първото рисуване (виж по-долу) */
.efv4.lz{--zona-h:150px}
.efv4.lz .zona{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:var(--zona-h);padding:20px 16px;margin-bottom:12px;overflow:hidden;text-align:center;border:2px dashed var(--te2);border-radius:6px;background:var(--sv-zona,rgba(63,182,207,.05));cursor:pointer;transition:background .15s,border-color .15s}
.efv4.lz .zona svg{font-size:34px;color:var(--te2)}
.efv4.lz .zona-t{color:var(--sv-silen,#fff);font-weight:600;line-height:1.35;max-width:22em}
.efv4.lz .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.lz .zona:hover,.efv4.lz .zona.vlachi{border-style:solid;border-color:var(--sv-silen,#fff);background:var(--sv-zona2,rgba(63,182,207,.16))}
.efv4.lz .pusni.zaeto .zona{border-style:solid;border-color:var(--ln2);cursor:progress;pointer-events:none}
.efv4.lz .pusni.zaeto .zona::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:35%;background:var(--te2);animation:eflz-polz 1.1s linear infinite}
.efv4.lz .pusni.zaeto .btn{opacity:.55;cursor:progress;pointer-events:none}
.efv4.lz .pusni.greshka .zona{border-color:var(--sv-greshka,#ff8a78)}
/* Зоната за файл се показва от скрипта (label[hidden]). Със скрипт мястото ѝ се пази от първото рисуване, та картата и всичко под нея да не скачат при
   показването (разместване 0.112 на телефон на 14.10); без скрипт (scripting:none) зоната остава скрита и мястото не се пази: остава обикновената връзка. */
@media (scripting:enabled){.efv4.lz .pusni:not(.js) h2{padding-bottom:calc(var(--zona-h) + 12px)}}
.efv4.lz .sast{min-height:1.5em;font-size:15px;line-height:1.45;color:var(--sv-tekst,#dde5ea)}
.efv4.lz .sast:empty{min-height:0}
.efv4.lz .pusni.greshka .sast{margin-bottom:10px;padding-left:10px;border-left:3px solid var(--sv-greshka,#ff8a78);color:var(--sv-greshka-t,#ffc2b8)}
.efv4.lz .sast a{color:var(--sv-silen,#fff);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.efv4.lz .pusni .formati{margin:6px 0 0;color:var(--mu);font-size:14px}
.efv4.lz .pusni .btn{width:100%;margin-top:14px;min-height:52px}
.efv4.lz .pod{display:flex;flex-wrap:wrap;gap:0 20px;margin-top:12px;padding-top:4px;border-top:1px solid var(--ln);font-size:15px;color:var(--mu)}
.efv4.lz .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 eflz-polz{from{transform:translateX(-100%)}to{transform:translateX(290%)}}
/* общият вид на първия екран слага на зоната и бутона на файла свой вид (ред от 64 px, бутон по съдържанието): тук е видът на картата на лазера, с по-тежка специфичност (id) */
#lazer .lz-upr .pusni .zona{flex:none;flex-direction:column;justify-content:center;gap:10px;min-height:var(--zona-h);padding:20px 16px;margin-bottom:12px;text-align:center;border:2px dashed var(--or);border-radius:6px;background:var(--sv-zona)}
#lazer .lz-upr .pusni .zona svg{font-size:34px;color:var(--or)}
#lazer .lz-upr .pusni .zona-t{max-width:22em;color:var(--sv-silen);font-weight:600}
#lazer .lz-upr .pusni .zona:hover,#lazer .lz-upr .pusni .zona.vlachi{border-style:solid;border-color:var(--or);background:var(--sv-zona2)}
#lazer .lz-upr .pusni.zaeto .zona{border-style:solid;border-color:var(--ln2)}
#lazer .lz-upr .pusni.zaeto .zona::after{background:var(--or)}
#lazer .lz-upr .pusni .btn{width:100%;min-height:52px;margin:14px 0 0;padding:0 20px;border-radius:12px;white-space:normal}
#lazer .lz-upr .pusni .formati{margin:6px 0 0}
#lazer .lz-upr .pusni .pod{margin:12px 0 0;padding-top:4px}
#lazer .lz-upr .geo{margin:0}
#lazer .pusni{border-radius:18px}

/* ---------- какво правим: карти ---------- */
.efv4.lz .karti{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.efv4.lz .karta{padding:22px;border:1px solid var(--ln2);border-radius:8px;background:var(--s1)}
.efv4.lz .karta h3{font-size:19px;margin-bottom:8px}
.efv4.lz .karta p{color:var(--sv-tekst,#c9d3da);font-size:16px}
#lazer.efv4.lz .karta{border-radius:14px;background:var(--s1)}
#lazer.efv4.lz > section:nth-of-type(even) .karta{background:var(--bg)}

/* ---------- гравирани подаръци: няколко групи по материал, един призив за оферта (без цена и без количка) ---------- */
.efv4.lz .karti.podaratsi{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.efv4.lz .podarak-grupa h3{margin-bottom:10px}
.efv4.lz .podarak-grupa ul{list-style:none;margin:0;padding:0}
.efv4.lz .podarak-grupa li{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 10px;min-height:44px;padding:8px 0;border-top:1px solid var(--ln);font-size:16px}
.efv4.lz .podarak-grupa li a{font-weight:600}
.efv4.lz .podarak-grupa small{font-size:14px;color:var(--mu)}
.efv4.lz .s-podaratsi .note{margin-top:22px}
.efv4.lz .s-podaratsi .hod-btn{margin-top:22px}

/* ---------- ход ---------- */
.efv4.lz .hod h3{font-size:18px}
.efv4.lz .hod-btn{margin-top:32px}

/* ---------- материали: две таблици ---------- */
.efv4.lz .mat-tablici{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start}
.efv4.lz .tbl caption{caption-side:top;text-align:left;font:600 19px/1.3 Rubik,system-ui,sans-serif;color:var(--sv-silen,#fff);padding-bottom:12px}
.efv4.lz .tbl th{font-weight:600}
.efv4.lz .tbl td:first-child{white-space:normal}
.efv4.lz .tbl thead th{border-bottom:1px solid var(--ln2)}
.efv4.lz .mat-obshto th[scope=row]{color:var(--sv-silen,#fff);font-size:15px;width:42%}
.efv4.lz .mat-tbl .n{white-space:normal}
.efv4.lz .s-materiali .note{margin-top:24px;max-width:56em;font-size:15px}

/* ---------- цена ---------- */
.efv4.lz .s-cena .w.two{align-items:start}
.efv4.lz .namalyava{margin-top:18px;color:var(--sv-tekst,#c9d3da);max-width:34em}
.efv4.lz .s-cena .hod-btn{margin-top:22px}
.efv4.lz .list h3{font-size:18px}

/* ---------- нямате чертеж ---------- */
.efv4.lz .s-chertezh{padding-top:clamp(40px,4.5vw,64px)}
.efv4.lz .s-chertezh .cta{padding:0}
.efv4.lz .cta .box{border-radius:8px;background:var(--s1)}

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

/* ---------- Пловдив и доставка, още от EduFacturing ---------- */
.efv4.lz .s-plovdiv .w.two{align-items:start}
.efv4.lz .dostavka{margin-top:18px;color:var(--sv-tekst,#c9d3da);max-width:40em}
.efv4.lz .s-drugi .routes{margin-top:0}

/* ---------- доверие, защо лазер, за фирми ---------- */
.efv4.lz .s-doverie{padding-top:clamp(36px,4vw,60px)}
.efv4.lz .lz-dov{display:flex;flex-wrap:wrap;gap:10px 32px}
.efv4.lz .lz-dov li{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:600;color:var(--tx)}
.efv4.lz .lz-dov svg{font-size:22px;color:var(--or)}
.efv4.lz .lz-haz-zag{margin:6px 0 14px;font-weight:600;color:var(--tx)}
.efv4.lz .lz-haz{display:grid;gap:14px;max-width:48em}
.efv4.lz .lz-haz li{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr) auto;align-items:center;gap:6px 16px}
.efv4.lz .lz-haz-i{font-weight:600;color:var(--tx)}
.efv4.lz .lz-haz-b{display:block;height:14px;border-radius:7px;background:var(--ln);overflow:hidden}
.efv4.lz .lz-haz-b i{display:block;height:100%;border-radius:7px;background:var(--or)}
.efv4.lz .lz-haz li:first-child .lz-haz-b i{background:var(--te2)}
.efv4.lz .lz-haz b{min-width:9.5em;text-align:right;font-variant-numeric:tabular-nums;color:var(--tx)}
.efv4.lz .lz-izvor{margin-top:22px;max-width:48em;font-size:15px}
.efv4.lz .s-firmi .w.two{align-items:start}

/* лентите: всеки втори раздел е бял, с въздух от общия вид */
#lazer > section:nth-of-type(even){background:var(--s1)}
#lazer .s-chertezh{padding-bottom:0}

@media (max-width:1100px){
  .efv4.lz .karti{grid-template-columns:repeat(2,minmax(0,1fr))}
  .efv4.lz .mat-tablici{grid-template-columns:minmax(0,1fr)}
  /* ходът е вертикален, докато пет колони не се побират */
  .efv4.lz .hod{grid-template-columns:minmax(0,1fr);gap:22px;padding-top:0;padding-left:28px}
  .efv4.lz .hod::before{top:0;bottom:0;left:6px;right:auto;border-top:0;border-left:2px solid var(--ln2)}
  .efv4.lz .hod li::before{top:6px;left:-29px}
}
@media (max-width:900px){
  .efv4.lz .faq-side{position:static}
  .efv4.lz .mat-tbl,.efv4.lz .mat-obshto{display:block;max-width:100%;overflow-x:auto}
}
@media (max-width:700px){
  /* бързина на телефон: шарката на основата не се тегли, а разделите под първия екран не се рисуват, докато не наближат */
  .efv4.lz::before{content:none;background-image:none}
  .efv4.lz section{content-visibility:auto;contain-intrinsic-size:auto 900px}
  .efv4.lz #doverie{contain-intrinsic-size:auto 420px}
  .efv4.lz #procesi{contain-intrinsic-size:auto 1100px}
  .efv4.lz #podaratsi{contain-intrinsic-size:auto 1400px}
  .efv4.lz #zashto{contain-intrinsic-size:auto 640px}
  .efv4.lz #hod{contain-intrinsic-size:auto 700px}
  .efv4.lz #materiali{contain-intrinsic-size:auto 1100px}
  .efv4.lz #cena{contain-intrinsic-size:auto 900px}
  .efv4.lz #firmi{contain-intrinsic-size:auto 800px}
  .efv4.lz #vaprosi{contain-intrinsic-size:auto 1000px}
}
@media (max-width:640px){
  /* плочките са две колони; петата стои сама на целия ред */
  #lazer .lz-seg{grid-template-columns:repeat(2,minmax(0,1fr))}
  #lazer .lz-seg .lz-opt,#lazer .lz-seg .lz-opt:nth-of-type(n+4){grid-column:auto;border-top:0}
  #lazer .lz-seg .lz-opt:nth-of-type(4){border-left:1px solid var(--ln)}
  #lazer .lz-seg .lz-opt:nth-of-type(n+3){border-top:1px solid var(--ln)}
  #lazer .lz-seg .lz-opt:nth-of-type(5){grid-column:1 / -1;border-left:0}
  #lazer .lz-opt .sv-opt-t{min-height:96px}
  #lazer .lz-izbor .btn{align-self:stretch;min-width:0}
  .efv4.lz{--zona-h:116px}
  .efv4.lz .zona,#lazer .lz-upr .pusni .zona{padding:14px 12px}
  #lazer .lz-upr .pusni .zona svg{font-size:28px}
  .efv4.lz .zona svg{font-size:28px}
  .efv4.lz .pusni{padding:16px}
  .efv4.lz .pusni h2{font-size:20px;margin-bottom:12px}
  .efv4.lz .karti{grid-template-columns:minmax(0,1fr)}
  .efv4.lz .lz-haz li{grid-template-columns:minmax(0,1fr) auto}
  .efv4.lz .lz-haz-b{grid-column:1 / -1;order:3}
  .efv4.lz .lz-haz b{min-width:0}
}
@media (prefers-reduced-motion:reduce){
  .efv4.lz *,.efv4.lz *::before,.efv4.lz *::after{transition:none !important;animation:none !important}
}