/*
 * „Scrisoarea de la Moș Crăciun” (#152 și #195), 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: garanțiile); configuratorul e cel comun al cărților (carti-pasi.css),
 * cu exemplele și plăcile „Cărții bunicilor” (bunici.css). Aici: plicul cu sigiliu din scena de sus, foaia scrisorii (antetul motorului,
 * scrisul de mână care apare pe loc), plicul văzut din față, previzualizarea de lângă pași, faptele ca plăci și cele cinci piese din
 * „Ce primești”. Prefix scr-. Întâi telefonul (390 px).
 * Culorile scrisorii sunt ale motorului (randare.py): tuș #1f2b4d · roșu #a82a2e · brad #2d5a43 · aur #b58b3c · hârtie #fbf5e6.
 * Fontul de mână: „hooo Scrisoare” (al motorului, dacă există, altfel „hooo Scris”, Dancing Script 600, SIL OFL), din inc/produs-scrisoare.php.
 */
.scr{--scr-scris:"hooo Scrisoare","hooo Scris","Dancing Script",cursive;--scr-serif:Georgia,"Times New Roman",serif;--scr-tus:#1f2b4d;--scr-rosu:#a82a2e;--scr-brad:#2d5a43;--scr-aur:#b58b3c;--scr-ease:cubic-bezier(.2,.8,.2,1)}
.dz-simboluri{position:absolute;width:0;height:0;overflow:hidden}

/* ---------- scena de sus ---------- */
.cadou .scr-hero__scena{display:grid;gap:12px;min-width:0}
.scr-hero__nume{display:grid;gap:8px}
.scr-hero__nume label{display:flex;align-items:center;gap:10px;margin:0;font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--pc-aur-2,#F3DDAA)}
.scr-hero__nume input{width:100%;min-height:52px;padding:12px 18px;border:1px solid rgba(255,243,227,.32);border-radius:999px;background:rgba(255,243,227,.08);font:500 18px/1.2 var(--font-body);color:#FFF3E3;box-sizing:border-box;transition:border-color .2s,background .2s}
.scr-hero__nume input::placeholder{color:rgba(255,243,227,.55)}
.scr-hero__nume input:focus{outline:0;border-color:var(--pc-aur,#E3B563);background:rgba(255,243,227,.13);box-shadow:0 0 0 4px rgba(227,181,99,.18)}
.scr-hero__nota{margin:0;font-size:13.5px;line-height:1.45;color:var(--pc-crem-3,#B7AD9E)}
.scr-hero__ai{margin:4px 0 0;font-size:13.5px;line-height:1.45;color:var(--pc-crem-2,#E6DCCD)}
.scr-hero__ai span{color:var(--pc-aur,#E3B563)}
.scr-hero__rezerva{display:block;width:100%;height:auto;border-radius:14px}
html:not(.scr-js) .scr-scena,html:not(.scr-js) .scr-hero__nume{display:none}

/* cele patru extra, sub subtitlu: plicul, diploma, răspunsul, pagina de colorat */
.scr-extra{margin:-6px 0 24px}
.scr-extra__t{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:12px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--pc-aur-2,#F3DDAA)}
.scr-extra__t span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--pc-aur,#E3B563);color:#173C31;font-size:15px;font-weight:800;letter-spacing:0;line-height:1}
.scr-extra__lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.scr-extra__x{display:flex;align-items:center;gap:9px;min-height:44px;padding:8px 12px;border:1px solid rgba(255,243,227,.18);border-radius:14px;background:rgba(255,243,227,.06);font-size:14px;font-weight:600;line-height:1.25;color:var(--pc-crem,#FFF3E3)}
.scr-extra__x svg{flex:none;width:22px;height:22px;color:var(--pc-aur,#E3B563)}
/* pe ecranele late, un singur rând scurt (două, cel mult), ca prețul și butonul să rămână în primul ecran */
@media (min-width:981px){
  .cadou .scr-hero .pc-sub{margin-bottom:18px}
  .scr-extra{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0 0 22px}
  .scr-extra__t{margin:0}
  .scr-extra__lista{display:contents}
  .scr-extra__x{gap:7px;min-height:0;padding:0;border:0;background:none;font-size:14.5px;white-space:nowrap}
  .scr-extra__x svg{width:20px;height:20px}
}

/* plicul: spatele, cu clapa și sigiliul; scrisoarea stă în el și iese după ce se rupe sigiliul (proporțiile plicului C5, 229 × 162) */
.scr-scena{container-type:inline-size;position:relative;width:100%;aspect-ratio:229/350;margin-top:4px}
.scr-plic{position:absolute;inset:0}
.scr-plic__spate{position:absolute;z-index:0;left:0;right:0;bottom:0;height:70.74cqi;border-radius:1.4cqi;background:linear-gradient(180deg,#E3D1AE,#D8C29B);box-shadow:0 3cqi 6cqi -2cqi rgba(0,0,0,.55)}
.scr-plic__loc{position:absolute;z-index:1;left:4.5cqi;right:4.5cqi;top:0;bottom:2.4cqi;overflow:hidden;border-radius:.6cqi .6cqi 0 0}
.scr-plic__foaie{position:absolute;left:0;right:0;top:1.5cqi;transform:translateY(84cqi);transition:transform 1.05s cubic-bezier(.2,.75,.2,1)}
.scr-scena.is-deschis .scr-plic__foaie{transform:translateY(0)}
.scr-plic__buzunar{position:absolute;left:0;right:0;bottom:0;z-index:3;width:100%;height:70.74cqi;filter:drop-shadow(0 -.4cqi .6cqi rgba(80,50,20,.18))}
.scr-plic__posta{position:absolute;left:5cqi;bottom:6cqi;z-index:3;width:36cqi;color:#7c1f26;opacity:.75;transform:rotate(-7deg);pointer-events:none}
.scr-plic__posta svg{display:block;width:100%;height:auto}
/* clapa: se deschide în sus (rotateX în jurul muchiei de sus); la jumătatea mișcării trece sub scrisoare */
.scr-plic__clapa{position:absolute;left:0;right:0;top:calc(100% - 70.74cqi);z-index:4;height:41.9cqi;transform-origin:50% 0;transform:perspective(160cqi) rotateX(0deg);transition:transform .62s cubic-bezier(.4,0,.2,1),z-index 0s linear .31s}
.scr-plic__clapa-svg{display:block;width:100%;height:100%;filter:drop-shadow(0 .7cqi .6cqi rgba(80,50,20,.3))}
.scr-scena.is-deschide .scr-plic__clapa{z-index:0;transform:perspective(160cqi) rotateX(178deg)}
/* sigiliul de ceară, pe vârful clapei (desenul din prototipul „Deschiderea”): fisura, jumătățile se depărtează, firimiturile sar */
.scr-sigiliu{position:absolute;left:50%;top:93%;width:17cqi;aspect-ratio:1;margin:-8.5cqi 0 0 -8.5cqi;pointer-events:none}
.scr-sigiliu svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(.5cqi .9cqi .7cqi rgba(60,4,16,.45));transform:rotate(-9deg)}
.scr-sigiliu .dz-sigiliu__jum{transform-box:fill-box;transform-origin:center;transition:transform .42s var(--scr-ease) .1s,opacity .3s ease .32s}
.scr-sigiliu .dz-sigiliu__fisura{stroke-dasharray:100;stroke-dashoffset:100;opacity:0;transition:stroke-dashoffset .14s linear,opacity .05s}
.scr-sigiliu .dz-sigiliu__firimituri path{transform-box:fill-box;transform-origin:center;opacity:0}
.scr-scena.is-rupt .dz-sigiliu__fisura{stroke-dashoffset:0;opacity:1}
.scr-scena.is-rupt .dz-sigiliu__jum--st{transform:translate(-9%,3%) rotate(-11deg)}
.scr-scena.is-rupt .dz-sigiliu__jum--dr{transform:translate(9%,4%) rotate(12deg)}
.scr-scena.is-rupt .dz-sigiliu__firimituri path{animation:scr-firimituri .55s cubic-bezier(.2,.7,.3,1) .08s both}
@keyframes scr-firimituri{0%{opacity:1;transform:none}100%{opacity:0;transform:translate(var(--fx),var(--fy)) rotate(var(--fr))}}
/* scrisoarea încă nescrisă (înainte să iasă din plic): textul își ține locul, nevăzut */
.scr-foaie__text.is-asteapta{visibility:hidden}
.scr-hero .scr-foaie{--fs:3.9cqi;--fs-min:13.5px}

/* ---------- foaia scrisorii (scrisoare/randare.py): rama roșie cu fir auriu, ilicele, antetul cu Fulg, apoi scrisul de mână ---------- */
.scr-foaie{--fs:4.5cqi;--fs-min:16px;container-type:inline-size;position:relative;border-radius:4px;background:radial-gradient(125% 95% at 50% 22%,#fffcf4 0%,#fbf5e6 55%,#f1e4c8 100%);color:var(--scr-tus,#1f2b4d);box-shadow:0 1.5cqi 4cqi -1.5cqi rgba(40,20,10,.45);text-align:left}
.scr-foaie__rama{position:absolute;inset:3.4cqi;border:.36cqi solid var(--scr-rosu,#a82a2e);border-radius:.9cqi;pointer-events:none}
.scr-foaie__rama::after{content:"";position:absolute;inset:.6cqi;border:.15cqi solid var(--scr-aur,#b58b3c);border-radius:.6cqi}
.scr-foaie__colt{position:absolute;top:1.6cqi;width:9cqi;height:9cqi}
.scr-foaie__colt--st{left:1.6cqi}
.scr-foaie__colt--dr{right:1.6cqi;transform:scaleX(-1)}
.scr-foaie__antet{display:flex;align-items:center;justify-content:space-between;gap:2cqi;margin:0 9cqi;padding-top:7.2cqi}
.scr-foaie__ren{flex:none;width:12cqi;height:8.4cqi;color:var(--scr-rosu,#a82a2e)}
.scr-foaie__ren--dr{transform:scaleX(-1)}
.scr-foaie__titlu{display:grid;justify-items:center;margin:0;color:var(--scr-rosu,#a82a2e);font-family:var(--scr-serif)}
.scr-foaie__titlu .t1{font-size:2.2cqi;line-height:1;letter-spacing:.34em;margin-right:-.34em;text-transform:uppercase}
.scr-foaie__titlu .t2{margin:.5cqi 0 .7cqi;font-size:6.6cqi;line-height:1;letter-spacing:-.01em}
.scr-foaie__titlu .t3{display:flex;align-items:center;gap:1.2cqi;font-size:3.1cqi;font-style:italic;line-height:1;color:var(--scr-brad,#2d5a43)}
.scr-foaie__titlu .t3 svg{width:1.6cqi;height:1.6cqi;color:var(--scr-aur,#b58b3c)}
.scr-foaie__despartitor{display:flex;align-items:center;gap:1.6cqi;margin:2.4cqi 21cqi 3.4cqi;color:var(--scr-aur,#b58b3c)}
.scr-foaie__despartitor span{flex:1;border-top:.15cqi solid currentColor}
.scr-foaie__despartitor svg{width:2.6cqi;height:2.6cqi}
.scr-foaie__text{margin:0 10cqi;padding-bottom:9.5cqi;font-family:var(--scr-scris);font-weight:600;font-size:max(var(--fs-min),var(--fs));line-height:1.42;color:var(--scr-tus,#1f2b4d);overflow-wrap:break-word;font-kerning:normal}
.scr-foaie__text p{margin:0 0 .5em}
.scr-foaie__text .scr-salut{margin:0 0 .4em;font-size:1.22em;line-height:1.25}
.scr-foaie__text .scr-p{text-indent:1.3em}
.scr-foaie__text .scr-incheiere{margin:.85em 0 0;text-align:right}
.scr-foaie__text .scr-semnatura{margin:0;font-size:1.7em;line-height:1.1;text-align:right;letter-spacing:-.01em}
.scr-foaie__text .scr-semnatura::after{content:"";display:block;width:4.6em;height:.42em;margin:-.05em 0 0 auto;background:no-repeat center/100% 100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12'%3E%3Cpath d='M2 8C30 2 60 12 92 5c9-2 17-3 26 0' fill='none' stroke='%231f2b4d' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")}
.scr-foaie__text .scr-locdata{margin:.5em 0 0;font:italic 400 .62em/1.4 var(--scr-serif);color:var(--scr-brad,#2d5a43)}
.scr-foaie__text .scr-ps{margin:.9em 0 0;font-size:.93em}
.scr-foaie__text .scr-mesaj-intro{margin:1.1em 0 .3em;padding-top:.8em;border-top:1px dashed rgba(45,90,67,.35);font-size:.9em}
.scr-foaie__text .scr-mesaj{margin:0 0 .2em;color:var(--scr-brad,#2d5a43)}
/* paragraful scris cu AI: în probă, cu steluța pe margine; în configurator, un rând estompat care spune ce va fi acolo */
.scr-foaie__text .scr-p--ai{position:relative}
.scr-foaie__text .scr-p--ai::before{content:"✦";position:absolute;left:-1.15em;top:.15em;text-indent:0;font:700 .62em/1 var(--font-body);color:var(--scr-aur,#b58b3c)}
.scr-foaie__text .scr-p--loc{margin:.25em 0 .7em;padding:.35em .6em;text-indent:0;border:1.5px dashed rgba(31,43,77,.3);border-radius:.55em;background:rgba(255,255,255,.4);font-size:.86em;line-height:1.36;color:#596075}
/* un cuvânt de exemplu, cât părintele nu l-a scris */
.scr-gol{color:#646b7f;text-decoration:underline dotted rgba(31,43,77,.4);text-decoration-thickness:1px;text-underline-offset:.2em}
/* scrisul de mână: fiecare cuvânt nou apare de la stânga la dreapta, ca sub peniță */
.scr-w{display:inline-block;text-indent:0;animation:scr-scrie var(--t,.3s) linear var(--d,0s) both}
@keyframes scr-scrie{from{clip-path:inset(-40% 110% -40% -10%);opacity:.2}to{clip-path:inset(-40% -10% -40% -10%);opacity:1}}
/* ce trece de capătul scrisului din scena de sus (e deja în plic) apare deodată, la sfârșit */
.scr-w--rest{animation-name:scr-apare}
@keyframes scr-apare{from{opacity:0}to{opacity:1}}

/* ---------- plicul văzut din față (în previzualizare): expeditorul, timbrul, ștampila, „Pentru {nume}” și adresa ---------- */
.scr-plicf{container-type:inline-size;position:relative;width:100%;aspect-ratio:229/162;border-radius:1.4cqi;overflow:hidden;background:linear-gradient(160deg,#F7EDD9,#EADCC0);box-shadow:0 2cqi 4cqi -1cqi rgba(0,0,0,.45);color:var(--scr-tus,#1f2b4d)}
.scr-plicf__exp{position:absolute;left:5.6cqi;top:5.2cqi;display:flex;align-items:center;gap:1.8cqi}
.scr-plicf__ren{width:8.6cqi;height:6cqi;color:var(--scr-rosu,#a82a2e)}
.scr-plicf__exp p{display:grid;margin:0;font-family:var(--scr-scris);font-weight:600;line-height:1.15}
.scr-plicf__exp b{font-weight:600;font-size:5.2cqi}
.scr-plicf__exp span{font-size:3.4cqi;color:var(--scr-brad,#2d5a43)}
.scr-plicf__timbru{position:absolute;right:5.6cqi;top:5cqi;width:14.5cqi;aspect-ratio:.82;background:#fff;outline:1.1cqi dotted #EFE2C8;outline-offset:-.55cqi;box-shadow:0 .4cqi .8cqi rgba(80,50,20,.18)}
.scr-plicf__timbru-in{position:absolute;inset:1.7cqi;display:grid;place-items:center;align-content:center;gap:.6cqi;background:#1F5B4A;color:#F3DDAA}
.scr-plicf__timbru-in i{width:100%;font:normal 600 1.3cqi/1.15 var(--scr-serif);letter-spacing:.04em;text-align:center}
.scr-plicf__timbru-in svg{width:5cqi;height:5cqi}
.scr-plicf__timbru-in b{font:600 2.6cqi/1 var(--scr-serif)}
.scr-plicf__posta{position:absolute;right:11cqi;top:9cqi;width:31cqi;color:#7c1f26;opacity:.72;transform:rotate(-9deg);pointer-events:none}
.scr-plicf__posta svg{display:block;width:100%;height:auto}
.scr-plicf__catre{position:absolute;left:30cqi;right:6cqi;top:43cqi;font-family:var(--scr-scris);font-weight:600}
.scr-plicf__catre p{margin:0}
.scr-plicf__catre .scr-plicf__pentru{font-size:7.6cqi;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scr-plicf__catre .scr-plicf__adresa{margin-top:1.4cqi;padding-top:1.2cqi;border-top:.2cqi solid rgba(31,43,77,.25);font-size:4.8cqi;line-height:1.3}

/* ---------- configuratorul: previzualizarea lângă pași ---------- */
.scr-pv{margin:0 0 16px;padding:10px 10px 12px;border-radius:20px;background:radial-gradient(120% 90% at 50% 0,#1E4A3D 0,#163A2F 55%,#0D221C 100%);color:#FFF3E3;min-width:0}
.scr-pv[hidden]{display:none!important}
.scr-pv__bara{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 10px}
.scr-pv__t{display:flex;align-items:center;gap:8px;margin:0;font:650 11.5px/1.2 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:#F3DDAA}
.scr-pv__punct{width:8px;height:8px;border-radius:50%;background:#E3B563;box-shadow:0 0 0 4px rgba(227,181,99,.2);animation:scr-puls 2.4s ease-in-out infinite}
@keyframes scr-puls{50%{box-shadow:0 0 0 7px rgba(227,181,99,0)}}
.scr-pv__file{display:flex;gap:4px;padding:3px;border-radius:999px;background:rgba(255,243,227,.1)}
.scr-pv__fila{min-height:34px;padding:0 13px;border:0;border-radius:999px;background:none;font:650 13px/1 var(--font-body);color:#FFF3E3;cursor:pointer}
.scr-pv__fila[aria-pressed="true"]{background:#FFF3E3;color:#1E1A20}
.scr-pv__fila:focus-visible,.scr-pv__mareste:focus-visible,.scr-pv__fereastra:focus-visible{outline:3px solid #E3B563;outline-offset:2px}
.scr-pv__fereastra{position:relative;border-radius:6px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(255,243,227,.35) transparent}
.scr-pv__fereastra[hidden],.scr-pv__plic[hidden]{display:none}
.scr-pv__plic{padding:10px 2px 6px}
.scr-pv__mareste{display:none}
/* pe telefon: o bandă de ~200 px deasupra pașilor, cu scrisoarea dusă singură la ce se schimbă; o atingere o arată întreagă */
@media (max-width:979px){
  .scr-pv__fereastra{max-height:204px;overflow:hidden;cursor:zoom-in;-webkit-mask-image:linear-gradient(180deg,#000 76%,transparent);mask-image:linear-gradient(180deg,#000 76%,transparent)}
  .scr-pv.is-mare .scr-pv__fereastra{max-height:none;cursor:auto;-webkit-mask-image:none;mask-image:none}
  .scr-pv__mareste{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin:6px 0 0;padding:0;border:0;background:none;font:650 14px/1 var(--font-body);color:#FFF3E3;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
  .scr-pv.is-plic .scr-pv__mareste{display:none}
}
@media (min-width:980px){
  .scr-ghid.scr-pv-activ .hooo-pers{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);column-gap:34px;align-items:start}
  .scr-ghid.scr-pv-activ .cs-progres{grid-column:1/-1}
  .scr-ghid.scr-pv-activ .cs-pasi{grid-column:1;grid-row:2;min-width:0}
  .scr-ghid.scr-pv-activ .scr-pv{grid-column:2;grid-row:2;position:sticky;top:96px;margin:0}
  .scr-pv__fereastra{max-height:calc(100vh - 210px);min-height:320px}
}

/* ---------- câmpurile din pași ---------- */
@media (min-width:560px){
  .scr-ghid .cs-pas[data-pas="copil"] .cs-pas__corp{grid-template-columns:minmax(0,1fr) 128px;column-gap:12px}
  .scr-ghid .cs-pas[data-pas="copil"] .cs-pas__corp>*:nth-child(n+3){grid-column:1/-1}
}
.cs-pasi .scr-placi .hooo-optiuni{grid-template-columns:repeat(2,minmax(0,1fr))}
.cs-pasi .scr-placi .hooo-optiune span{display:grid;justify-items:center;gap:2px}
.cs-pasi .scr-placi .hooo-optiune b{font:600 22px/1.1 var(--scr-scris);color:var(--scr-tus,#1f2b4d)}
.cs-pasi .scr-placi .hooo-optiune small{font:650 11px/1.2 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--cs-ink-3,#736B79)}
/* faptele bune, ca plăci */
.scr-fapte{display:flex;flex-wrap:wrap;gap:8px}
.scr-fapta{display:inline-flex;align-items:center;min-height:46px;padding:10px 14px;border:1.5px solid #D8CCD2;border-radius:14px;background:#fff;font:600 14.5px/1.3 var(--font-body);color:var(--cs-ink,#1E1A20);text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .2s var(--scr-ease)}
.scr-fapta:active{transform:scale(.97)}
.scr-fapta[aria-pressed="true"]{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)}
.scr-fapta[aria-pressed="true"]::before{content:"✓";margin-right:8px;font-weight:800}
@media (hover:hover){.scr-fapta:not([aria-pressed="true"]):hover{border-color:#B9A9B1}}
.has-error .scr-fapta{border-color:var(--cs-err,#B42318)}
.scr-posta-curand{margin:0;padding:12px 14px;border-radius:14px;background:var(--cs-crem,#FFF3E3);font-size:14px;line-height:1.45;color:var(--cs-ink-2,#4A444D)}
.scr-ghid-alt{padding:22px 18px}
.scr-ghid-alt__act{margin:4px 0 0;padding:0 16px 8px;text-align:center}

/* ---------- Ce primești: cele cinci piese, pe masă ---------- */
.cadou .scr-ce .pc-cap{margin-bottom:34px}
.scr-ce__grila{display:grid;gap:14px}
.scr-piesa{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:16px;align-items:center;padding:12px;border-radius:20px;background:#fff;border:1px solid var(--pc-linie,#E6DCCD)}
.scr-piesa__img{position:relative;display:grid;place-items:center;margin:0;aspect-ratio:1/1;padding:8%;border-radius:14px;background:radial-gradient(120% 100% at 30% 20%,#F4ECDF,#E8DCC8);overflow:hidden}
.scr-piesa__img img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(60,40,20,.22))}
.scr-piesa__img svg{display:block;max-width:100%;max-height:100%;width:auto;height:100%;filter:drop-shadow(0 6px 10px rgba(60,40,20,.22))}
.scr-piesa--plic .scr-piesa__img svg,.scr-piesa--diploma .scr-piesa__img svg{width:100%;height:auto}
.scr-piesa__txt .pc-ce__nr{margin-bottom:10px}
.scr-piesa__txt h3{margin:0 0 6px;font-size:20px;font-weight:700;line-height:1.15}
.scr-piesa__txt p{margin:0;font-size:14.5px;line-height:1.55;color:var(--pc-muted,#6E665F)}
.scr-ce__posta{margin:22px 0 0;font-size:15.5px;line-height:1.55;color:var(--pc-ink,#1E1A20)}
.scr-ce__posta span{color:var(--fam-text,var(--pc-zmeura,#C92A48))}
.scr-ce .pc-pasi__ai{margin-top:10px}
@media (min-width:900px){
  .scr-ce__grila{grid-template-columns:1.2fr 1fr 1fr;gap:18px}
  .scr-piesa{grid-template-columns:1fr;align-content:start;align-items:start;padding:16px 16px 22px}
  .scr-piesa__img{aspect-ratio:4/3}
  .scr-piesa--scrisoare{grid-row:span 2}
  .scr-piesa--scrisoare .scr-piesa__img{aspect-ratio:auto;height:100%;min-height:420px}
  .scr-piesa--scrisoare{grid-template-rows:1fr auto}
  .scr-piesa__txt h3{font-size:22px}
}
.scr-format__curand{margin:auto 0 0;padding-top:12px;font-size:14.5px;font-weight:650;color:var(--pc-muted,#6E665F)}

@media (min-width:981px){
  .cadou .scr-hero__scena{width:min(100%,450px);justify-self:center}
}
@media (prefers-reduced-motion:reduce){
  .scr-plic__foaie,.scr-plic__clapa,.scr-sigiliu *{transition:none!important}
  .scr-w,.scr-pv__punct,.scr-sigiliu .dz-sigiliu__firimituri path{animation:none!important}
}

/* ======================================================================
   22.10.2026, Adrian: pagina în limbajul primei pagini noi, ca „Cântecul tău” (assets/cantec.css). Numele (dacă îl știm) scris
   de mână, auriu, sub titlu; ambele prețuri; garanția lângă buton; secțiunile intră una în alta pe o margine de troian (masca de sus
   a secțiunii); după configurator, totul pe aceeași hârtie crem (și „Cum o facem”, înainte pe fundal închis); piesele, formatele,
   pașii și garanțiile pe hârtia biletului. Configuratorul rămâne imediat după primul ecran.
   ====================================================================== */
.scr{--scr-troian:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath d='M0 48V24c60-8 120-20 200-16 90 5 130 26 230 24 110-2 150-28 260-28 100 0 140 22 240 24 95 2 140-20 230-22 80-2 140 14 280 20v46z'/%3E%3C/svg%3E");
  --scr-bilet:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-60 -60 120 120'%3E%3Cdefs%3E%3Cpath id='b' d='M0-9V-52M0-39l-10-10M0-39l10-10M0-25l-8-8M0-25l8-8'/%3E%3Cg id='f' fill='none' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cuse href='%23b'/%3E%3Cuse href='%23b' transform='rotate(60)'/%3E%3Cuse href='%23b' transform='rotate(120)'/%3E%3Cuse href='%23b' transform='rotate(180)'/%3E%3Cuse href='%23b' transform='rotate(240)'/%3E%3Cuse href='%23b' transform='rotate(300)'/%3E%3Ccircle r='6'/%3E%3C/g%3E%3C/defs%3E%3Cuse href='%23f' stroke='%23fff' transform='translate(-1.3 -1.3)'/%3E%3Cuse href='%23f' stroke='%238c6a44' stroke-opacity='.22' transform='translate(1.3 1.3)'/%3E%3Cuse href='%23f' stroke='%23f7efe1'/%3E%3C/svg%3E") right -30px bottom -28px/130px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .3 0 0 0 0 .18 0 0 0 .3 -.1'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E") 0 0/160px,
    radial-gradient(140% 90% at 12% 0%,#fffefa 0%,#fcf7ee 50%,#f6ecdc 100%);
  --scr-bilet-umbra:0 1px 0 #ede1cd,0 2px 0 #e0cfb5,0 16px 34px -26px rgba(24,10,3,.45)}
/* numele, prețurile și garanția, în primul ecran */
.cadou .scr-erou__pentru{margin:4px 0 14px;font:600 clamp(32px,3.6vw,48px)/1.1 "hooo Scris","Segoe Script",cursive;color:#EFC654;rotate:-2deg;transform-origin:0 50%;text-shadow:0 2px 14px rgba(10,4,6,.55)}
.cadou .scr-erou__pentru b{font-weight:600}
.cadou .scr-preturi{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px 0}
.cadou .scr-preturi__x{display:grid;align-content:start;gap:5px;margin:0;padding:0 22px 0 0}
.cadou .scr-preturi__x+.scr-preturi__x{padding:0 0 0 22px;border-left:1px solid rgba(255,243,227,.22)}
.cadou .scr-preturi__x b{font:800 34px/1 var(--font-display);letter-spacing:-.03em;color:var(--pc-crem)}
.cadou .scr-preturi__x span{font-size:13.5px;line-height:1.35;color:var(--pc-crem-3,#B7AD9E)}
.cadou .scr-garantie{display:flex;align-items:center;gap:7px;margin:14px 0 0;font-size:14px;font-weight:600;color:var(--pc-crem)}
.cadou .scr-garantie__ic{flex:none;width:18px;height:18px;color:#EFC654}
.cadou .scr-garantie+.pc-nota{margin-top:6px}
/* trecerile: fiecare secțiune urcă peste cea de dinainte cu o margine de troian */
.cadou .scr-atelier,.cadou .scr-ce{position:relative;z-index:1;margin-top:-46px;
  -webkit-mask:var(--scr-troian) 0 0/100% 48px no-repeat,linear-gradient(#000,#000) 0 46px/100% calc(100% - 46px) no-repeat;
  mask:var(--scr-troian) 0 0/100% 48px no-repeat,linear-gradient(#000,#000) 0 46px/100% calc(100% - 46px) no-repeat}
.cadou .scr-hero{padding-bottom:calc(clamp(56px,7vw,96px) + 46px)}
.cadou .scr-atelier{padding-top:clamp(88px,8vw,110px)}
.cadou .scr-ce{z-index:2;padding-top:calc(clamp(64px,8vw,110px) + 30px);background:var(--pc-hartie,#FBF6EF)}
/* după configurator, aceeași hârtie: fără goluri duble între secțiunile crem */
.cadou.scr .pc-formate,.cadou.scr .pc-pasi,.cadou.scr .pc-intrebari{padding-top:clamp(28px,3.5vw,44px)}
/* piesele și formatele, pe hârtia biletului */
.cadou .scr-piesa,.cadou.scr .pc-format{border:0;background:var(--scr-bilet);box-shadow:var(--scr-bilet-umbra)}
.cadou.scr .pc-format.is-acesta{box-shadow:0 0 0 2px var(--pc-zmeura,#C92A48),0 24px 50px -30px rgba(201,42,72,.55)}
/* „Cum o facem”, pe hârtia crem: pașii și garanțiile pe hârtia biletului */
.cadou.scr .pc-pasi{background:var(--pc-hartie,#FBF6EF);color:var(--pc-ink,#1E1A20)}
.cadou.scr .pc-pasi h2{color:var(--pc-ink,#1E1A20)}
.cadou.scr .pc-pasi h2 em{color:var(--pc-zmeura,#C92A48)}
.cadou.scr .pc-pasi__lista{gap:14px}
.cadou.scr .pc-pasi__lista li{padding:22px 22px 24px;border:0;border-radius:20px;background:var(--scr-bilet);box-shadow:var(--scr-bilet-umbra)}
.cadou.scr .pc-pasi__lista li::before{margin-bottom:12px;font-size:34px;color:var(--pc-zmeura,#C92A48)}
.cadou.scr .pc-pasi__lista h3{color:var(--pc-ink,#1E1A20)}
.cadou.scr .pc-pasi__lista p{color:var(--pc-muted,#6E665F)}
.cadou.scr .pc-pasi .cp-garantii li{border:0;background:var(--scr-bilet);box-shadow:var(--scr-bilet-umbra)}
.cadou.scr .pc-pasi__ai{color:var(--pc-muted,#6E665F)}
.cadou.scr .pic{padding-top:clamp(30px,4vw,48px)}
@media (min-width:860px){.cadou.scr .pic__lista:has(>li:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}} /* două cutii: fără golul celei de-a treia */
@media (max-width:899px){
  .cadou .scr-hero{padding-bottom:calc(clamp(56px,7vw,96px) + 30px)}
  .cadou .scr-erou__pentru{font-size:clamp(30px,8.6vw,44px);margin-bottom:12px}
  .cadou .scr-preturi__x b{font-size:30px}
  .cadou .scr-preturi__x{padding-right:16px}
  .cadou .scr-preturi__x+.scr-preturi__x{padding-left:16px}
}
/* 24.10.2026: prețul obișnuit, tăiat, deasupra prețului de acum */
.scr-preturi__x s{font:600 15px/1 var(--font-display);color:var(--pc-crem-3,#B7AD9E);text-decoration-thickness:1.5px}