/*
 * „Cartea bunicilor” (#148 și tipărita ei), 9 octombrie 2026: doar ce e al acestei pagini. Scena de sus și secțiunile sunt ale
 * landingului comun (cadou.css) și ale „Povestea noastră” (cuplu.css: răsfoirea, garanțiile); configuratorul e cel comun al cărților
 * (carti-pasi.css). Aici: exemplele și începuturile de frază din pași, nepoții pe rânduri, plăcile „Pentru cine”, sfaturile pentru poze,
 * „Completez mai târziu” și forma cărții de probă din scena de sus. Prefix bn-. Întâi telefonul (390 px).
 * Culorile sunt ale configuratorului: zmeuriu #C92A48 · cerneală #1E1A20 · roz pal #FBEEF1 · brad #1F5B4A · cremă #FFF3E3.
 */

/* scena de sus: cartea de probă are forma paginilor ei (pătrată, la PDF) */
.cadou .pc-hero__scena--bunici .lpd .lpd-cr--intreaga{aspect-ratio:var(--bn-raport,1/1)}

/* ---------- câmpurile din pași ---------- */
.bn-ghid .bn-camp textarea{min-height:104px}
.bn-exemplu{white-space:pre-line;margin:0 0 8px;padding:11px 14px;border-radius:14px;background:var(--cs-crem,#FFF3E3);font-size:14.5px;line-height:1.5;color:var(--cs-ink-2,#4A444D)}
.bn-exemplu b{white-space:normal;display:block;margin:0 0 2px;font:650 11px/1.3 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#8A5B00}
.bn-idei{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.bn-cip{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1.5px solid #F1C9D1;border-radius:999px;background:var(--cs-pal,#FFF1F4);font:600 14px/1.2 var(--font-body);color:var(--cs-zm-d,#A81F3B);cursor:pointer;text-align:left;transition:background .2s,transform .2s var(--cs-ease,ease)}
.bn-cip:active{transform:scale(.96)}
@media (hover:hover){.bn-cip:hover{background:#FDE0E6}}
.bn-ghid .hooo-camp--textarea .hooo-numar{margin-top:4px}
.bn-ghid .hooo-ajutor.bn-ajutor-sus{margin:-2px 0 8px}

/* plăcile egale: „Pentru cine e cartea”, locul */
.cs-pasi .bn-placi .hooo-optiuni{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cs-pasi .bn-placi .hooo-optiune{position:relative;justify-content:center;min-height:64px;padding:12px 10px;border-radius:16px;text-align:center;font:650 15px/1.25 var(--font-body);background:#fff}
.cs-pasi .bn-placi .hooo-optiune input{position:absolute;opacity:0;width:1px;height:1px}
.cs-pasi .bn-placi .hooo-optiune:has(input:focus-visible){outline:3px solid var(--cs-zm,#C92A48);outline-offset:2px}
.cs-pasi .bn-placi .hooo-optiune:has(input:checked)::after{content:"✓";position:absolute;top:6px;right:8px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--cs-zm,#C92A48);color:#fff;font-size:11px;font-weight:800}

/* ---------- nepoții, pe rânduri ---------- */
.bn-camp--randuri>textarea{position:absolute!important}
.bn-camp--randuri .hooo-numar{display:none!important}
.bn-nepoti{display:grid;gap:10px}
.bn-nepoti__lista{display:grid;gap:10px;margin:0;padding:0;list-style:none;counter-reset:none}
.bn-nepot{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:10px 10px;padding:14px 14px 14px 46px;border:1.5px solid var(--cs-linie,#EAE2E6);border-radius:18px;background:#fff;transition:border-color .2s}
.bn-nepot.has-error{border-color:var(--cs-err,#B42318)}
.bn-nepot__nr{position:absolute;left:12px;top:16px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--cs-blush,#FBEEF1);font:800 13px/1 var(--font-display);color:var(--cs-zm-d,#A81F3B)}
.bn-nepot__camp{display:grid;gap:4px;margin:0!important}
.bn-nepot__camp span{font:650 12.5px/1.2 var(--font-body);color:var(--cs-ink-3,#736B79)}
.cs-ghid .bn-nepot input[type=text],.cs-ghid .bn-nepot input[type=number]{width:100%;min-height:48px;padding:11px 13px;border:1.5px solid #D8CCD2;border-radius:12px;background:#fff;font:500 16px/1.3 var(--font-body);color:var(--cs-ink,#1E1A20);box-sizing:border-box}
.cs-ghid .bn-nepot input:focus{outline:0;border-color:var(--cs-zm,#C92A48);box-shadow:0 0 0 4px rgba(201,42,72,.14)}
.bn-nepot__gen{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bn-nepot__gen button{min-height:44px;border:1.5px solid #D8CCD2;border-radius:12px;background:#fff;font:650 15px/1 var(--font-body);color:var(--cs-ink,#1E1A20);cursor:pointer;transition:border-color .2s,background .2s}
.bn-nepot__gen button.is-ales{border-color:var(--cs-zm,#C92A48);background:var(--cs-pal,#FFF1F4);box-shadow:0 0 0 1px var(--cs-zm,#C92A48);color:var(--cs-zm-d,#A81F3B)}
.bn-nepot__scoate{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:none;font-size:22px;line-height:1;color:var(--cs-ink-3,#736B79);cursor:pointer}
.bn-nepot:has(.bn-nepot__scoate){padding-right:42px}
@media (hover:hover){.bn-nepot__scoate:hover{background:var(--cs-blush,#FBEEF1);color:var(--cs-ink,#1E1A20)}}
.bn-nepoti__adauga{justify-self:start;display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 18px;border:1.5px dashed #D8B3BD;border-radius:999px;background:none;font:650 15px/1 var(--font-body);color:var(--cs-zm-d,#A81F3B);cursor:pointer}
.bn-nepoti__adauga span{font-size:20px;line-height:1}
@media (hover:hover){.bn-nepoti__adauga:hover{background:var(--cs-pal,#FFF1F4)}}
@media (min-width:700px){
  .bn-nepot{grid-template-columns:minmax(0,1fr) 96px 200px;align-items:end}
  .bn-nepot__gen{grid-column:auto}
}

/* ---------- sfaturile pentru poze ---------- */
.bn-sfaturi{padding:14px 16px;border-radius:16px;background:#E8F2EE;color:var(--cs-pin,#1F5B4A)}
.bn-sfaturi__t{margin:0 0 6px;font:800 16px/1.25 var(--font-display);color:var(--cs-ink,#1E1A20)}
.bn-sfaturi ul{display:grid;gap:5px;margin:0;padding:0;list-style:none;font-size:14.5px;line-height:1.45;color:var(--cs-ink-2,#4A444D)}
.bn-sfaturi li{position:relative;padding-left:24px}
.bn-sfaturi li::before{content:"✓";position:absolute;left:2px;top:0;font-weight:800;color:var(--cs-pin,#1F5B4A)}
.bn-sfaturi li b{color:var(--cs-ink,#1E1A20)}
.bn-sfaturi__nota{margin:10px 0 0;padding-top:10px;border-top:1px solid rgba(31,91,74,.18);font-size:13.5px;line-height:1.45;font-weight:600}

/* ---------- „Completez detaliile mai târziu”, la finalul primului pas ---------- */
.cs-pasi .cs-tarziu{margin:4px 0 0;padding:12px 14px;border-radius:14px;background:var(--cs-crem,#FFF3E3)}
.cs-pasi .cs-tarziu label{display:flex;align-items:flex-start;gap:10px;margin:0;font:650 14.5px/1.35 var(--font-body);color:var(--cs-ink,#1E1A20);cursor:pointer}
.cs-pasi .cs-tarziu input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--cs-zm,#C92A48)}
.cs-pasi .cs-tarziu .hooo-ajutor{margin:6px 0 0 30px}

/* ---------- Răsfoiește: paginile întregi ale cărții de probă ---------- */
.cadou .bn-rasf .cp-rasf__pag img{border-radius:4px}