/* Panoul de finalizare din sertar. Deschis doar pe varianta B a testului. */
#lumi-sc, #lumi-sc *{box-sizing:border-box}
#lumi-sc{position:fixed;inset:0;z-index:999999;display:none}
#lumi-sc.deschis{display:block}
#lumi-sc .fundal{position:absolute;inset:0;background:rgba(20,24,40,.5)}
#lumi-sc .panou{position:absolute;top:0;right:0;height:100%;width:min(460px,100%);
  background:#fff;display:flex;flex-direction:column;box-shadow:-18px 0 50px rgba(20,24,40,.18);
  transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1)}
#lumi-sc.deschis .panou{transform:none}
/* Banda de incredere, prima linie din sertar. Punctele se aseaza pe doua
   randuri pe ecrane inguste in loc sa se stranga ilizibil, si nu ies niciodata
   pe orizontala. Bulina dinaintea fiecaruia e desenata din CSS, ca sa nu
   incarcam nicio imagine pentru patru cuvinte. */
#lumi-sc .banda{display:flex;flex-wrap:wrap;gap:4px 14px;justify-content:center;
  padding:9px 16px;background:#20305c;
  font:700 10.5px/1.5 Inter,system-ui,sans-serif;letter-spacing:.04em;
  color:#e7eaf3;text-transform:uppercase}
#lumi-sc .banda span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
#lumi-sc .banda span::before{content:"";width:5px;height:5px;border-radius:50%;
  background:#7ee0ad;flex:0 0 5px}

#lumi-sc .cap{display:flex;align-items:center;justify-content:space-between;
  padding:18px 20px;border-bottom:1px solid #ece9e3;background:#f6f4f0}
#lumi-sc .cap h2{margin:0;font:800 15px/1.2 Inter,system-ui,sans-serif;letter-spacing:.14em;color:#20305c}
#lumi-sc .inchide{background:0;border:0;font-size:26px;line-height:1;cursor:pointer;color:#20305c;padding:0 4px}
#lumi-sc .corp{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 20px 26px}
#lumi-sc .linie{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid #f0ede8}
#lumi-sc .linie img{width:62px;height:62px;object-fit:contain;background:#faf8f5;border-radius:8px;flex:0 0 62px}
#lumi-sc .linie b{display:block;font:700 15px/1.3 Inter,system-ui,sans-serif;color:#20305c}
#lumi-sc .linie span{font:500 13px/1.5 Inter,system-ui,sans-serif;color:#7b8191}
#lumi-sc .linie .pret{margin-left:auto;font:800 15px/1.3 Inter,system-ui,sans-serif;color:#20305c;white-space:nowrap}
#lumi-sc .sume{padding:16px 0 4px;font:600 14px/2 Inter,system-ui,sans-serif;color:#555b6b}
#lumi-sc .sume div{display:flex;justify-content:space-between}
#lumi-sc .sume .total{font:800 22px/1.6 Inter,system-ui,sans-serif;color:#20305c;
  border-top:1px solid #ece9e3;margin-top:8px;padding-top:10px}
#lumi-sc .sume .gratuit{color:#1a6e45;font-weight:800}
/* Cele doua preturi de dinainte de alegere. Pe randul de total nu pot ramane la
   22px, ar iesi din sertar pe telefon, deci scad si se aliniaza la dreapta. */
#lumi-sc .sume .doua-preturi{font:600 13px/1.5 Inter,system-ui,sans-serif;
  color:#555b6b;text-align:right}
#lumi-sc .sume .doua-preturi b{font-weight:800;color:#20305c}
#lumi-sc .sume .doua-preturi b.gratuit{color:#1a6e45}
#lumi-sc .sume .total .doua-preturi{font-size:14.5px}
#lumi-sc h3{font:800 12px/1 Inter,system-ui,sans-serif;letter-spacing:.12em;color:#7b8191;
  text-transform:uppercase;margin:22px 0 10px}
#lumi-sc label{display:block;font:700 11px/1 Inter,system-ui,sans-serif;letter-spacing:.09em;
  color:#7b8191;text-transform:uppercase;margin:12px 0 5px}
#lumi-sc input{width:100%;padding:13px 12px;border:1px solid #d8d4cd;border-radius:9px;
  font:500 16px/1.2 Inter,system-ui,sans-serif;color:#20305c;background:#fff}
#lumi-sc input:focus{outline:2px solid #e8853a;outline-offset:-1px;border-color:#e8853a}
#lumi-sc .doua{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#lumi-sc .sugestii{position:relative}
#lumi-sc .lista{position:absolute;z-index:5;left:0;right:0;top:100%;background:#fff;
  border:1px solid #d8d4cd;border-radius:9px;margin-top:3px;overflow:hidden;box-shadow:0 10px 24px rgba(20,24,40,.12)}
#lumi-sc .lista button{display:block;width:100%;text-align:left;background:0;border:0;cursor:pointer;
  padding:11px 12px;font:500 15px/1.2 Inter,system-ui,sans-serif;color:#20305c}
#lumi-sc .lista button:hover{background:#faf7f2}
#lumi-sc .lista small{color:#7b8191;margin-left:6px}
#lumi-sc .plati{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}
#lumi-sc .plata{border:1px solid #d8d4cd;border-radius:11px;background:#fff;cursor:pointer;
  padding:13px 10px;text-align:center;font:700 14px/1.3 Inter,system-ui,sans-serif;color:#20305c}
#lumi-sc .plata small{display:block;font-weight:500;color:#7b8191;margin-top:2px}
#lumi-sc .plata.ales{background:#20305c;color:#fff;border-color:#20305c}
#lumi-sc .plata.ales small{color:#c6cde0}
#lumi-sc #lumi-sc-card{margin-top:14px;min-height:0}
#lumi-sc .trimite{width:100%;margin-top:18px;padding:17px;border:0;border-radius:999px;cursor:pointer;
  background:#e8853a;color:#fff;font:800 17px/1 Inter,system-ui,sans-serif}
#lumi-sc .trimite[disabled]{opacity:.6;cursor:wait}
#lumi-sc .eroare{margin-top:12px;background:#fdf0ef;border-left:3px solid #b3261e;color:#8c1d16;
  padding:11px 13px;border-radius:7px;font:600 14px/1.5 Inter,system-ui,sans-serif}
#lumi-sc .scapare{display:block;text-align:center;margin:14px 0 0;font:600 13px/1.5 Inter,system-ui,sans-serif;color:#7b8191}
@media(max-width:520px){#lumi-sc .panou{width:100%}}

/* Sertarul vechi dispare doar cat timp al nostru e deschis. Nu il ascund de tot,
   fiindca butonul plutitor de cos sta inauntrul aceluiasi container. */
body.lumi-sc-deschis .xoo-wsc-modal{display:none !important}

/* adaugate la varianta cu portofele, Easybox si deschidere instantanee */
#lumi-sc .asteapta{padding:26px 0;text-align:center;color:#9aa0ae;
  font:600 14px/1 Inter,system-ui,sans-serif}
#lumi-sc #lumi-sc-express{margin:4px 0 0;min-height:48px}
/* NU ascunde containerul cat e gol: Stripe monteaza in el si nu randeaza
   portofelul intr-un element ascuns. Se ascunde doar daca nu exista portofel. */
#lumi-sc #lumi-sc-express.fara{display:none}
#lumi-sc .sau{display:flex;align-items:center;gap:12px;margin:18px 0 2px;
  font:700 11px/1 Inter,system-ui,sans-serif;letter-spacing:.12em;color:#9aa0ae;text-transform:uppercase}
#lumi-sc .sau::before,#lumi-sc .sau::after{content:"";flex:1;height:1px;background:#ece9e3}
/* `hidden` nu ajunge: `display:flex` de mai sus il bate, fiindca atributul
   hidden vine cu display:none doar din foaia browserului. Fara randul asta,
   cand nu exista niciun portofel ramanea atarnat un „sau completeaza
   comanda" deasupra primului pas, fara nimic inaintea lui. */
#lumi-sc .sau[hidden],#lumi-sc .sau-plata[hidden]{display:none}
#lumi-sc .plata[disabled]{cursor:not-allowed}
#lumi-sc .boxuri{max-height:230px;overflow-y:auto;border:1px solid #e4e0d9;border-radius:10px;margin-top:5px}
#lumi-sc .boxuri em{display:block;padding:14px;color:#9aa0ae;font:500 14px/1.4 Inter,system-ui,sans-serif}
#lumi-sc .boxuri button{display:block;width:100%;text-align:left;background:0;cursor:pointer;
  border:0;border-bottom:1px solid #f0ede8;padding:11px 13px}
#lumi-sc .boxuri button:last-child{border-bottom:0}
#lumi-sc .boxuri button b{display:block;font:700 14px/1.3 Inter,system-ui,sans-serif;color:#20305c}
#lumi-sc .boxuri button span{font:500 13px/1.4 Inter,system-ui,sans-serif;color:#7b8191}
#lumi-sc .boxuri button.ales{background:#20305c}
#lumi-sc .boxuri button.ales b,#lumi-sc .boxuri button.ales span{color:#fff}
#lumi-sc .diag{margin:8px 0 0;padding:8px 10px;background:#f3f4f7;border-radius:7px;
  font:600 11px/1.45 ui-monospace,Menlo,monospace;color:#555b6b;word-break:break-word}
#lumi-sc .ales-box{margin:8px 0 6px;padding:11px 13px;background:#eef4ef;border-left:3px solid #1a6e45;
  border-radius:8px;font:500 13px/1.5 Inter,system-ui,sans-serif;color:#2b3040}
#lumi-sc .ales-box b{font-weight:800;color:#1a6e45}
#lumi-sc .boxuri button.ales{background:#20305c;position:relative}
#lumi-sc .boxuri button.ales::after{content:"✓";position:absolute;right:13px;top:50%;
  transform:translateY(-50%);color:#fff;font-weight:800}
#lumi-sc #lsc-box-cauta[disabled]{background:#f4f3f1;color:#9aa0ae}
#lumi-sc .revolut{width:100%;margin-top:12px;padding:15px;border:0;border-radius:11px;cursor:pointer;
  background:#0a0a0a;color:#fff;font:600 15px/1 Inter,system-ui,sans-serif}
#lumi-sc .revolut b{font-weight:800}
#lumi-sc .revolut[disabled]{opacity:.6;cursor:wait}

/* scoaterea din cos */
#lumi-sc .linie .ct{min-width:0;flex:1}
#lumi-sc .linie .dreapta{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:7px}
#lumi-sc .linie .dreapta .pret{margin-left:0}
#lumi-sc .scoate{background:#fdf0ef;border:1px solid #f0c9c5;border-radius:7px;padding:5px 10px;cursor:pointer;
  font:700 12px/1 Inter,system-ui,sans-serif;color:#b3261e;white-space:nowrap}
#lumi-sc .scoate:hover{background:#b3261e;border-color:#b3261e;color:#fff}
#lumi-sc .scoate[disabled]{opacity:.4;cursor:wait}

/* Revolut, despartit clar de formularul de card */
#lumi-sc .revolut-cap{display:flex;align-items:center;gap:12px;margin:18px 0 10px;
  font:700 11px/1 Inter,system-ui,sans-serif;letter-spacing:.12em;color:#9aa0ae;text-transform:uppercase}
#lumi-sc .revolut-cap::before,#lumi-sc .revolut-cap::after{content:"";flex:1;height:1px;background:#ece9e3}
#lumi-sc #lumi-sc-revolut{margin-bottom:4px}


/* ---- pasii ---- */
#lumi-sc .pas{margin-top:22px;padding-top:4px;border-top:1px solid #ece9e3}
#lumi-sc .pas:first-of-type{border-top:0}
#lumi-sc .pas-cap{display:flex;align-items:center;gap:9px;margin:14px 0 10px;
  font:800 13px/1 Inter,system-ui,sans-serif;letter-spacing:.06em;color:#20305c;text-transform:uppercase}
#lumi-sc .pas-cap .nr{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;
  background:#20305c;color:#fff;font:800 12px/1 Inter,system-ui,sans-serif;letter-spacing:0}
#lumi-sc .pas-nota{margin-top:7px;font:500 12.5px/1.5 Inter,system-ui,sans-serif;color:#9aa0ae;text-align:center}
#lumi-sc .pas[hidden]{display:none}
#lumi-sc .plati.trei{grid-template-columns:repeat(3,1fr);gap:8px}
#lumi-sc .plati.trei .plata{padding:12px 6px;font-size:13px}
#lumi-sc .plati.trei .plata small{font-size:11px;line-height:1.3}
#lumi-sc .plati.trei.doua-optiuni{grid-template-columns:repeat(2,1fr)}
#lumi-sc .doar-locker{margin-top:10px;padding:10px 12px;background:#faf7f2;border-left:3px solid #e8853a;
  border-radius:7px;font:500 13px/1.5 Inter,system-ui,sans-serif;color:#6e7484}
#lumi-sc #lumi-sc-revolut:not([style*="none"]){margin-top:14px}
#lumi-sc .trimite[hidden]{display:none}

#lumi-sc .sau-plata{display:flex;align-items:center;gap:12px;margin:14px 0 10px;
  font:700 11px/1 Inter,system-ui,sans-serif;letter-spacing:.12em;color:#9aa0ae;text-transform:uppercase}
#lumi-sc .sau-plata::before,#lumi-sc .sau-plata::after{content:"";flex:1;height:1px;background:#ece9e3}
#lumi-sc .plati.o-optiune{grid-template-columns:1fr}
#lumi-sc #lumi-sc-revolut{min-height:52px}

#lumi-sc .ales-box{position:relative;padding-right:78px}
#lumi-sc .schimba-box{position:absolute;right:11px;top:50%;transform:translateY(-50%);
  background:0;border:0;cursor:pointer;padding:4px 2px;
  font:700 12px/1 Inter,system-ui,sans-serif;color:#1a6e45;text-decoration:underline;text-underline-offset:3px}
#lumi-sc .boxuri[hidden],#lumi-sc #lsc-box-cauta[hidden],#lumi-sc label[hidden]{display:none}


/* ---- acordeon: un singur pas deschis ---- */
#lumi-sc .pas-corp{display:none}
#lumi-sc .pas.activ .pas-corp{display:block}
#lumi-sc .pas-cap{cursor:default}
#lumi-sc .pas.gata .pas-cap{cursor:pointer}
#lumi-sc .pas.gata{opacity:1}
#lumi-sc .pas:not(.activ):not(.gata):not([data-pas="expres"]) .pas-cap{opacity:.45}
#lumi-sc .pas[data-pas="expres"] .pas-corp{display:block}
#lumi-sc .pas.gata .pas-cap .nr{background:#1a6e45;font-size:0;display:block;padding:0;overflow:hidden}
#lumi-sc .pas.gata .pas-cap .nr::after{content:"✓";display:block;color:#fff;
  font:800 12px/22px Inter,system-ui,sans-serif;text-align:center;width:22px;height:22px}
#lumi-sc .pas-titlu{flex:0 0 auto}
#lumi-sc .pas-rezumat{margin-left:auto;text-align:right;max-width:58%;
  font:500 12px/1.35 Inter,system-ui,sans-serif;color:#7b8191;letter-spacing:0;text-transform:none;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#lumi-sc .pas.gata .pas-cap::after{content:"schimbă";margin-left:9px;flex:0 0 auto;
  font:700 11px/1 Inter,system-ui,sans-serif;color:#e8853a;text-transform:none;letter-spacing:0}
#lumi-sc .continua{width:100%;margin-top:16px;padding:14px;border:0;border-radius:999px;cursor:pointer;
  background:#20305c;color:#fff;font:800 15px/1 Inter,system-ui,sans-serif}
#lumi-sc .pas[data-pas="plata"] .pas-corp{padding-top:2px}

/* Titlul comun al platilor dintr-o atingere: Apple Pay, Google Pay, Revolut. */
#lumi-sc .eticheta-rapid{margin:2px 0 9px;text-align:center;
  font:700 12.5px/1.3 Inter,system-ui,sans-serif;color:#20305c}
#lumi-sc .eticheta-rapid[hidden]{display:none}

#lumi-sc .eroare-pas{margin-top:12px;background:#fdf0ef;border-left:3px solid #b3261e;color:#8c1d16;
  padding:11px 13px;border-radius:7px;font:600 13.5px/1.5 Inter,system-ui,sans-serif}
#lumi-sc .eroare-pas[hidden]{display:none}
/* Avertizarea de sub un camp, cat omul e inca pe formular. Nu e o eroare rosie
   peste tot ecranul: e o soapta sub campul gresit, cu degetul inca pe tastatura. */
#lumi-sc .lsc-avert{margin-top:5px;font-size:12.5px;line-height:1.35;color:#8c1d16}
#lumi-sc .lsc-avert[hidden]{display:none}
#lumi-sc input.gresit{border-color:#d9534f;background:#fffafa}

#lumi-sc .marci{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:10px}
#lumi-sc .marci img{height:20px;width:auto;display:block;opacity:.9}
#lumi-sc .marci span{flex:1 1 100%;margin-top:4px;
  font:500 11.5px/1.45 Inter,system-ui,sans-serif;color:#9aa0ae}

/* rotita pe butonul de finalizare: plata dureaza cateva secunde, iar fara
   semn vizibil omul apasa a doua oara */
#lumi-sc .trimite.ocupat{position:relative;padding-left:46px;cursor:wait;opacity:1}
#lumi-sc .trimite.ocupat::before{content:"";position:absolute;left:20px;top:50%;
  width:17px;height:17px;margin-top:-9px;border-radius:50%;
  border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;
  animation:lumi-rot .7s linear infinite}
@keyframes lumi-rot{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){#lumi-sc .trimite.ocupat::before{animation-duration:2.4s}}
#lumi-sc .lista .fara-rezultat{padding:10px 12px;font:500 13px/1.45 Inter,system-ui,sans-serif;color:#9a4b1e;background:#fdf3ec}
#lumi-sc .lista .scrie-liber{display:block;width:100%;margin-top:8px;padding:9px 10px;border:1px solid #e0b88d;
  background:#fff;border-radius:8px;cursor:pointer;font:700 13px/1.2 Inter,system-ui,sans-serif;color:#20305c;text-align:left}
#lumi-sc .lista .scrie-liber:hover{background:#fdf6ef}
#lumi-sc .judete-sugerate{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px}
#lumi-sc .judete-sugerate span{font:600 12px/1 Inter,system-ui,sans-serif;color:#7b8191}
#lumi-sc .judete-sugerate button{padding:5px 9px;border:1px solid #e0b88d;background:#fff;border-radius:7px;
  cursor:pointer;font:700 13px/1 Inter,system-ui,sans-serif;color:#20305c}
#lumi-sc .judete-sugerate button small{font-weight:500;color:#7b8191;margin-left:3px}
#lumi-sc .judete-sugerate button:hover{background:#fdf6ef}
#lumi-sc #lumi-sc-express-jos{margin-bottom:10px}
#lumi-sc #lumi-sc-express-jos[hidden]{display:none}
#lumi-sc #lumi-sc-express-jos:empty{display:none}

/* Folia de procesare: drumurile prin portofel si prin Revolut nu trec prin
   butonul de finalizare, deci nu aveau nicio stare vizibila. Intre inchiderea
   foii de plata si redirect se creeaza comanda si se confirma plata. */
#lumi-sc .folie{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.93);backdrop-filter:blur(2px)}
#lumi-sc .folie[hidden]{display:none}
#lumi-sc .folie-corp{text-align:center;padding:0 26px}
#lumi-sc .folie-corp b{display:block;margin-top:14px;font:800 16px/1.35 Inter,system-ui,sans-serif;color:#20305c}
#lumi-sc .folie-corp span{display:block;margin-top:5px;font:500 13.5px/1.4 Inter,system-ui,sans-serif;color:#7b8191}
#lumi-sc .rotita{width:34px;height:34px;margin:0 auto;border-radius:50%;
  border:3px solid #ead9c4;border-top-color:#e8853a;animation:lumi-sc-rot .8s linear infinite}
@keyframes lumi-sc-rot{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){#lumi-sc .rotita{animation-duration:2.4s}}
#lumi-sc .scapare{display:block;margin:10px 20px 18px;text-align:center;font:500 12.5px/1.4 Inter,system-ui,sans-serif;color:#7b8191;text-decoration:underline}
#lumi-sc .scapare[hidden]{display:none}
#lumi-sc .reincearca{display:block;margin:10px auto 0;padding:9px 16px;border:1px solid #e0b88d;background:#fff;
  border-radius:9px;cursor:pointer;font:700 13.5px/1 Inter,system-ui,sans-serif;color:#20305c}
#lumi-sc .reincearca:hover{background:#fdf6ef}

/* ---------------------------------------------------------------------------
   ATINGEREA DUBLA NU MAI MARESTE PAGINA PE CONTROALE.

   Marius, 11.10.2026, cu doua filmari de pe Android: „se derulează pana vezi
   culorile apoi se blochează", apoi „si aici zoom". In a doua filmare pagina e
   limpede MARITA: litere uriase, carduri taiate pe stanga.

   Nu era derularea blocata. Pagina era marita, iar o pagina marita se MUTA cu
   degetul, nu se deruleaza. De aceea mergea cu doua degete si de aceea „nu
   arata tot ecranul". Pe iPhone nu s-a intamplat in testul lui, pe Android da.

   Cum ajunge marita fara sa vrea: pe poza cardului de culoare o atingere doar
   schimba imaginea, deci omul atinge a doua oara crezand ca nu a mers, iar
   Chrome citeste a doua atingere ca dublu-tap si mareste. De aici si
   reclamatiile „nu reuseau sa selecteze culoarea" si „foarte greu au reusit sa
   comande". O clienta a cerut anularea comenzii, #13344.

   `manipulation` opreste DOAR marirea la dubla atingere pe elementele astea.
   Marirea cu doua degete ramane peste tot, fiindca a o interzice ar fi o
   problema de accesibilitate pentru cine chiar are nevoie de ea.
   --------------------------------------------------------------------------- */
.color-card,
.color-card a,
.color-card button,
.color-card .imgwrap,
.color-card .imgwrap--duo,
.add-cart,
.qty,
.qty button,
.sticky .btn,
.cart-fab,
#lumi-sc button,
#lumi-sc .pas-buton { touch-action: manipulation; }

/* ---------------------------------------------------------------------------
   BARA „ALEGE CULOAREA", SCOASA.

   Marius, 11.10.2026: „nu e util cand esti deasupra culorilor, ca iti zice alege
   culoarea, si de fapt tu trebuie sa adaugi in cos (asa alegi culoarea) si
   oamenii au zis ca nu pot alege culoarea - deci ii confuzeaza doar".

   Are dreptate, si e un argument mai bun decat „acopera cardurile": bara
   promitea un pas care nu exista. Culoarea se alege adaugand in cos, nu dintr-un
   selector. Omul o apasa, ajunge la sectiunea de culori, cauta „unde aleg" si nu
   gaseste nimic. De aici reclamatia „nu reuseau sa selecteze culoarea", scrisa
   de mai multi clienti.

   In plus, in sectiunea de culori te trimitea unde erai deja si acoperea
   cardurile de jos.

   Ascunsa din CSS, nu stearsa din pagini: prinde deodata romana, italiana si
   engleza, si se poate intoarce stergand regula daca palnia arata ca lipseste.
   Daca se decide ca ramane scoasa, se sterge si markupul din paginile 8813,
   9227 si 9201.
   --------------------------------------------------------------------------- */
.sticky { display: none !important; }

/* ---------------------------------------------------------------------------
   TRAGEREA IN JOS NU MAI REINCARCA PAGINA.

   O clienta, 11.10.2026: „imi tot stergea datele pt ca expira timpul imediat,
   pana reuseam sa gasesc easyboxul imi stergea datele si trebuia sa o iau de la
   capat". Alta: „foarte greu am reusit sa comand, dupa multe incercari".

   Nu era niciun cronometru. Pe Android Chrome, tragerea in jos din capul
   paginii inseamna „reincarca". Omul cu pagina marita trage ca sa deruleze,
   pagina nu se misca, el trage iar, si la un moment dat declanseaza
   reincarcarea. Formularul se duce cu ea.

   Masurat: din 168 de sesiuni, 6 au reincarcat pagina in timpul completarii,
   3 erau deja in formular. Iar sonda de derulare a prins multe gesturi IN JOS
   la `sus=0`, adica exact in zona in care gestul devine reincarcare.

   `contain` opreste doar lantul catre reincarcarea browserului. Derularea
   normala ramane neatinsa. Pe `html`, fiindca acolo se citeste valoarea pentru
   fereastra; pe `body` era deja `none` si nu ajuta.

   SCOASA PE 12.10.2026, si merita spus de ce, ca sa nu fie pusa la loc din
   reflex. Marius a restrans blocajul de derulare la Safari pe Mac: „pe Chrome
   nu pare sa existe problema". Regula asta e singura modificare recenta de-a
   mea care atinge chiar mecanismul de derulare al ferestrei, iar Safari are o
   implementare cunoscut problematica a lui `overscroll-behavior`. Castigul ei
   era mic, 3 reincarcari accidentale din 168 de sesiuni, deci nu merita tinuta
   cat timp e suspect intr-un defect care costa mult mai mult.

   NU e dovedita vinovata. E scoasa ca sa ramana o singura variabila in aer, si
   pusa la loc daca masuratoarea arata ca blocajul continua fara ea.
   --------------------------------------------------------------------------- */
/* html { overscroll-behavior-y: contain; } */