/*
 * Pașii cumpărării (/comanda/*), așezați ca pe rca.safetybroker.ro:
 * bara cu cei 5 pași sus, câmpurile în grilă, grupate în chenare.
 *
 * Fișier separat de tema.css, încărcat doar pe paginile fluxului: o atingere
 * a temei cere regenerarea celor 48 de pagini sub paritate. Culorile sunt
 * doar variabilele din temă (CLAUDE.md: nicio culoare din afara paletei).
 */

.flux{max-width:880px;margin:0 auto;padding:clamp(16px,3vw,32px) 16px clamp(40px,6vw,64px)}
.flux-card{background:var(--alb);border:1px solid var(--linie);border-radius:var(--raza-card);padding:clamp(18px,3vw,30px)}
.flux h1{font-size:clamp(22px,2.8vw,26px);margin:0 0 6px}
.flux .sub-titlu{margin:0 0 18px;font-size:15px;color:var(--gri)}

/* ---------------------------------------------------------------- bara de progres (14.10.2026)
   Fixă sus la derulare: titlul pasului, 5 segmente (cele făcute pline, cel
   curent se umple după câmpurile completate) și indiciul cu ce urmează.
   Un singur accent: verdele segmentelor. */
.flux{--card-linie:rgba(20,22,26,.07);--card-umbra:0 1px 2px rgba(20,22,26,.04),0 10px 28px -14px rgba(20,22,26,.14);--camp-linie:#DCE0DD}
main:has(.bara-progres){background:#F6F7F6}
.flux [hidden]{display:none !important}
.bara-progres{position:sticky;top:8px;z-index:30;margin:0 0 18px;padding:14px 20px 12px;background:rgba(255,255,255,.97);border:1px solid var(--card-linie);border-radius:14px;box-shadow:var(--card-umbra)}
@supports ((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))){.bara-progres{background:rgba(255,255,255,.9);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px)}}
.progres-cap{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 10px}
.progres-titlu{margin:0;max-width:none;font-size:15px;font-weight:700;line-height:1.3;color:var(--negru)}
.progres-titlu span{margin-right:6px;font-weight:500;color:var(--gri)}
.progres-numar{margin:0;max-width:none;font-size:13px;font-weight:600;color:var(--gri);white-space:nowrap}
.pasi{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;list-style:none;margin:0;padding:0}
.pasi li{min-width:0}
.pas{display:flex;flex-direction:column;gap:6px;min-width:0;color:inherit;text-decoration:none}
a.pas{min-height:32px}
.pas-bara{display:block;height:5px;border-radius:3px;background:#E8EBE9;overflow:hidden}
.pas-bara i{display:block;height:100%;width:0;border-radius:inherit;background:var(--verde);transition:width .35s ease}
.pasi li.facut .pas-bara i{width:100%}
.pasi li.curent .pas-bara i{width:max(6%,calc(var(--umplere,0) * 100%))}
.pas-text{overflow:hidden;font-size:12.5px;font-weight:500;color:var(--gri);white-space:nowrap;text-overflow:ellipsis}
.pasi li.curent .pas-text{font-weight:700;color:var(--negru)}
.pasi li.facut .pas-text{color:var(--negru)}
a.pas:hover .pas-text{text-decoration:underline;text-underline-offset:2px}
a.pas:focus-visible{outline:2px solid var(--verde-adanc);outline-offset:3px;border-radius:4px}
.progres-indiciu{display:flex;align-items:center;gap:10px;margin:10px 0 0;padding-top:10px;max-width:none;border-top:1px solid #EEF0EE;font-size:13.5px;line-height:1.45;color:var(--gri)}
.progres-indiciu > span{flex:1 1 auto;min-width:0}
.progres-indiciu > span::before{content:"";display:inline-block;width:7px;height:7px;margin:0 8px 1px 0;border-radius:50%;background:#C4C9C5;vertical-align:middle}
.progres-indiciu b{font-weight:600;color:var(--negru)}
.bara-progres.gata .progres-indiciu > span{color:var(--verde-adanc);font-weight:600}
.bara-progres.gata .progres-indiciu > span::before{background:var(--verde)}
.progres-du{flex:0 0 auto;min-height:32px;padding:0 2px;border:0;background:none;font:inherit;font-size:13.5px;font-weight:600;color:var(--verde-adanc);white-space:nowrap;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.progres-du:hover{color:var(--negru)}
.progres-du:focus-visible{outline:2px solid var(--verde-adanc);outline-offset:2px;border-radius:4px}
.progres-urmator{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 16px;border:0;border-radius:8px;background:var(--verde);color:var(--alb);font:inherit;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color .15s}
.progres-urmator:hover{background:var(--verde-viu,#2E9C7E)}
.progres-urmator:focus-visible{outline:2px solid var(--verde-adanc);outline-offset:2px}
.progres-urmator svg{width:13px;height:13px}
/* cât mai e ceva obligatoriu: indiciul e roșu, cu „Du-mă acolo” ca buton */
.bara-progres.de-completat .progres-indiciu{padding:8px 8px 8px 12px;border:1px solid rgba(192,38,31,.32);border-radius:10px;background:#FDEEEC}
.bara-progres.de-completat .progres-indiciu > span{color:#B3241D;font-weight:500}
.bara-progres.de-completat .progres-indiciu b{color:#8F1C16;font-weight:700}
.bara-progres.de-completat .progres-indiciu > span::before{width:8px;height:8px;background:#C0261F;animation:puls-rosu 1.6s ease-out infinite}
@keyframes puls-rosu{0%{box-shadow:0 0 0 0 rgba(192,38,31,.45)}100%{box-shadow:0 0 0 7px rgba(192,38,31,0)}}
.bara-progres.de-completat .progres-du{min-height:34px;padding:0 14px;border-radius:8px;background:#C0261F;color:#fff;text-decoration:none}
.bara-progres.de-completat .progres-du:hover{background:#A31F19;color:#fff}
.bara-progres.de-completat .progres-du:focus-visible{outline:2px solid #C0261F;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.bara-progres.de-completat .progres-indiciu > span::before{animation:none}}
@media (max-width:600px){
  .bara-progres{top:0;margin:0 -8px 14px;padding:12px 14px 10px;border-radius:0 0 12px 12px}
  .pas-text{display:none}
  .pas{gap:0}
  .progres-indiciu{font-size:13px}
}
@media (prefers-reduced-motion:reduce){.pas-bara i{transition:none}}

/* bifa verde după eticheta unui câmp completat corect */
.eticheta.bifat::after,.acord-eticheta.bifat::after,.sectiune-titlu.bifat::after{content:"";display:inline-block;width:15px;height:15px;margin-left:6px;vertical-align:-2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2325826A'/%3E%3Cpath d='M4.6 8.3l2.2 2.2 4.6-4.8' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;animation:bifa .25s ease-out}
.sectiune-titlu.bifat::after{width:17px;height:17px;vertical-align:-3px}
@keyframes bifa{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.eticheta.bifat::after,.acord-eticheta.bifat::after,.sectiune-titlu.bifat::after{animation:none}}

/* ---------------------------------------------------------------- secțiunile, pe carduri fine
   Fiecare grup e un card alb pe fundalul gri-deschis, cu titlu clar și o
   frază scurtă dedesubt; câmpurile au contur subțire, fără zgomot. */
.flux-pas .grup,.flux .sectiune{margin:0 0 16px;padding:22px 24px 24px;border:1px solid var(--card-linie);border-radius:14px;background:var(--alb);box-shadow:var(--card-umbra);min-width:0}
.flux-pas .grup legend,.flux .sectiune > legend{float:left;width:100%;padding:0;margin:0 0 4px;font-size:17px;font-weight:700;letter-spacing:-.005em;color:var(--negru)}
.flux .sectiune > legend + *{clear:both}
.sectiune-titlu{margin:0 0 4px;max-width:none;font-size:17px;font-weight:700;letter-spacing:-.005em;color:var(--negru)}
.grup-desc{clear:both;margin:0 0 18px;max-width:none;font-size:13.5px;line-height:1.5;color:var(--gri)}
@media (max-width:560px){
  .flux-pas .grup,.flux .sectiune{padding:18px 16px 20px;border-radius:12px}
}
.flux-pas .camp{min-height:44px;padding:10px 12px;border:1px solid var(--camp-linie);border-radius:8px;transition:border-color .15s,box-shadow .15s}
.flux-pas .camp:not(.are-eroare):hover{border-color:#B9BFBB}
.flux-pas .camp:not(.are-eroare):focus{border-color:var(--verde);box-shadow:0 0 0 3px rgba(37,130,106,.14)}
.flux-pas .camp:disabled{background:#F7F8F7;color:var(--gri)}
.flux-pas .eticheta{font-size:13px;color:#3B3E43}
.flux-pas .oblig{color:#A3A7A4;font-weight:600}
.flux-pas .alegere-tip{margin:0 0 16px}
.flux-pas .bifa-lata{margin:0}
.flux-pas .doar-bifat > .grila{margin-top:18px}
.flux-pas .acorduri{margin-top:14px}
.flux-pas .acord:last-child{border-bottom:0;padding-bottom:0}
.flux-pas .segmente{border-color:transparent;background:#F1F3F2}
.flux-pas .bara-actiuni{margin-top:8px;padding-top:8px;border-top:0}
.flux-pas .nota-date{margin-top:10px}
.flux-pas .valabilitate{gap:16px}
.flux-pas .valabilitate > .sectiune{margin:0}
.flux-pas .valabilitate + .bara-actiuni{margin-top:16px}
.flux-pas .asiguratori{margin:0}
.flux-pas .declaratii{padding-top:22px;border-top:1px solid var(--card-linie)}
.flux-pas .declaratii > p:not(.grup-desc){margin:0 0 16px}
.specimen{margin:0 0 18px;scroll-margin-top:190px}
.specimen-img{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--card-linie)}
.specimen-img a{display:block}
.specimen img{display:block;width:100%;height:auto}
.specimen figcaption{margin:8px 0 0;font-size:13px;line-height:1.5;color:var(--gri)}
.specimen figcaption b{color:var(--negru);font-weight:600}
.specimen-titlu{margin:4px 0 0;max-width:none;font-size:14px;font-weight:700;color:var(--negru)}
.specimen-card .lista{margin:8px 0 0;padding:12px 16px 12px 30px;max-width:none;border-radius:10px;background:#F6F7F6;font-size:13.5px;line-height:1.6;color:var(--gri)}
.specimen-img a{cursor:zoom-in}
/* vizualizatorul: imaginea peste pagină, cu zoom și mutare; se închide oricând */
html.viz-deschis{overflow:hidden}
.vizualizator{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#121416;color:#fff;overflow:hidden}
.vizualizator::backdrop{background:#121416}
.viz-scena{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;cursor:zoom-in}
.viz-scena.marit{cursor:grab}
.viz-scena.trage{cursor:grabbing}
.viz-scena img{display:block;max-width:calc(100vw - 32px);max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);width:auto;height:auto;border-radius:6px;transform-origin:center center;will-change:transform;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}
.viz-bara{position:absolute;left:50%;bottom:max(16px,env(safe-area-inset-bottom));z-index:2;display:flex;align-items:center;gap:2px;padding:4px;border-radius:12px;background:rgba(18,20,22,.88);box-shadow:0 0 0 1px rgba(255,255,255,.14),0 8px 24px rgba(0,0,0,.35);transform:translateX(-50%)}
.viz-bara button,.viz-inchide{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:#fff;font:inherit;font-size:22px;font-weight:600;line-height:1;cursor:pointer}
.viz-bara [data-viz="potriveste"]{font-size:14px}
.viz-bara output{min-width:52px;font-size:13px;font-weight:600;text-align:center;color:rgba(255,255,255,.8)}
.viz-bara button:hover{background:rgba(255,255,255,.16)}
.viz-inchide:hover{background:#2A2D31}
.viz-bara button:focus-visible,.viz-inchide:focus-visible{outline:2px solid #fff;outline-offset:1px}
.viz-inchide{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:2;font-size:28px;background:rgba(18,20,22,.88);box-shadow:0 0 0 1px rgba(255,255,255,.14),0 8px 24px rgba(0,0,0,.35)}
.viz-ajutor{position:absolute;top:max(22px,env(safe-area-inset-top));left:16px;right:72px;z-index:1;margin:0;max-width:none;font-size:13px;line-height:1.4;color:rgba(255,255,255,.75);pointer-events:none;transition:opacity .2s}
.vizualizator:has(.viz-scena.marit) .viz-ajutor{opacity:0}
/* zona de pe specimen aprinsă de „Arată-mi unde” */
.zona{position:absolute;border-radius:6px;pointer-events:none;opacity:0}
.zona.aprinsa{animation:zona 3.2s ease forwards}
@keyframes zona{
  0%{opacity:1;background:rgba(192,38,31,.14);box-shadow:0 0 0 3px #C0261F,0 0 0 14px rgba(192,38,31,.28)}
  20%,80%{opacity:1;background:rgba(192,38,31,.14);box-shadow:0 0 0 3px #C0261F,0 0 0 7px rgba(192,38,31,.22)}
  100%{opacity:0}
}
@media (prefers-reduced-motion:reduce){.zona.aprinsa{animation:none;opacity:1;background:rgba(192,38,31,.14);box-shadow:0 0 0 3px #C0261F}}
.indiciu a{color:var(--verde-adanc);font-weight:600;text-underline-offset:2px;white-space:nowrap}
/* „Du-mă acolo”: câmpul țintă se vede limpede (fundal verde-pal, inel verde), apoi se stinge */
.flux .tinta{position:relative;z-index:1;border-radius:10px;animation:tinta 2.8s ease forwards}
.flux .tinta .eticheta,.flux .tinta .acord-eticheta{color:var(--verde-adanc)}
.flux .tinta .camp:not(.are-eroare),.flux .tinta .segmente{border-color:var(--verde);box-shadow:0 0 0 4px rgba(37,130,106,.25)}
@keyframes tinta{
  0%,70%{background:#E6F4EE;box-shadow:0 0 0 10px #E6F4EE,0 0 0 12px var(--verde)}
  100%{background:transparent;box-shadow:0 0 0 10px transparent,0 0 0 12px transparent}
}
@media (prefers-reduced-motion:reduce){.flux .tinta{animation:none;background:#E6F4EE;box-shadow:0 0 0 10px #E6F4EE,0 0 0 12px var(--verde)}}

/* ---------------------------------------------------------------- grupuri și grilă */
.grup{border:0;border-top:1px solid var(--linie);border-radius:0;background:none;padding:18px 0 20px;margin:0;min-width:0}
.grup legend{float:left;width:100%;padding:0;margin:0 0 12px;font-size:15px;font-weight:700;color:var(--negru)}
.grup legend + *{clear:both}
.grila{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px}
.grila > *{min-width:0;margin:0}
.grila .lat-2{grid-column:span 2}
.grila .lat-3{grid-column:1/-1}
.grila-5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:900px){
  .grila,.grila-5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grila .lat-2{grid-column:1/-1}
}
@media (max-width:560px){
  /* Pe telefon: câmpurile lungi pe tot rândul, cele scurte (.pe-jumatate și
     cele din grila de 5) câte două, ca formularul să nu devină o coloană fără sfârșit. */
  .grila,.grila-5{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .grila > *{grid-column:1/-1}
  .grila > .pe-jumatate,.grila-5 > *{grid-column:auto}
}
.flux .eticheta{display:block;margin:0 0 5px;font-size:13.5px;font-weight:600;color:var(--negru)}
.flux .camp{width:100%;min-height:46px;padding:10px 12px;background:var(--alb);font-size:15px}
.flux .camp::placeholder{color:#9A9B9D}
.oblig{color:var(--verde);font-weight:700;margin-left:2px}
.camp-cu-buton{display:flex;gap:8px}
.camp-cu-buton .camp{flex:1 1 auto;min-width:0}
.buton-lupa{flex:0 0 auto;width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--verde);border-radius:var(--raza);background:var(--alb);color:var(--verde-adanc);cursor:pointer}
.buton-lupa:hover{background:var(--verde-pal)}
.buton-lupa:focus-visible{outline:3px solid var(--verde-adanc);outline-offset:2px}
.buton-lupa svg{width:20px;height:20px}
.indiciu{display:block;margin-top:5px;font-size:13px;color:var(--gri)}

/* erorile: roșii, ca să se vadă dintr-o privire (cerut de proprietar, 14.10.2026).
   Roșul închis are contrast 5,9:1 pe alb și 5,3:1 pe fundalul roz. */
.flux{--rosu:#C0261F;--rosu-fundal:#FDEEEC;--rosu-inel:rgba(192,38,31,.16)}
.eroare-camp{display:flex;align-items:flex-start;gap:6px;margin-top:6px;font-size:13.5px;font-weight:600;line-height:1.4;color:var(--rosu,#C0261F)}
.eroare-camp::before{content:"!";flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-top:1px;border-radius:50%;background:var(--rosu,#C0261F);color:#fff;font-size:11px;font-weight:700;line-height:1}
.flux .camp.are-eroare,.grup-optiuni.are-eroare{border-color:var(--rosu,#C0261F);background-color:var(--rosu-fundal,#FDEEEC)}
.flux .camp.are-eroare:focus{border-color:var(--rosu,#C0261F);box-shadow:0 0 0 4px var(--rosu-inel,rgba(192,38,31,.16));background-color:var(--alb)}
/* avertismentul de sus: chenar roșu de jur împrejur, fundal roz, semn în cerc */
.rezumat-erori{border:1.5px solid var(--negru);border-radius:var(--raza-card);background:var(--alb);padding:14px 18px;margin:0 0 18px}
.rezumat-erori p{margin:0 0 6px;font-weight:600;color:var(--negru)}
.rezumat-erori ul{margin:0;padding-left:20px}
.rezumat-erori[role="alert"]{position:relative;padding:14px 18px 14px 52px;border:1.5px solid var(--rosu,#C0261F);background:var(--rosu-fundal,#FDEEEC);box-shadow:0 0 0 4px var(--rosu-inel,rgba(192,38,31,.16))}
.rezumat-erori[role="alert"]::before{content:"!";position:absolute;left:18px;top:14px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--rosu,#C0261F);color:#fff;font-size:14px;font-weight:700;line-height:1}
.rezumat-erori[role="alert"] p{margin:0;line-height:22px;color:var(--rosu,#C0261F)}
.rezumat-erori[role="alert"] ul{margin:6px 0 0;color:var(--rosu,#C0261F);font-size:14px}
/* bifele și grupurile de opțiuni necompletate: contur roșu */
.bifa-simpla:has(+ .eroare-camp) input,.bifa-lata:has(+ .eroare-camp) input{outline:2px solid var(--rosu,#C0261F);outline-offset:1px;border-radius:3px}
.calendar:has(~ .eroare-camp),.perioade:has(+ .eroare-camp),div:has(> .card-asigurator):has(+ .eroare-camp){outline:1.5px solid var(--rosu,#C0261F);outline-offset:6px;border-radius:8px}

/* ---------------------------------------------------------------- tipul de persoană, bife mari */
.alegere-tip{display:inline-flex;flex-wrap:wrap;gap:0;margin:0 0 18px;padding:3px;border:1px solid var(--linie);border-radius:calc(var(--raza) + 3px);background:var(--fundal-verde)}
.alegere-tip label{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:var(--raza);font-size:14px;font-weight:600;color:var(--gri);cursor:pointer}
.alegere-tip label:has(input:checked){background:var(--alb);color:var(--verde-adanc);box-shadow:0 1px 3px rgba(20,22,26,.12)}
.alegere-tip label:has(input:focus-visible){outline:2px solid var(--verde);outline-offset:1px}
.alegere-tip input{position:absolute;opacity:0;width:1px;height:1px}
.radio-mic{display:inline-flex;align-items:center;gap:7px;min-height:40px;font-size:14px;font-weight:500;color:var(--negru);cursor:pointer}
.radio-mic input,.bifa-lata input{accent-color:var(--verde);width:18px;height:18px;margin:0;flex:0 0 auto}
.bifa-lata{display:flex;align-items:flex-start;gap:12px;margin:0 0 16px;padding:0;cursor:pointer}
.bifa-lata input{margin-top:2px}
.bifa-lata b{display:block;color:var(--negru);font-size:15px;font-weight:600}
.bifa-lata span span{display:block;color:var(--gri);font-size:13px;margin-top:1px}
.bifa-simpla{display:flex;align-items:flex-start;gap:12px;margin:0;min-height:40px;cursor:pointer;color:var(--negru);font-size:14px;line-height:1.5}
.bifa-simpla input{accent-color:var(--verde);width:18px;height:18px;margin:2px 0 0;flex:0 0 auto}
.bifa-simpla .nota-mica{display:block;margin-top:4px;color:var(--gri);font-size:13px;line-height:1.45}

/* ---------------------------------------------------------------- acordurile, câte unul pe rând (14.10.2026)
   O listă curată: întrebarea în stânga, răspunsurile în dreapta ca butoane
   alăturate; pe telefon, răspunsurile trec sub întrebare, pe toată lățimea. */
.declaratie{margin:0 0 6px}
.acorduri{display:block;margin:10px 0 0;border-top:1px solid var(--linie)}
.acord{margin:0;padding:12px 0;border:0;border-bottom:1px solid var(--linie);min-width:0}
.acord legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.acord-rand{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 24px}
.acord-intrebare{flex:1 1 280px;min-width:0}
.acord-eticheta{margin:0;max-width:none;font-size:14px;font-weight:600;line-height:1.45;color:var(--negru)}
.acord-text summary{display:inline-flex;align-items:center;min-height:26px;font-size:12.5px;color:var(--gri);text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.acord-text p{margin:4px 0 0;max-width:none;font-size:13px;line-height:1.55;color:var(--gri)}
.acord-raspuns{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:100%}
.acord-raspuns > .camp{width:280px;max-width:100%}
.segmente{display:inline-flex;flex-wrap:wrap;gap:2px;padding:2px;border:1px solid var(--linie);border-radius:8px;background:var(--fundal-verde)}
.segment{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:58px;min-height:36px;padding:0 14px;border-radius:6px;font-size:14px;font-weight:600;color:var(--gri);white-space:nowrap;cursor:pointer;transition:background-color var(--durata),color var(--durata)}
.segment input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.segment:hover{color:var(--negru)}
.segment:has(input:checked){background:var(--verde);color:var(--alb)}
.segment:has(input:focus-visible){outline:2px solid var(--verde-adanc);outline-offset:1px}
.acord.are-eroare .segmente,.acord.are-eroare .acord-raspuns > .camp{border-color:var(--rosu,#C0261F);background:var(--rosu-fundal,#FDEEEC)}
.acord.are-eroare .acord-raspuns > .camp:focus{box-shadow:0 0 0 4px var(--rosu-inel,rgba(192,38,31,.16));background:var(--alb)}
.acord-raspuns .eroare-camp{margin:0;justify-content:flex-end;text-align:right}
@media (max-width:560px){
  .acord-raspuns{flex:1 1 100%;align-items:stretch}
  .segmente{display:flex}
  .segment{flex:1 1 0}
  .acord-raspuns > .camp{width:100%}
  .acord-raspuns .eroare-camp{justify-content:flex-start;text-align:left}
}

/* ---------------------------------------------------------------- șoferul diferit: apare doar bifat */
.doar-bifat{display:none}
.flux form:has(#sofer_diferit:checked) .doar-bifat{display:block}

/* ---------------------------------------------------------------- butoanele de jos */
.bara-actiuni{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;padding-top:20px;border-top:1px solid var(--linie)}
.bara-actiuni .btn{display:inline-flex;align-items:center;gap:10px;padding:0 28px}
.bara-actiuni .btn svg{width:16px;height:16px}
.buton-reset{display:inline-flex;align-items:center;gap:8px;min-height:44px;border:0;background:none;padding:0 4px;font:inherit;font-size:14px;font-weight:500;color:var(--gri);cursor:pointer}
.buton-reset:hover{text-decoration:underline}
.buton-reset svg{width:13px;height:13px}
.flux .nota-date{margin:14px 0 0;font-size:12.5px;max-width:none}

/* ---------------------------------------------------------------- calendarul și perioadele */
.valabilitate{display:grid;grid-template-columns:minmax(0,330px) minmax(0,1fr);gap:28px;align-items:start}
@media (max-width:820px){.valabilitate{grid-template-columns:minmax(0,1fr)}}
.calendar-cap{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px}
.calendar-cap b{font-size:16px;color:var(--negru)}
.calendar-cap button,.calendar-cap span.oprit{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--raza);background:none;color:var(--verde-adanc);font-size:20px;cursor:pointer}
.calendar-cap button:hover{background:var(--verde-pal)}
.calendar-cap span.oprit{color:var(--linie);cursor:default}
.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}
.calendar .zi-sapt{font-size:13px;font-weight:600;color:var(--gri);padding:4px 0}
.calendar label,.calendar .zi-goala{display:flex;align-items:center;justify-content:center;height:40px;border-radius:var(--raza);font-size:15px}
.calendar label{cursor:pointer;color:var(--negru);font-weight:500}
.calendar label:hover{background:var(--verde-pal)}
.calendar input{position:absolute;opacity:0;width:1px;height:1px}
.calendar label:has(input:checked){background:var(--verde);color:var(--alb);font-weight:700}
.calendar label:has(input:focus-visible){outline:3px solid var(--verde-adanc);outline-offset:1px}
.calendar .zi-goala{color:var(--linie)}
.legenda{margin:14px 0 0;max-width:none;font-size:14px;line-height:1.5;color:var(--gri)}
.legenda i{display:inline-block;width:12px;height:12px;margin-right:8px;border-radius:3px;background:var(--verde);vertical-align:-1px}
.legenda b{color:var(--negru);font-weight:700;white-space:nowrap}
.calendar-nota{margin:4px 0 0;max-width:none;font-size:12.5px;color:var(--gri)}
/* perioadele: plăci; cea aleasă are chenar verde și fundal verde foarte fin */
.perioade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:4px 0 0}
@media (max-width:420px){.perioade{grid-template-columns:repeat(3,minmax(0,1fr))}}
.perioada{position:relative;display:flex;align-items:center;justify-content:center;min-height:48px;padding:6px 8px;border:1.5px solid var(--camp-linie,#DCE0DD);border-radius:10px;background:var(--alb);color:var(--negru);cursor:pointer;transition:border-color .15s,background-color .15s,box-shadow .15s}
.perioada:hover{border-color:#B9BFBB}
.perioada input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.perioada-text{font-size:14px;white-space:nowrap}
.perioada-text b{font-weight:700}
.perioada:has(input:checked){border:2px solid var(--verde);background:#EEF7F3;color:var(--verde-adanc);box-shadow:0 0 0 3px rgba(37,130,106,.10)}
.perioada:has(input:checked)::after{content:"";position:absolute;top:-7px;right:-7px;width:18px;height:18px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2325826A'/%3E%3Cpath d='M4.6 8.3l2.2 2.2 4.6-4.8' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;box-shadow:0 0 0 2px var(--alb)}
.perioada:has(input:focus-visible){outline:2px solid var(--verde-adanc);outline-offset:2px}
.perioada:has(input:disabled){opacity:.55;cursor:not-allowed}
.perioade-nota{margin:10px 0 0;max-width:none;font-size:12.5px;color:var(--gri)}
.perioada:has(input:disabled):hover{border-color:var(--camp-linie,#DCE0DD)}
/* caseta de atenție: fundal galben foarte deschis, iconiță în stânga */
.atentie{display:flex;align-items:flex-start;gap:12px;margin:18px 0 0;padding:14px 16px;border:1px solid #F1D99A;border-radius:10px;background:#FFF8E5}
.atentie-semn{flex:0 0 auto;width:20px;height:20px;margin-top:1px;color:#B7791F}
.atentie p{margin:0;max-width:none;font-size:13.5px;line-height:1.55;color:#5C4813}
.atentie .atentie-titlu{margin:0 0 2px;font-size:14px;font-weight:700;color:#3F310B}
.atentie a{color:#3F310B;font-weight:600;text-underline-offset:2px}

/* ---------------------------------------------------------------- asigurătorii */
.asiguratori{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 24px}
@media (max-width:900px){.asiguratori{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.asiguratori{grid-template-columns:minmax(0,1fr)}}
.card-asigurator{position:relative;display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:96px;border:1px solid var(--linie);border-radius:var(--raza-card);background:var(--alb);padding:16px 18px;cursor:pointer;transition:border-color var(--durata),opacity var(--durata)}
.card-asigurator:hover{border-color:var(--gri)}
.card-asigurator input{position:absolute;opacity:0;width:1px;height:1px}
.card-asigurator:has(input:focus-visible){outline:3px solid var(--verde-adanc);outline-offset:2px}
.card-asigurator:has(input:not(:checked)){opacity:.45}
.card-asigurator img{height:36px;width:auto;max-width:170px;object-fit:contain;object-position:left center}
.card-asigurator .nume-asig{font-size:14px;color:var(--negru)}
.card-asigurator .sigla-text{font-size:20px;font-weight:700;color:var(--verde-adanc)}
.declaratii{border-top:1px solid var(--linie);padding-top:18px}
.declaratii h2{font-size:18px;margin:0 0 2px;max-width:none}
.declaratii > p{margin:0 0 14px;font-size:14px;color:var(--gri)}
.declaratii .bifa-simpla{margin-bottom:12px}

/* ---------------------------------------------------------------- tabelul de oferte */
.tabel-cutie{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px}
.tabel-oferte{width:100%;min-width:720px;border-collapse:collapse;font-size:15px}
.tabel-oferte th,.tabel-oferte td{padding:12px 8px;text-align:center;vertical-align:middle;border-bottom:1px solid var(--linie)}
.tabel-oferte thead th{font-weight:600;color:var(--negru);border-bottom:0;padding-bottom:4px}
.tabel-oferte thead tr:last-child th{font-size:13px;font-weight:500;color:var(--gri);border-bottom:1px solid var(--linie);padding-top:0}
.tabel-oferte .col-nr{width:36px;color:var(--gri)}
.tabel-oferte .col-asig{text-align:left;min-width:150px}
.tabel-oferte .col-asig img{height:34px;width:auto;max-width:130px;object-fit:contain;display:block}
.tabel-oferte .col-asig .sigla-text{font-weight:700;color:var(--verde-adanc)}
.tabel-oferte .col-asig small{display:block;color:var(--gri);font-size:12px;margin-top:2px}
.tabel-oferte tbody tr:hover{background:var(--fundal-verde)}
.pret{display:block;font-weight:700;color:var(--negru);white-space:nowrap;margin-bottom:6px}
.pret sup{font-size:.65em;vertical-align:.6em;margin-left:1px}
.buton-alege{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;min-width:96px;padding:0 14px;border:0;border-radius:var(--raza);background:var(--verde);color:var(--alb);font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.buton-alege:hover{background:var(--verde-viu)}
.buton-alege:focus-visible{outline:3px solid var(--verde-adanc);outline-offset:2px}
.buton-alege svg{width:15px;height:15px}
.celula-eroare{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;max-width:150px;margin:0 auto;padding:8px;border:1px solid var(--linie);border-radius:var(--raza);background:var(--fundal-verde);color:var(--gri);font-size:12px;line-height:1.4;text-align:left}
.col-info{width:56px}
.col-info details{position:relative;display:inline-block}
.col-info summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--verde-pal);color:var(--verde-adanc);font-weight:700;cursor:pointer}
.col-info summary::-webkit-details-marker{display:none}
.col-info .info-cutie{position:absolute;right:0;top:38px;z-index:5;width:min(300px,80vw);padding:14px;border:1px solid var(--linie);border-radius:var(--raza-card);background:var(--alb);box-shadow:var(--umbra);text-align:left;font-size:14px;color:var(--negru)}
.col-info .info-cutie p{margin:0 0 8px}
.col-info .info-cutie p:last-child{margin-bottom:0}
/* Comisionul și prima netă pe fiecare preț (Norma ASF 20/2017), 16.10.2026. */
.col-info .info-cutie .info-eticheta{margin:10px 0 2px;font-weight:700}
.col-info .info-lista{margin:0 0 8px;padding-left:18px}
.col-info .info-lista li{margin:0 0 2px}
.eticheta-bm{display:inline-block;margin-top:6px;padding:2px 6px;border-radius:4px;background:var(--verde-pal);color:var(--verde-adanc);font-size:12px;font-weight:700}
.note-oferte{margin:18px 0 0;font-size:14px;color:var(--gri)}
.note-oferte p{margin:0 0 6px}

/* ---------------------------------------------------------------- informarea */
/* Un card îngust și liniștit: titlu scurt, pașii care urmează pe un rând,
   două informări în text mic dar VIZIBIL (juridic, nu se ascunde) și un
   singur buton, mare. Fără chenare în chenare și fără ornamente. */
.flux-ingust{max-width:680px}
.informare{padding:clamp(20px,4vw,32px)}
.flux .informare h1{font-size:clamp(24px,3vw,28px);margin:0 0 6px}
.informare-intro{margin:0 0 14px;font-size:15px;color:var(--gri)}
.informare-pasi{display:flex;flex-wrap:wrap;gap:6px 0;margin:0 0 22px;padding:0;list-style:none;counter-reset:pas;font-size:13px;color:var(--gri)}
.informare-pasi li{counter-increment:pas;display:flex;align-items:center}
.informare-pasi li::before{content:counter(pas);display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:6px;border-radius:5px;background:var(--fundal-verde);border:1px solid var(--linie);color:var(--verde-adanc);font-size:11px;font-weight:700}
.informare-pasi li:not(:last-child)::after{content:"";width:14px;height:1px;margin:0 8px;background:var(--linie)}
.informare-bloc{padding:16px 0;border-top:1px solid var(--linie)}
.informare-bloc h2{margin:0 0 6px;font-size:15px;font-weight:700;color:var(--negru);max-width:none}
.informare-bloc p,.informare-bloc li{margin:0;max-width:none;font-size:14px;line-height:1.6;color:var(--gri)}
.informare-bloc ul{margin:0;padding-left:18px;list-style:disc}
.informare-bloc li+li{margin-top:4px}
.informare-bloc li::marker{color:var(--verde)}
.informare-bloc b{color:var(--negru);font-weight:600}
.informare-bloc a{color:var(--verde-adanc)}
.informare-actiune{margin-top:6px;padding-top:18px;border-top:1px solid var(--linie)}
.informare-actiune .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:320px}
.informare-actiune .btn svg{width:15px;height:15px}
.informare-actiune p{margin:10px 0 0;font-size:13px;color:var(--gri)}
@media (max-width:600px){
  .informare-actiune .btn{max-width:none}
  .informare-pasi{gap:8px 14px}
  .informare-pasi li:not(:last-child)::after{display:none}
}

@media (prefers-reduced-motion:reduce){
  .card-asigurator{transition:none}
}

/* ---------------------------------------------------------------- coșul (14.10.2026)
   Ca pașii: fundal gri-deschis, carduri fine; produsul cu sigla și prețul sus,
   detaliile pe rânduri; sumarul lipit în dreapta (sub produs pe telefon). */
main:has(.flux-cos){background:#F6F7F6}
.flux-cos{max-width:1080px}
.flux .cos-h1{margin:0 0 18px;font-size:clamp(24px,3vw,30px)}
.cos-grila{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:20px;align-items:start}
@media (max-width:900px){.cos-grila{grid-template-columns:minmax(0,1fr)}}
.cos-produs-cap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin:14px 0 6px;padding:0 0 16px;border-bottom:1px solid var(--card-linie)}
.cos-sigla{display:flex;align-items:center;justify-content:center;width:120px;height:64px;padding:8px 10px;border:1px solid var(--card-linie);border-radius:10px;background:var(--alb)}
.cos-sigla img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.cos-sigla-text{font-size:14px;font-weight:700;line-height:1.2;text-align:center;color:var(--verde-adanc)}
.cos-produs-nume p{margin:0;max-width:none}
.cos-tip{font-size:12.5px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--gri)}
.cos-asig{font-size:17px;font-weight:700;color:var(--negru);overflow-wrap:anywhere}
.cos-pret-produs{margin:0;max-width:none;font-size:20px;font-weight:700;color:var(--negru);white-space:nowrap}
.cos-pret-produs sup,.cos-total sup,.cos-plateste-suma sup{position:relative;top:-.55em;font-size:.55em;line-height:0;vertical-align:baseline;margin:0 1px}
@media (max-width:520px){
  .cos-produs-cap{grid-template-columns:auto minmax(0,1fr)}
  .cos-pret-produs{grid-column:1/-1}
  .cos-sigla{width:96px;height:56px}
}
.cos-detalii{margin:0}
.cos-detalii div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid #EEF0EE}
.cos-detalii div:last-child{border-bottom:0}
@media (max-width:480px){.cos-detalii div{grid-template-columns:minmax(0,1fr);gap:2px}}
.cos-detalii dt{font-size:14px;color:var(--gri)}
.cos-detalii dd{margin:0;font-size:14.5px;font-weight:600;color:var(--negru);overflow-wrap:anywhere}
.cos-vin{display:block;margin-top:2px;font-size:12.5px;font-weight:500;color:var(--gri);letter-spacing:.02em}
.cos-produs-actiuni{display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px;margin-top:12px;padding-top:14px;border-top:1px solid var(--card-linie)}
.cos-produs-actiuni form{margin:0}
.cos-leg{display:inline-flex;align-items:center;min-height:36px;padding:0;border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--verde-adanc);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.cos-leg-gri{color:var(--gri)}
.cos-leg:hover{color:var(--negru)}
.cos-metoda{display:flex;align-items:flex-start;gap:14px;margin-top:12px;padding:14px 16px;border:2px solid var(--verde);border-radius:10px;background:#EEF7F3}
.cos-metoda-semn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--alb);color:var(--verde-adanc)}
.cos-metoda-semn svg{width:22px;height:22px}
.cos-metoda-titlu{margin:0 0 2px;max-width:none;font-size:15px;font-weight:700;color:var(--negru)}
.cos-metoda .grup-desc{margin:0}
.cos-nota{margin:12px 0 0;max-width:none;font-size:13px;line-height:1.5;color:var(--gri)}
.cos-nota a{color:var(--verde-adanc);font-weight:600}
.cos-sumar{position:sticky;top:16px}
/* cu bara de pași lipită sus, sumarul se oprește sub ea */
.flux-cos:has(.bara-progres) .cos-sumar{top:172px}
.cos-total{margin:8px 0 18px;max-width:none;font-size:34px;font-weight:700;line-height:1.1;color:var(--verde-adanc)}
.cos-sumar .bifa-simpla{font-size:14px}
.cos-plateste{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:16px}
.cos-plateste-suma{white-space:nowrap}
.cos-goleste{margin:10px 0 0}
@media (max-width:900px){.cos-sumar{position:static}}
.cos-gol .cos-titlu{margin:0 0 6px;font-size:20px;font-weight:700;color:var(--negru)}
.cos-gol-actiuni{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.cos-gol-actiuni form{margin:0}

/* ---------------------------------------------------------------- ecranul de așteptare (14.10.2026)
   La „Obține comparație”: acoperă pagina cât brokerul calculează prețurile. */
.asteptare{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(244,246,245,.94);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.asteptare[hidden]{display:none}
.asteptare-cutie{width:100%;max-width:440px;padding:34px 28px 28px;border-radius:16px;background:var(--alb,#fff);box-shadow:0 18px 50px rgba(16,40,32,.14);text-align:center}
.asteptare-scut{width:72px;height:72px;margin:0 auto 18px}
.asteptare-scut svg{width:100%;height:100%;overflow:visible}
.asteptare-contur{fill:none;stroke:var(--verde);stroke-width:3.5;stroke-linejoin:round;stroke-dasharray:170;stroke-dashoffset:170;animation:asteptare-desen 2.4s ease-in-out infinite}
.asteptare-bifa{fill:none;stroke:var(--verde-adanc);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:34;stroke-dashoffset:34;animation:asteptare-bifa 2.4s ease-in-out infinite}
/* Rândul scris pe loc (16.10.2026): loc pentru două rânduri, ca bara să nu sară. */
.asteptare-scris{display:flex;align-items:center;justify-content:center;min-height:2.6em;margin:0 0 18px;font-size:21px;line-height:1.3;font-weight:700;color:var(--negru)}
.asteptare-cursor{display:inline-block;width:2.5px;height:1.05em;margin-left:3px;border-radius:2px;background:var(--verde);vertical-align:-.15em;animation:asteptare-clipire 1s steps(1) infinite}
@keyframes asteptare-clipire{50%{opacity:0}}
.asteptare-bara{height:6px;border-radius:99px;background:#e6ebe9;overflow:hidden}
.asteptare-bara i{display:block;width:40%;height:100%;border-radius:inherit;background:var(--verde);animation:asteptare-bara 1.6s ease-in-out infinite}
.asteptare-nota{margin:16px 0 0;font-size:13.5px;line-height:1.5;color:var(--gri)}
@keyframes asteptare-desen{0%{stroke-dashoffset:170}45%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:-170}}
@keyframes asteptare-bifa{0%,35%{stroke-dashoffset:34}55%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:34}}
@keyframes asteptare-bara{0%{transform:translateX(-100%)}100%{transform:translateX(250%)}}
@media (prefers-reduced-motion:reduce){.asteptare-contur,.asteptare-bifa{animation:none;stroke-dashoffset:0}.asteptare-bara i{animation:none;width:100%;opacity:.5}.asteptare-cursor{display:none}}

/* Polița valabilă emisă prin noi pe aceeași serie de șasiu (16.10.2026), la Valabilitate. */
.polita-existenta{margin:0 0 20px;padding:18px 22px;border-radius:14px;background:#F8E3E2;color:var(--negru);font-size:15px;line-height:1.6}
.polita-existenta p{margin:0}
.polita-existenta p + p{margin-top:12px}
.polita-existenta b{font-weight:700;overflow-wrap:anywhere}

/* Asigurătorii la Safety: doar afișați, nu se aleg (14.10.2026). */
ul.asiguratori{list-style:none;padding:0}
.card-asigurator-fix{cursor:default}
.card-asigurator-fix:hover{border-color:var(--linie)}

/* Statutul BAAR sub tabelul de oferte (14.10.2026). */
.baar .atentie{margin:0 0 12px}
.baar p{margin:0 0 8px}

/* Coșul ca pagina ofertei de la Safety: documentele și sumarul (14.10.2026). */
.cos-documente{display:flex;flex-wrap:wrap;gap:8px 18px;margin:14px 0 0;font-size:14.5px}
.cos-documente a{color:var(--verde-adanc);font-weight:600;text-underline-offset:3px}
.cos-sumar-linii{margin:6px 0 0;padding:0}
.cos-sumar-linii > div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px dashed var(--linie);font-size:14.5px}
.cos-sumar-linii dt{color:var(--gri)}
.cos-sumar-linii dd{margin:0;font-weight:600;white-space:nowrap}
.cos-sumar-linii sup{font-size:.6em}
.cos-total-eticheta{margin:12px 0 0;font-size:14px;color:var(--gri)}

/* Validarea e-mailului înainte de plată, ca la Safety (14.10.2026). */
.validare-email{margin:14px 0 0;padding:14px 16px;border:1px solid var(--linie);border-radius:12px;background:var(--alb)}
.validare-titlu{margin:0 0 10px;font-size:14px;font-weight:700;color:var(--gri)}
.validare-email .camp{margin:0 0 6px}
.validare-nota{margin:6px 0 12px;font-size:13px;line-height:1.45;color:var(--gri)}
.leg-buton{padding:0;border:0;background:none;font:inherit;color:var(--verde-adanc);font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.leg-buton:disabled{color:var(--gri);text-decoration:none;cursor:default}

/* CASCO (15.10.2026): produsele pe cardul asigurătorului, câmpurile Eazy și coloana Produs din oferte. */
.card-casco{flex-direction:column;align-items:flex-start;gap:6px;height:auto}
.produse-casco{display:flex;flex-direction:column;gap:2px;font-size:12.5px;line-height:1.4;color:var(--gri)}
.grup-casco{margin:14px 0 0;padding:12px 14px;border:1px solid #E3E6E3;border-radius:10px}
.grup-casco .eticheta{padding:0 4px}
.tabel-casco .col-produs b{display:block;font-weight:600}
.tabel-casco .col-produs small{display:block;color:var(--gri);font-size:12.5px}
.tabel-casco td{vertical-align:middle}
.tabel-casco .perioada-oferta{display:block;color:var(--gri);font-size:12.5px}
/* Produsele adiționale și plata în rate TBI, în coș (15.10.2026) */
.aditional-categorie{border:1px solid var(--linie,#E4E6E4);border-radius:12px;margin-top:10px;background:#fff}
.aditional-cap{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:14px 16px;cursor:pointer;list-style:none}
.aditional-cap::-webkit-details-marker{display:none}
.aditional-cap::after{content:"";width:9px;height:9px;margin-left:4px;border-right:2px solid var(--gri);border-bottom:2px solid var(--gri);transform:rotate(45deg) translateY(-3px);transition:transform .2s ease}
.aditional-categorie[open] .aditional-cap::after{transform:rotate(225deg) translateY(-1px)}
.aditional-titlu{font-weight:600}
.aditional-ales{margin-left:auto;font-size:14px;color:var(--gri)}
.aditional-i{display:inline-grid;place-items:center;width:22px;height:22px;padding:0;border:1px solid var(--gri);border-radius:50%;background:none;font:600 12px/1 inherit;font-style:italic;color:var(--gri);cursor:pointer}
.aditional-i[aria-expanded="true"]{border-color:var(--verde,#25826A);background:var(--verde,#25826A);color:#fff}
.aditional-info{order:10;flex-basis:100%;display:block;margin-top:4px;padding:12px 14px;border-radius:10px;background:var(--verde-pal,#E8F2EF);font-size:14px;line-height:1.5;color:var(--text,#14161A);cursor:default}
.aditional-info[hidden]{display:none}
.aditional-corp{padding:0 16px 16px}
.aditional-ales-text{margin:0 0 6px;font-size:14px}
.aditional-oferte{display:grid;gap:8px;margin-top:8px}
.aditional-oferte .btn{justify-self:start;margin-top:4px}
.cos-metode{border:0;padding:0;margin:12px 0;display:grid;gap:8px}

/* Datele zi.lună.an (15.10.2026): câmp de text, cu butonul de calendar înăuntru,
   în dreapta. Câmpul nativ rămâne nevăzut, doar ca fereastră de calendar. */
.camp-data{position:relative;display:block}
.camp-data .camp{width:100%;padding-right:52px}
.camp-data-buton{position:absolute;top:50%;right:4px;transform:translateY(-50%);width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:var(--raza);background:none;color:var(--verde-adanc);cursor:pointer}
.camp-data-buton:hover{background:var(--verde-pal)}
.camp-data-buton:focus-visible{outline:3px solid var(--verde-adanc);outline-offset:-3px}
.camp-data-buton svg{width:18px;height:18px}
.camp-data-nativ{position:absolute;right:0;bottom:0;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none}