/* ——— „Lista ta” — HPC, 19 oct. 2026 ———
   Se încarcă pe toate paginile, după hpc.css. Înlocuiește oferte.css.
   Culorile sunt cele ale site-ului (mov #4a3a8f, verde #8cc63f). */

/* —— bara de jos (pe orice pagină, când lista are produse) —— */
body.ls-cu-bara{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px));}
.ls-bara{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:60;
  display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:8px 16px;
  border-radius:14px;background:#4a3a8f;color:#fff;text-decoration:none;
  box-shadow:0 14px 34px -14px rgba(36,29,71,.7);transition:transform .25s ease,opacity .25s ease;}
.ls-bara[hidden]{display:none;}
.ls-bara:hover{background:#5a49a6;color:#fff;}
.ls-bara-st{display:flex;align-items:center;gap:10px;min-width:0;}
.ls-bara-ic{flex:none;width:22px;height:22px;}
.ls-bara-txt{display:flex;flex-direction:column;line-height:1.2;}
.ls-bara-txt b{font-size:15px;}
.ls-bara-txt span{font-size:12.5px;opacity:.85;}
.ls-bara-dr{flex:none;font-size:14px;font-weight:700;white-space:nowrap;}
.ls-bara.ls-puls{animation:ls-puls .45s ease;}
@keyframes ls-puls{0%{transform:scale(1)}40%{transform:scale(1.03)}100%{transform:scale(1)}}
@media (min-width:720px){.ls-bara{left:auto;right:24px;bottom:24px;min-width:300px;}}

/* —— mesajul de o clipă —— */
.ls-toast{position:fixed;left:16px;right:16px;bottom:calc(92px + env(safe-area-inset-bottom,0px));z-index:61;
  padding:12px 14px;border-radius:12px;background:#2b2b3a;color:#fff;font-size:14px;line-height:1.4;
  box-shadow:0 12px 28px -12px rgba(0,0,0,.45);opacity:0;transform:translateY(8px);transition:.25s;pointer-events:none;}
.ls-toast.ls-on{opacity:1;transform:none;}
@media (min-width:720px){.ls-toast{left:auto;right:24px;max-width:380px;}}
body.ls-pagina .ls-toast{bottom:20px;}

/* —— butonul de pe card (un <span role="button"> în interiorul legăturii-card) —— */
.ls-card-btn{display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:10px 0 0;min-height:44px;padding:0 10px;
  border-radius:10px;border:1.5px solid #4a3a8f;background:#fff;color:#4a3a8f;font:inherit;font-size:13px;font-weight:700;
  line-height:1.2;text-align:center;cursor:pointer;transition:background .15s,color .15s,border-color .15s;}
.ls-card-btn:hover{background:#f3f1fa;}
.ls-card-btn.ls-in{border-color:#6fa832;background:#f5f9ef;color:#3d6b12;}
.ls-card-btn:focus-visible{outline:3px solid #8cc63f;outline-offset:2px;}

/* —— blocul „Adaugă în listă” de pe pagina produsului —— */
.ls-adauga{display:flex;flex-direction:column;gap:14px;margin:18px 0;padding:16px;border-radius:16px;
  border:1px solid #e2ddf3;background:#f6f4fb;scroll-margin-top:120px;}
.ls-eticheta{margin:0 0 8px;font-size:13px;font-weight:700;color:#2b2b3a;}
.ls-chips{display:flex;flex-wrap:wrap;gap:8px;}
.ls-chip{min-width:64px;min-height:44px;padding:0 14px;border-radius:10px;border:1.5px solid #e2ddf3;
  background:#fff;color:#2b2b3a;font:inherit;font-size:14px;font-weight:700;cursor:pointer;}
.ls-chip.ls-on{border-color:#4a3a8f;background:#4a3a8f;color:#fff;}
.ls-chip:focus-visible,.ls-btn:focus-visible,.ls-stepper button:focus-visible{outline:3px solid #8cc63f;outline-offset:2px;}
.ls-cant{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.ls-cant .ls-eticheta{margin:0;}
.ls-stepper{display:inline-flex;align-items:center;border:1.5px solid #e2ddf3;border-radius:12px;background:#fff;overflow:hidden;}
.ls-stepper button{width:44px;height:44px;border:0;background:#fff;color:#4a3a8f;font:inherit;font-size:22px;font-weight:600;cursor:pointer;}
.ls-stepper button:disabled{opacity:.35;cursor:default;}
.ls-stepper input{width:58px;height:44px;border:0;text-align:center;font:inherit;font-size:16px;font-weight:800;color:#2b2b3a;
  -moz-appearance:textfield;appearance:textfield;}
.ls-stepper input::-webkit-outer-spin-button,.ls-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.ls-stepper .ls-um{padding-right:10px;font-size:12.5px;color:#6f6f80;}
.ls-btn{min-height:50px;border:0;border-radius:12px;background:#8cc63f;color:#1a1436;font:inherit;font-size:16px;font-weight:800;cursor:pointer;}
.ls-btn:hover{background:#9ad64c;}
.ls-btn.ls-mov{background:#4a3a8f;color:#fff;}
.ls-btn.ls-mov:hover{background:#5a49a6;}
.ls-btn.ls-gol{background:#fff;color:#4a3a8f;border:1.5px solid #4a3a8f;}
.ls-btn.ls-gol:hover{background:#f3f1fa;}
.ls-btn:disabled{opacity:.6;cursor:default;}
.ls-nota{margin:0;font-size:12.5px;line-height:1.5;color:#6f6f80;}

/* —— pagina lista.html —— */
#ls-pagina{max-width:720px;margin:0 auto;padding:16px 16px 48px;color:#2b2b3a;}
#ls-pagina h1{margin:4px 0 4px;font-size:clamp(26px,4vw,34px);line-height:1.15;font-weight:800;letter-spacing:-.02em;color:#2b2b3a;}
#ls-pagina h2{margin:0 0 4px;font-size:17px;font-weight:800;}
.ls-sub{margin:0 0 16px;font-size:14.5px;line-height:1.55;color:#6f6f80;}
.ls-inapoi{display:inline-flex;align-items:center;min-height:40px;padding:0;border:0;background:none;color:#4a3a8f;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;text-decoration:none;}
.ls-link{display:block;margin:16px auto 0;min-height:40px;border:0;background:none;color:#6f6f80;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer;}
.ls-link:hover{color:#4a3a8f;}
.ls-goala{padding:22px 18px;border:1px dashed #d6d0ee;border-radius:16px;text-align:center;}
.ls-goala p{margin:0 0 14px;font-size:14.5px;line-height:1.55;color:#6f6f80;}
.ls-goala b{display:block;margin-bottom:6px;font-size:16px;color:#2b2b3a;}
.ls-randuri{display:flex;flex-direction:column;gap:10px;margin:0 0 18px;padding:0;list-style:none;}
.ls-rand{display:grid;grid-template-columns:60px minmax(0,1fr);gap:12px;padding:12px;border:1px solid #ece9f7;border-radius:14px;background:#fff;}
.ls-rand-foto{display:flex;align-items:center;justify-content:center;width:60px;height:60px;box-sizing:border-box;padding:4px;border:1px solid #f3f1fa;border-radius:10px;background:#fff;}
.ls-rand-foto img{display:block;max-width:100%;max-height:100%;object-fit:contain;}
.ls-rand-foto img.ls-sigla{width:100%;opacity:.4;}
.ls-rand-corp{display:flex;flex-direction:column;gap:6px;min-width:0;}
.ls-rand-sus{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;}
.ls-rand-sus b{font-size:14px;line-height:1.3;overflow-wrap:anywhere;}
.ls-rand-sus a{color:inherit;text-decoration:none;}
.ls-rand-sus a:hover{color:#4a3a8f;text-decoration:underline;}
.ls-scoate{flex:none;display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:-6px -6px 0 0;border:0;border-radius:10px;background:#fff;color:#6f6f80;cursor:pointer;}
.ls-scoate:hover{background:#f6f4fb;color:#2b2b3a;}
.ls-rand-meta{font-size:12.5px;line-height:1.45;color:#6f6f80;}
.ls-rand-pret{font-size:12.5px;font-weight:700;color:#4a3a8f;}
.ls-rand .ls-stepper{align-self:flex-start;border-radius:10px;}
.ls-rand .ls-stepper button{height:40px;font-size:20px;}
.ls-rand .ls-stepper input{height:40px;font-size:15px;}
.ls-caseta{padding:16px;border:1px solid #e2ddf3;border-radius:16px;background:#f6f4fb;}
.ls-caseta.ls-verde{border-color:#e2eed3;background:#f5f9ef;}
.ls-caseta p{margin:0 0 14px;font-size:13.5px;line-height:1.55;color:#6f6f80;}
.ls-caseta.ls-verde p{color:#4d5a3f;}
.ls-caseta .ls-btn{width:100%;}
.ls-caseta .ls-nota{margin-top:10px;}

/* întrebările (pe fond mov, ca banda de pe prima pagină) */
.ls-intrebari{margin:0 -16px;padding:18px 16px 28px;background:linear-gradient(160deg,#241d47 0%,#1a1436 100%);color:#fff;border-radius:0;}
@media (min-width:720px){.ls-intrebari{margin:0;border-radius:20px;padding:26px 28px 32px;}}
.ls-marca{display:flex;align-items:center;gap:9px;margin:0 0 12px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#8cc63f;}
.ls-marca i{display:block;width:22px;height:2px;background:#8cc63f;}
.ls-rail{display:flex;align-items:center;gap:6px;margin-bottom:16px;}
.ls-rail i{display:block;flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.18);}
.ls-rail i.ls-on{background:#8cc63f;}
.ls-rail span{margin-left:10px;font-size:11px;font-weight:800;letter-spacing:.1em;white-space:nowrap;color:rgba(255,255,255,.65);}
.ls-intrebari h2{margin:0 0 16px;font-size:clamp(22px,3vw,28px);line-height:1.15;font-weight:800;letter-spacing:-.02em;color:#fff;}
.ls-placi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
@media (min-width:720px){.ls-placi{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}}
.ls-placa{display:flex;flex-direction:column;padding:0;overflow:hidden;border-radius:14px;border:1.5px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);color:#fff;font:inherit;text-align:center;cursor:pointer;transition:transform .18s,border-color .18s,background .18s;}
.ls-placa:hover,.ls-placa:focus-visible{transform:translateY(-3px);border-color:#8cc63f;background:rgba(140,198,63,.13);outline:none;}
.ls-placa.ls-on{border-color:#8cc63f;background:rgba(140,198,63,.18);}
.ls-placa-foto{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:linear-gradient(150deg,#4a3a8f 0%,#2e2559 100%);}
.ls-placa span{display:block;padding:10px 8px 11px;font-size:13px;font-weight:700;line-height:1.25;}
.ls-intrebari .ls-link,.ls-intrebari .ls-inapoi{color:rgba(255,255,255,.78);}
.ls-intrebari .ls-sub{color:rgba(255,255,255,.72);}
.ls-recap{margin:0 0 18px;padding:0;list-style:none;}
.ls-recap li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12);}
.ls-recap small{display:block;font-size:12px;line-height:1.35;color:rgba(255,255,255,.65);}
.ls-recap b{display:block;font-size:15px;line-height:1.3;color:#8cc63f;}
.ls-recap button{flex:none;min-height:40px;padding:0 10px;border:1px solid rgba(255,255,255,.25);border-radius:9px;background:none;color:#fff;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;}
.ls-intrebari .ls-btn{width:100%;}

/* formularul */
.ls-form{display:flex;flex-direction:column;gap:12px;}
.ls-form label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:700;}
.ls-form input,.ls-form textarea{box-sizing:border-box;width:100%;min-height:46px;padding:11px 14px;border:1.5px solid #e2ddf3;border-radius:11px;
  background:#fff;color:#2b2b3a;font:inherit;font-size:15px;font-weight:400;}
.ls-form textarea{min-height:0;resize:vertical;}
.ls-form input:focus,.ls-form textarea:focus{outline:none;border-color:#4a3a8f;box-shadow:0 0 0 3px rgba(74,58,143,.15);}
.ls-form label.ls-acord,.ls-acord{display:flex;flex-direction:row;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;color:#6f6f80;cursor:pointer;}
.ls-acord input{flex:none;width:20px;height:20px;min-height:0;margin:1px 0 0;padding:0;accent-color:#4a3a8f;}
.ls-acord a{color:#4a3a8f;}
.ls-eroare{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:#fdecea;color:#a1231a;font-size:13.5px;font-weight:600;line-height:1.5;}
.ls-eroare[hidden]{display:none;}
.ls-form+.ls-btn,.ls-eroare+.ls-btn{width:100%;margin-top:16px;}
.ls-capcana{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;}

/* confirmarea */
.ls-gata{display:flex;flex-direction:column;align-items:center;padding:30px 0 10px;text-align:center;}
.ls-bifa{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin-bottom:18px;border:1.5px solid #e2eed3;border-radius:50%;background:#f5f9ef;}
.ls-gata h1{color:#4a3a8f;}
.ls-gata .ls-rezumat{box-sizing:border-box;width:100%;margin:0 0 18px;padding:14px 16px;border:1px solid #ece9f7;border-radius:14px;font-size:14px;line-height:1.55;color:#6f6f80;text-align:left;}
.ls-comanda-linii{margin:0 0 16px;padding:0;list-style:none;border:1px solid #ece9f7;border-radius:14px;overflow:hidden;}
.ls-comanda-linii li{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-bottom:1px solid #f3f1fa;}
.ls-comanda-linii li:last-child{border-bottom:0;}
.ls-comanda-linii b{font-size:13.5px;line-height:1.3;overflow-wrap:anywhere;}
.ls-comanda-linii span{font-size:13px;color:#6f6f80;}
.ls-total{display:flex;justify-content:space-between;gap:12px;margin:0 0 16px;font-size:15px;font-weight:800;}
.ls-total small{font-weight:500;color:#6f6f80;}
.ls-doua{display:flex;flex-direction:column;gap:10px;margin-top:16px;}
.ls-doua .ls-btn{width:100%;}
.ls-fara-memorie{padding:14px 16px;border:1px solid #f1d4d1;border-radius:12px;background:#fdf3f2;font-size:14px;line-height:1.55;color:#7a2a24;}
@media (prefers-reduced-motion:reduce){.ls-bara,.ls-toast,.ls-placa{transition:none;animation:none;}}