/* Zeedo - pagina de produs: Cel mai mic pret din an / Pret minim 6 luni + Istoric pret.
   Modulul zdistoricpret: randul de sub pretul mare (varianta D, aprobata 04.11.2026) + fereastra graficului, in stilul landingului BF 2026. */
.zdi-min{color:#c63030;font-weight:700;font-size:15px;line-height:1.25}

/* butonul (v4.1): discret - text gri, iconita doar contur + linie in verdele Zeedo #84bd00 */
.zdi-ist{position:relative;display:inline-flex;align-items:center;gap:6px;padding:0;margin:0;background:none;border:0;color:#777;font-size:14px;font-weight:400;line-height:1.25;white-space:nowrap;cursor:pointer;text-align:left}
.zdi-ic{display:inline-flex;align-items:center;justify-content:center;width:22px;height:18px;border-radius:3px;border:1px solid #84bd00;color:#84bd00;background:transparent;box-sizing:border-box;flex:none}
.zdi-ic svg{width:14px;height:11px;display:block}
.zdi-tx{border-bottom:1px solid #d6d4d4}
.zdi-ist:after{content:"";position:absolute;inset:-10px -6px}
@media (hover:hover){.zdi-ist:hover{color:#282828}.zdi-ist:hover .zdi-tx{border-bottom-color:#84bd00}.zdi-ist:hover .zdi-ic{background:rgba(132,189,0,.12)}}
.zdi-ist[aria-expanded="true"]{color:#282828}
.zdi-ist[aria-expanded="true"] .zdi-ic{background:#84bd00;color:#fff}
.zdi-ist:focus{outline:none}.zdi-ist:focus-visible .zdi-ic{outline:2px solid #282828;outline-offset:2px}

/* d: un rand sub pretul mare, inainte de rate */
/* randul sta in .price, inline-block in tema: alinierea pe linia de baza lasa ~10px in plus pana la „In rate de la”.
   Doar blocul de pret care contine randul devine block (ca in varianta aprobata); fara :has() ramane doar spatiul mai mare */
.content_prices .price:has(.zdi-rand){display:block}
.zdi-rand{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin:4px 0 6px}
.zdi-rand:not(.gol) .zdi-ist{padding-left:10px;border-left:1px solid #d6d4d4}

/* fereastra Istoric pret: foaie de jos pe telefon, fereastra langa blocul de pret pe desktop (ca langa card pe landing) */
.zdi-voal{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9998;display:none}
.zdi-voal.on{display:block}
.zdi-foaie{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:#fff;color:#1b1b1b;border-radius:12px 12px 0 0;max-height:88vh;display:none;flex-direction:column;text-align:left;font-family:"Roboto Condensed",Arial,sans-serif}
.zdi-foaie.on{display:flex}
.zdi-foaie.pop{right:auto;bottom:auto;width:420px;border-radius:10px;border:2px solid #232323;box-shadow:4px 4px 0 #232323,0 14px 40px rgba(0,0,0,.45)}
.zdi-cap{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 12px;border-bottom:1px solid #e5e5e5}
.zdi-foaie .zdi-cap h3{margin:0;padding:0;font-size:17px;font-weight:800;text-transform:uppercase!important;color:#1b1b1b;line-height:1.2;border:0;background:none}
.zdi-x{width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;color:#333;background:none;border:0;padding:0;cursor:pointer}
.zdi-corp{overflow:auto;padding:12px 14px 16px}
.zdi-de{font-size:12px;color:#666;margin:0 0 2px}
.zdi-graf{position:relative;padding-top:24px;touch-action:pan-y}
.zdi-graf svg{display:block;overflow:visible;font-family:"Roboto Condensed",Arial,sans-serif}
.zdi-graf .g-30{fill:rgba(255,227,0,.38)}
.zdi-graf .g-30t{font-size:10px;fill:#8a7a00;text-anchor:middle;font-weight:700}
.zdi-graf .g-ax{stroke:#e6e6e6;stroke-width:1}
.zdi-graf .g-val{font-size:11px;fill:#888}
.zdi-graf .g-luna{stroke:#ccc}
.zdi-graf .g-lt{font-size:11px;fill:#888;text-anchor:middle}
.zdi-graf .g-arie{fill:#f2f2f2}
.zdi-graf .g-lin{fill:none;stroke:#232323;stroke-width:2}
.zdi-graf .g-bf{fill:none;stroke:#c63030;stroke-width:3.5;stroke-linecap:round}
.zdi-graf .g-pct{fill:#c63030;stroke:#fff;stroke-width:2}
.zdi-graf .g-et{fill:#c63030}
.zdi-graf .g-ett{font-size:12px;font-weight:800;fill:#fff;text-anchor:middle}
.zdi-graf .g-cur,.zdi-graf .g-cp{display:none}
.zdi-graf .activ .g-cur{display:inline;stroke:#232323;stroke-width:1;stroke-dasharray:3 3}
.zdi-graf .activ .g-cp{display:inline;fill:#fff;stroke:#232323;stroke-width:2}
.zdi-graf .g-zona{fill:transparent;cursor:crosshair}
.zdi-tip{position:absolute;top:0;left:0;white-space:nowrap;font-size:12px;background:#232323;color:#fff;border-radius:4px;padding:3px 7px;visibility:hidden}
.zdi-tip.on{visibility:visible}
.zdi-tip b{color:#ffe300}
.zdi-cifre{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}
.zdi-cifre>div{border:1px solid #e3e3e3;border-radius:6px;padding:7px 8px 6px}
.zdi-cifre span{display:block;font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.03em}
.zdi-cifre b{display:block;font-size:16px;font-weight:800;white-space:nowrap;color:#1b1b1b}
.zdi-cifre em{display:block;font-style:normal;font-size:11px;color:#666}
.zdi-cifre .bf{border:2px solid #c63030}
.zdi-cifre .bf b{color:#c63030}
/* desktop: coloana de cumparare are ~255px -> textul la marimea din coloana (rate 12-13px) */
@media (min-width:768px){
.zdi-min{font-size:13.5px}
.zdi-ist{font-size:13px;gap:5px}
.zdi-ic{width:19px;height:15px}.zdi-ic svg{width:12px;height:9px}
.zdi-rand{gap:3px 8px}
.zdi-rand:not(.gol) .zdi-ist{padding-left:8px}
}
/* cand randul se rupe pe doua linii, fara liniuta de separare */
.zdi-rand.rupt .zdi-ist{padding-left:0!important;border-left:0!important}