/* EF Задание: видът на водача. Токените са същите като в template-3d-design-v2.php (тъмната марка). */
.efz{--bg:#060810;--gl:rgba(150,167,180,.05);--ln:rgba(155,171,181,.14);--ln2:rgba(155,171,181,.24);--tx:#e8eef2;--mu:#9aa7b1;--or:#f89048;--te2:#3fb6cf;--er:#ff8a7a;
  position:relative;isolation:isolate;background:var(--bg);color:var(--tx);font:400 17px/1.6 Nunito,system-ui,sans-serif;padding:calc(76px + 40px) 0 88px;min-height:70vh}
/* паттернът на марката на 5%, както в template-3d-design-v2.php */
.efz::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.05;
  background:url(/wp-content/uploads/proektirane/patern-proizvodstvo.webp) repeat top center/1100px auto}
.efz :where(h1,h2,h3,p,dl,dd,ul,ol,fieldset){margin:0}
.efz .w{max-width:1720px;margin:0 auto;padding:0 clamp(14px,2.5vw,38px)}
/* водачът и странична колона: на компютър две колони, без празни полета */
.efz .lay{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}
.efz .side{display:grid;gap:16px;position:sticky;top:96px}
.efz .side .card{padding:22px}
.efz .side h2{font-size:19px;margin-bottom:12px}
.efz .side p{color:var(--mu);font-size:15px}
.efz .next{list-style:none;padding:0;display:grid;gap:10px;margin-bottom:14px}
.efz .next li{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:#c9d3da}
.efz .next .n{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:rgba(0,144,176,.14);color:var(--te2);font:600 13px/1 Rubik,system-ui,sans-serif}
.efz .side .note{border-top:1px solid var(--ln);padding-top:12px}
.efz .side .btn{margin-top:14px;width:100%}
.efz .side .mail{display:block;margin-top:10px;font-size:15px;text-align:center}
.efz h1,.efz h2,.efz h3{font-family:Rubik,system-ui,sans-serif;font-weight:600;color:#fff;letter-spacing:0}
.efz h1{font-size:clamp(30px,3.4vw,44px);line-height:1.15}
.efz h2{font-size:24px;line-height:1.25;margin-bottom:18px}
.efz h2:focus{outline:none}
.efz h3{font-size:17px}
.efz .lead{color:#c9d3da;margin:14px 0 28px;max-width:40em}
.efz a{color:var(--te2)}
.efz .gl{background:var(--gl);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--ln);border-radius:22px}
.efz .app{padding:clamp(18px,3vw,32px);scroll-margin-top:96px}
.efz .prog{display:flex;align-items:center;gap:14px;color:var(--mu);font-size:14px;margin-bottom:22px}
.efz .prog .bar{flex:1;height:6px;border-radius:3px;background:var(--ln)}
.efz .prog .bar i{display:block;height:100%;border-radius:3px;background:var(--or)}
.efz .f{margin-bottom:22px}
.efz label,.efz legend{display:block;font-weight:700;margin-bottom:6px;padding:0}
.efz fieldset{border:0;padding:0;min-width:0}
.efz .hint{color:var(--mu);font-size:15px;margin:-2px 0 10px;font-weight:400}
.efz input[type=text],.efz input[type=email],.efz input[type=tel],.efz textarea{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:12px;border:1px solid var(--ln2);background:rgba(6,8,16,.6);color:var(--tx);font:inherit}
.efz input:focus-visible,.efz textarea:focus-visible,.efz button:focus-visible,.efz a:focus-visible,.efz .opt:focus-within,.efz .drop:focus-within{outline:2px solid var(--te2);outline-offset:2px}
.efz .opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.efz .opt{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 14px;border:1px solid var(--ln2);border-radius:12px;font-weight:600;cursor:pointer;margin:0;box-sizing:border-box}
.efz .opt:has(input:checked){border-color:var(--or);background:rgba(248,144,72,.08)}
.efz .opt input,.efz .consent input{accent-color:var(--or);width:18px;height:18px;flex:none;margin:0}
.efz .consent{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.efz .consent input{margin-top:5px}
.efz .err{color:var(--er);font-size:15px;margin-top:6px}
.efz .err:empty{display:none}
.efz .files input[type=file]{position:absolute;width:1px;height:1px;opacity:0}
.efz .drop{display:grid;gap:6px;justify-items:start;padding:20px;border:1px dashed var(--ln2);border-radius:14px;cursor:pointer;font-weight:400}
.efz .flist{list-style:none;padding:0;margin-top:12px;display:grid;gap:8px}
.efz .fr{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:4px 12px;align-items:center;padding:10px 12px;border:1px solid var(--ln);border-radius:10px;font-size:15px}
.efz .fr .fn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.efz .fr .fs,.efz .fr .fm{color:var(--mu)}
.efz .fr .pb{grid-column:1/-1;height:4px;border-radius:2px;background:var(--ln)}
.efz .fr .pb i{display:block;height:100%;width:0;border-radius:2px;background:var(--te2)}
.efz .fr.ok .pb,.efz .fr.bad .pb{display:none}
.efz .fr.bad{border-color:var(--er)}
.efz .fr.bad .fm{color:var(--er);grid-column:1/-1}
.efz .fr .x,.efz .fr .retry{background:none;border:0;color:var(--te2);font:inherit;cursor:pointer;padding:4px 8px}
.efz .nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.efz .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:12px;font:600 16px/1 Nunito,system-ui,sans-serif;text-decoration:none;border:1px solid transparent;cursor:pointer;box-sizing:border-box}
.efz .btn-p{background:var(--or);color:#1a0f05}
.efz .nav .btn-p{margin-left:auto}
.efz .btn-p:hover{background:#ffa463}
.efz .btn-s{border-color:var(--ln2);color:var(--tx);background:rgba(150,167,180,.05)}
.efz .btn:disabled,.efz .act:disabled{opacity:.55;cursor:wait}
.efz .sum{border-top:1px solid var(--ln);padding:14px 0}
.efz .sum-h{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}
.efz .sum dl{display:grid;grid-template-columns:minmax(0,14em) minmax(0,1fr);gap:4px 16px;font-size:15px}
.efz .sum dt{color:var(--mu)}
.efz .sum dd{overflow-wrap:anywhere;white-space:pre-line}
.efz .link{background:none;border:0;color:var(--te2);font:600 15px Nunito,system-ui,sans-serif;cursor:pointer;padding:6px 0}
.efz .acts{display:grid;gap:12px;margin-top:24px}
.efz .act{display:grid;gap:4px;text-align:left;padding:18px 20px;border-radius:14px;border:1px solid var(--ln2);background:rgba(150,167,180,.05);color:var(--tx);font:inherit;cursor:pointer}
.efz .act strong{font:600 18px/1.3 Rubik,system-ui,sans-serif;color:#fff}
.efz .act span{color:var(--mu);font-size:15px}
.efz .act.main{border-color:var(--or)}
.efz .act:hover{border-color:var(--te2)}
.efz .hp{position:absolute;left:-9999px;width:1px;height:1px}
.efz .flash{margin-top:14px;color:#c9d3da}
.efz .flash:empty{display:none}
.efz .test{margin-top:14px;color:var(--or);font-weight:700}
.efz .done p{margin-top:8px}
.efz .done .btn,.efz .step > .btn{margin:18px 12px 0 0}
@media (max-width:1000px){
  .efz .lay{grid-template-columns:minmax(0,1fr)}
  .efz .side{position:static}
}
@media (max-width:640px){
  .efz{padding-top:calc(84px + 20px)}
  .efz .opts{grid-template-columns:minmax(0,1fr)}
  .efz .sum dl{grid-template-columns:minmax(0,1fr)}
  .efz .sum dd{margin-bottom:6px}
  .efz .btn{width:100%}
  .efz .done .btn,.efz .step > .btn{margin-right:0}
  .efz .nav .btn-p{margin-left:0}
}