/*
 * „Cartea de colorat din pozele familiei” (#149 și tipărita ei A4), 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), cu exemplele și sfaturile „Cărții bunicilor” (bunici.css). Aici: glisorul înainte/după din scena de sus,
 * numărul de poze din pasul „Pozele”, paginile de Crăciun cu numele copilului și forma paginilor A4 în „Răsfoiește”. Prefix cc-.
 * Întâi telefonul (390 px). Culorile: zmeuriu #C92A48 · cerneală #1E1A20 · brad #173C31 · aur #E3B563 · cremă #FFF3E3.
 */

/* ---------- scena de sus: înainte / după ---------- */
.cadou .pc-hero__scena--colorat .cc-scena{padding:clamp(12px,1.8vw,20px)}
.cc-id{display:grid;gap:12px}
.cc-id__cadru{--poz:50%;--cc-rap:1/1;position:relative;width:min(100%,calc(58vh * (var(--cc-rap))));max-width:100%;margin:0 auto;aspect-ratio:var(--cc-rap);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(30,26,32,.08);touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.cc-id__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none}
.cc-id__ina{position:absolute;inset:0;z-index:1;clip-path:inset(0 calc(100% - var(--poz)) 0 0)}
.cc-id__linie{position:absolute;top:0;bottom:0;left:var(--poz);z-index:2;width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 14px rgba(0,0,0,.3);pointer-events:none}
.cc-id__maner{position:absolute;top:50%;left:var(--poz);z-index:3;display:grid;place-items:center;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#fff;color:#1E1A20;box-shadow:0 6px 20px rgba(0,0,0,.3),0 0 0 4px rgba(201,42,72,.22);cursor:grab;transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.cc-id__maner svg{width:26px;height:26px}
.cc-id__maner:focus-visible{outline:3px solid #C92A48;outline-offset:4px}
.cc-id__cadru:not(.trage) .cc-id__ina{transition:clip-path .35s cubic-bezier(.2,.8,.2,1)}
.cc-id__cadru:not(.trage) .cc-id__linie,.cc-id__cadru:not(.trage) .cc-id__maner{transition:left .35s cubic-bezier(.2,.8,.2,1),transform .2s}
.cc-id__cadru.trage{cursor:grabbing}
.cc-id__cadru.trage .cc-id__maner{transform:scale(1.08)}
@media (hover:hover){.cc-id__maner:hover{transform:scale(1.08)}}
.cc-id__et{position:absolute;top:12px;z-index:2;max-width:44%;overflow:hidden;padding:6px 12px;border-radius:999px;font:650 12.5px/1.25 var(--font-body);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;transition:opacity .25s}
.cc-id__et--st{left:12px;background:rgba(30,26,32,.78);color:#fff}
.cc-id__et--dr{right:12px;background:#fff;color:#1E1A20;box-shadow:0 0 0 1px rgba(30,26,32,.14)}
.cc-id__et.ascuns{opacity:0}
.cc-id__cadru.is-schimba .cc-id__img{animation:cc-apare .45s cubic-bezier(.2,.8,.2,1)}
@keyframes cc-apare{from{opacity:.25}to{opacity:1}}
.cc-id__perechi{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.cc-id__mini{position:relative;width:52px;height:52px;padding:0;border:0;border-radius:12px;overflow:hidden;background:#EDE5DA;cursor:pointer;box-shadow:0 0 0 1px rgba(30,26,32,.12);transition:transform .2s,box-shadow .2s}
.cc-id__mini img{display:block;width:100%;height:100%;object-fit:cover}
.cc-id__mini.is-ales{box-shadow:0 0 0 3px #C92A48}
.cc-id__mini:active{transform:scale(.95)}
.cc-id__mini:focus-visible{outline:3px solid #C92A48;outline-offset:3px}
.cc-id__nota{margin:0;text-align:center;font-size:13px;line-height:1.4;color:#6E665F}
@media (min-width:900px){
  .cadou .pc-hero__scena--colorat{width:min(100%,540px);justify-self:center}
}
@media (max-width:899px){
  .cc-id__cadru{width:min(100%,calc(62vh * (var(--cc-rap))))}
  .cc-id__mini{width:46px;height:46px;border-radius:10px}
}

/* ---------- configuratorul ---------- */
.cc-ghid .cc-camp--titlu_carte .bn-idei,.cc-ghid .cc-camp--dedicatie .bn-idei{margin-top:10px}
.cc-numar{margin:0;padding:11px 14px;border-radius:14px;background:var(--cs-crem,#FFF3E3);font-size:14.5px;line-height:1.45;color:var(--cs-ink-2,#4A444D)}
.cc-numar b{color:var(--cs-zm-d,#A81F3B)}

/* ---------- Răsfoiește: paginile A4 ale cărții, în picioare ---------- */
.cadou .cc-rasf .cp-rasf__rand{align-items:flex-start}
.cadou .cc-rasf .cp-rasf__pag{width:min(74vw,330px)}
.cadou .cc-rasf .cp-rasf__pag img{border-radius:4px}

/* ---------- paginile de Crăciun, cu numele copilului ---------- */
.cadou .cc-craciun{position:relative;overflow:hidden;padding:clamp(64px,8vw,110px) 0;color:var(--pc-crem,#FFF3E3);background:radial-gradient(900px 520px at 80% 0,rgba(227,181,99,.14),transparent 60%),linear-gradient(180deg,#173C31,#0B1E18)}
.cadou .cc-craciun h2{color:var(--pc-crem,#FFF3E3)}
.cadou .cc-craciun h2 em{color:var(--pc-aur,#E3B563);overflow-wrap:anywhere}
.cadou .cc-craciun .pc-cap>p:not(.pc-eticheta){color:var(--pc-crem-2,#E6DCCD)}
.cc-craciun__cap{margin-bottom:34px}
.cc-craciun__cap .pc-cap{margin-bottom:22px}
.cc-craciun__nume{display:grid;gap:8px;max-width:420px;margin:0}
@media (min-width:900px){
  .cc-craciun__cap{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:48px;align-items:end;margin-bottom:40px}
  .cc-craciun__cap .pc-cap{margin-bottom:0}
}
.cc-craciun__nume label{font:650 14px/1.3 var(--font-body);color:var(--pc-aur-2,#F3DDAA)}
.cc-craciun__nume input{width:100%;min-height:56px;padding:12px 20px;border:0;border-radius:999px;background:#fff;font:700 20px/1.2 var(--font-display);letter-spacing:-.01em;color:#1E1A20;box-sizing:border-box;box-shadow:0 18px 40px -20px rgba(0,0,0,.7)}
.cc-craciun__nume input:focus{outline:3px solid var(--pc-aur,#E3B563);outline-offset:3px}
.cc-craciun__rand{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,26px)}
.cc-craciun__rand--reale{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.cc-foaie{margin:0;min-width:0}
.cc-foaie__hartie{aspect-ratio:210/297;border-radius:6px;background:#fff;overflow:hidden;box-shadow:0 26px 50px -24px rgba(0,0,0,.75),0 0 0 1px rgba(0,0,0,.05)}
.cc-foaie__hartie svg{display:block;width:100%;height:100%}
.cc-foaie img{display:block;width:100%;height:auto;border-radius:6px;background:#fff;box-shadow:0 26px 50px -24px rgba(0,0,0,.75)}
.cc-foaie figcaption{margin:12px 2px 0;font-size:14.5px;line-height:1.4;color:var(--pc-crem-2,#E6DCCD)}
.cc-craciun__nota{margin:22px 0 0;font-size:13.5px;line-height:1.5;color:var(--pc-crem-3,#B7AD9E)}
.cc-craciun__lista{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none}
.cc-craciun__lista li{padding:7px 13px;border:1px solid rgba(255,243,227,.24);border-radius:999px;font-size:13.5px;line-height:1.2;color:var(--pc-crem,#FFF3E3)}
.cc-craciun__lista li::before{content:"✦ ";color:var(--pc-aur,#E3B563)}
@media (max-width:899px){
  .cc-craciun__rand,.cc-craciun__rand--reale{display:flex;gap:14px;margin:0 -24px;padding:4px 24px 18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .cc-craciun__rand::-webkit-scrollbar{display:none}
  .cc-craciun__rand .cc-foaie{flex:none;width:min(64vw,260px);scroll-snap-align:center}
}
@media (prefers-reduced-motion:reduce){.cc-id__cadru *{transition:none!important;animation:none!important}}