/*
 * „Desenul meu prinde viață” (#276, variantele #277 și #278) și „Desenul înrămat” (#982), 10 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 sfaturile și exemplele „Cărții bunicilor” (bunici.css). Aici: masa cu desenul pe hârtie și clipul
 * care pornește, filele desenelor, pașii (sfaturile pozei, exemplele de mișcare, previzualizarea, pachetul), Ediția de Crăciun, înrămatul
 * cu telefonul și codul QR, imaginea de printat. Prefix dv-. Întâi telefonul (390 px).
 * Culorile: zmeuriu #C92A48 · cerneală #1E1A20 · aur #E3B563 · cremă #FFF3E3 · noaptea de Crăciun #0E1A3F / #08102A · peretele #EEE6DB.
 */

/* ---------- 1. scena de sus ---------- */
.dv-garantii-sus{display:flex;flex-wrap:wrap;gap:8px 18px;margin:20px 0 0;padding:0;list-style:none}
.dv-garantii-sus li{display:inline-flex;align-items:center;gap:7px;font-size:14px;line-height:1.3;color:var(--pc-crem-2,#E6DCCD)}
.dv-garantii-sus svg{flex:none;width:18px;height:18px;color:var(--pc-aur,#E3B563)}
.cadou .dv-hero .pc-nota{margin-top:12px}
@media (min-width:981px){
  .cadou .dv-hero__scena{width:min(100%,560px);justify-self:center}
}
.cadou .dv-scena{padding:clamp(12px,1.8vw,20px)}

/* masa: foaia (desenul fotografiat) și ecranul (clipul); pozițiile sunt în cqw (lățimea mesei = 100) */
.dv-masa{position:relative;container-type:inline-size;aspect-ratio:100/86;border-radius:16px;overflow:hidden;
  background:radial-gradient(120% 90% at 50% 8%,#F8F0E3 0,#EFE3D0 60%,#E4D3BA 100%)}
.dv-cadru{position:absolute;inset:0;margin:0}
.dv-cadru[hidden]{display:none}
.dv-cadru__lumina{position:absolute;left:50%;top:58%;z-index:1;width:90cqw;height:90cqw;margin:-45cqw 0 0 -45cqw;border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,236,190,.95),rgba(243,221,170,.35) 55%,transparent);opacity:0;pointer-events:none}
.dv-cadru--inalt .dv-cadru__lumina{left:72%;top:46%}
.dv-ecran{position:absolute;left:3cqw;top:28cqw;z-index:2;width:94cqw;aspect-ratio:var(--rap,16/9);border-radius:2cqw;overflow:hidden;background:#fff;
  box-shadow:0 0 0 1.1cqw #fff,0 22px 44px -18px rgba(46,29,20,.6);transition:opacity .6s ease .25s,transform .8s cubic-bezier(.2,.8,.2,1) .2s}
.dv-cadru--inalt .dv-ecran{left:auto;right:5cqw;top:3cqw;width:auto;height:80cqw}
.dv-ecran__video{display:block;width:100%;height:100%;object-fit:cover;background:#fff}
.dv-ecran__et{position:absolute;right:2cqw;top:2cqw;display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:999px;
  background:rgba(30,26,32,.72);font:650 clamp(10px,2.7cqw,12.5px)/1.1 var(--font-body);letter-spacing:.02em;color:#fff;pointer-events:none}
.dv-ecran__et i{width:7px;height:7px;border-radius:50%;background:#EE5B78;box-shadow:0 0 0 3px rgba(238,91,120,.28)}
.dv-cadru.is-merge .dv-ecran__et i{animation:dv-punct 1.6s ease-in-out infinite}
@keyframes dv-punct{50%{opacity:.35}}
.dv-cadru--craciun .dv-ecran__et{background:rgba(14,26,63,.82)}

.dv-hartie{position:absolute;left:3cqw;top:2.5cqw;z-index:3;width:36cqw;transform:rotate(-5deg);
  transition:left .9s cubic-bezier(.65,0,.25,1),top .9s cubic-bezier(.65,0,.25,1),width .9s cubic-bezier(.65,0,.25,1),transform .9s cubic-bezier(.65,0,.25,1)}
.dv-hartie img{display:block;width:100%;height:auto;border-radius:3px;box-shadow:0 12px 26px -12px rgba(46,29,20,.65),0 0 0 1px rgba(46,29,20,.06)}
.dv-prinde{position:absolute;left:43cqw;top:2.2cqw;z-index:3;font:italic 600 clamp(11px,3.1cqw,15px)/1 Georgia,'Times New Roman',serif;color:#A81F3B;white-space:nowrap;transform:rotate(-3deg);transition:opacity .4s ease .7s}
.dv-cadru--inalt .dv-prinde{left:5cqw;top:6cqw}
.dv-cadru--inalt .dv-hartie{left:4cqw;top:15cqw;width:41cqw;transform:rotate(-4deg)}
.dv-sageata{position:absolute;left:44cqw;top:7.5cqw;z-index:3;width:21cqw;height:auto;color:#C92A48;transition:opacity .4s ease .6s}
.dv-cadru--inalt .dv-sageata{left:29cqw;top:4cqw;width:19cqw}

/* starea „hârtie”: foaia mare, pe masă; ecranul încă nu se vede (și înainte să pornească scriptul, ca prima imagine să fie foaia) */
.dv-cadru[data-stare="hartie"] .dv-hartie,.dv-js .dv-masa:not(.is-pornit) .dv-cadru .dv-hartie{left:10cqw;top:9cqw;width:80cqw;transform:rotate(-2.5deg)}
.dv-cadru--inalt[data-stare="hartie"] .dv-hartie,.dv-js .dv-masa:not(.is-pornit) .dv-cadru--inalt .dv-hartie{left:22cqw;top:4.5cqw;width:56cqw;transform:rotate(-2deg)}
.dv-cadru[data-stare="hartie"] .dv-ecran,.dv-js .dv-masa:not(.is-pornit) .dv-ecran{opacity:0;transform:scale(.94);transition:opacity .3s,transform .3s}
.dv-cadru[data-stare="hartie"] .dv-sageata,.dv-cadru[data-stare="hartie"] .dv-prinde,.dv-js .dv-masa:not(.is-pornit) .dv-sageata,.dv-js .dv-masa:not(.is-pornit) .dv-prinde{opacity:0;transition:opacity .2s}
.dv-cadru.is-pune .dv-hartie img{animation:dv-pune .5s cubic-bezier(.2,.8,.2,1)}
@keyframes dv-pune{from{opacity:0;transform:translateY(-5%) scale(1.04)}to{opacity:1;transform:none}}
.dv-cadru.is-lumina .dv-cadru__lumina{animation:dv-lumina 1.3s ease-out}
@keyframes dv-lumina{0%{opacity:0;transform:scale(.4)}40%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.25)}}
.dv-masa.fara-tranzitie *{transition:none!important}

.dv-pauza{position:absolute;right:2.4cqw;bottom:2.4cqw;z-index:6;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;
  background:rgba(30,26,32,.78);color:#fff;cursor:pointer;box-shadow:0 6px 16px -6px rgba(0,0,0,.5)}
.dv-pauza svg{width:18px;height:18px}
.dv-pauza .dv-pauza__porneste,.dv-pauza[aria-pressed="true"] .dv-pauza__oprit{display:none}
.dv-pauza[aria-pressed="true"] .dv-pauza__porneste{display:block}
.dv-pauza:focus-visible{outline:3px solid #C92A48;outline-offset:2px}

/* filele: trei foi mici, cu numele personajului */
.dv-file{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:8px;margin:12px 0 0}
.dv-fila{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0;padding:5px 5px 8px;border:1.5px solid #E2D5C4;border-radius:14px;background:#fff;
  font:inherit;text-align:center;color:#1E1A20;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.dv-fila:active{transform:scale(.97)}
.dv-fila[aria-selected="true"]{border-color:#C92A48;background:#FFF1F4;box-shadow:0 0 0 1px #C92A48}
.dv-fila:focus-visible{outline:3px solid #C92A48;outline-offset:3px}
@media (hover:hover){.dv-fila[aria-selected="false"]:hover{border-color:#C9B6A0}}
.dv-fila__mini{display:block;aspect-ratio:16/10;border-radius:9px;overflow:hidden;background:#EFE5D6}
.dv-fila__mini img{display:block;width:100%;height:100%;object-fit:cover}
.dv-fila__t{display:flex;flex-direction:column;gap:1px;min-width:0}
.dv-fila__t b{font:700 14px/1.15 var(--font-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dv-fila__t span{font-size:12px;line-height:1.2;color:#7A6A5C;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dv-legenda{min-height:2.9em;margin:12px 4px 0;text-align:center;font-size:14.5px;line-height:1.45;color:#4A444D}
.dv-masa__nota{margin:2px 4px 0;text-align:center;font-size:12.5px;line-height:1.4;color:#857A70}

/* ---------- 2. configuratorul ---------- */
.dv-ghid table.variations,.dv-ghid .reset_variations,.dv-ghid .reset_variations_alert,.dv-ghid .single_variation,.dv-ghid .woocommerce-variation,.dv-ghid .quantity{display:none!important}
.dv-ghid .single_variation_wrap{margin:0}
.dv-sfaturi{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;align-items:start}
.dv-sfaturi__ex{margin:4px 0 0;text-align:center}
.dv-sfaturi__ex img{display:block;width:100%;height:auto;border-radius:4px;background:#fff;transform:rotate(-3deg);box-shadow:0 8px 18px -8px rgba(31,91,74,.55),0 0 0 3px #fff}
.dv-sfaturi__ex figcaption{margin-top:8px;font-size:11.5px;font-weight:700;line-height:1.2;color:var(--cs-pin,#1F5B4A)}
@media (max-width:380px){.dv-sfaturi{grid-template-columns:64px minmax(0,1fr);gap:10px}}

/* „Ce face”: exemplele de apăsat */
.dv-ghid .bn-cip[aria-pressed="true"]{border-color:var(--cs-zm,#C92A48);background:var(--cs-zm,#C92A48);color:#fff}
.dv-verbe{margin:10px 0 2px}

/* previzualizarea: desenul încărcat, cu mișcarea aleasă sau cu „Desenat de …” */
.dv-pv{display:grid;grid-template-columns:86px minmax(0,1fr);gap:14px;align-items:center;margin:0 0 16px;padding:10px 14px 10px 10px;border-radius:16px;background:var(--cs-crem,#FFF3E3)}
.dv-pv[hidden]{display:none}
.dv-pv__foaie{display:block;padding:4px 4px 3px;border-radius:3px;background:#fff;box-shadow:0 8px 18px -10px rgba(46,29,20,.6);transform:rotate(-2deg)}
.dv-pv__foaie img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#F3ECE2}
.dv-pv__foaie i{display:block;padding-top:3px;font:italic 600 8.5px/1.2 Georgia,'Times New Roman',serif;color:#3A2618;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dv-pv__t{margin:0 0 3px;font:700 11.5px/1.2 var(--font-body);letter-spacing:.07em;text-transform:uppercase;color:var(--cs-ink-3,#736B79)}
.dv-pv__x{margin:0;font:italic 600 17px/1.3 Georgia,'Times New Roman',serif;color:var(--cs-ink,#1E1A20);overflow-wrap:anywhere}
.dv-pv__x.is-ex{color:#A0958C}

/* „Comanda”: eticheta pachetului de Crăciun */
.dv-ghid .cs-format.dv-format--craciun{border-color:#E3C78F}
.dv-ghid .cs-format.dv-format--craciun.is-ales{border-color:var(--cs-zm,#C92A48)}
.dv-eticheta-cs{justify-self:start;display:inline-block;margin-bottom:2px;padding:3px 9px;border-radius:999px;background:#0E1A3F;font:700 11px/1.3 var(--font-body);letter-spacing:.04em;color:#F3DDAA}

/* ---------- 3. Ediția de Crăciun ---------- */
.cadou .dv-craciun{position:relative;isolation:isolate;overflow:hidden;padding:clamp(64px,8vw,110px) 0;color:var(--pc-crem,#FFF3E3);
  background:radial-gradient(900px 520px at 78% 32%,rgba(243,221,170,.15),transparent 62%),linear-gradient(180deg,#0E1A3F,#08102A)}
.dv-craciun__stele{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.8;
  background-image:radial-gradient(1.6px 1.6px at 24px 30px,#F3DDAA 60%,transparent 62%),radial-gradient(1.2px 1.2px at 150px 84px,#fff 60%,transparent 62%),
    radial-gradient(2px 2px at 96px 160px,#F3DDAA 60%,transparent 62%),radial-gradient(1px 1px at 210px 196px,#fff 60%,transparent 62%),radial-gradient(1.4px 1.4px at 260px 40px,#fff 60%,transparent 62%);
  background-size:290px 230px;animation:dv-stele 5s ease-in-out infinite alternate}
@keyframes dv-stele{from{opacity:.45}to{opacity:.9}}
.dv-craciun__grila{display:grid;gap:40px;align-items:center}
.cadou .dv-craciun .pc-eticheta{color:var(--pc-aur-2,#F3DDAA)}
.cadou .dv-craciun h2{color:var(--pc-crem,#FFF3E3)}
.cadou .dv-craciun h2 em{color:var(--pc-aur,#E3B563)}
.dv-craciun__p{max-width:32em;margin:18px 0 0;font-size:17px;line-height:1.65;color:var(--pc-crem-2,#E6DCCD)}
.dv-craciun__lista{display:grid;gap:8px;margin:20px 0 26px;padding:0;list-style:none}
.dv-craciun__lista li{position:relative;padding-left:26px;font-size:15.5px;line-height:1.5;color:var(--pc-crem,#FFF3E3)}
.dv-craciun__lista li::before{content:"✦";position:absolute;left:2px;top:0;color:var(--pc-aur,#E3B563)}
.dv-craciun__nota{margin:16px 0 0;font-size:13.5px;line-height:1.5;color:var(--pc-crem-3,#B7AD9E)}
.dv-craciun__scena{position:relative;margin:0 0 0 6px;min-width:0}
.dv-craciun__ecran{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#08102A;
  box-shadow:0 0 0 6px rgba(255,243,227,.08),0 40px 80px -30px rgba(0,0,0,.9)}
.dv-craciun__ecran video{display:block;width:100%;height:100%;object-fit:cover}
.dv-craciun__hartie{position:absolute;left:-10px;bottom:-30px;z-index:2;width:34%;max-width:200px;padding:5px 5px 0;border-radius:3px;background:#fff;
  transform:rotate(-6deg);box-shadow:0 16px 30px -12px rgba(0,0,0,.75)}
.dv-craciun__hartie img{display:block;width:100%;height:auto}
.dv-craciun__hartie span{display:block;padding:5px 2px 6px;font:italic 600 clamp(10px,1.1vw,12.5px)/1.2 Georgia,'Times New Roman',serif;color:#3A2618;text-align:center;text-wrap:balance}
.dv-craciun__scena figcaption{margin:44px 0 0;padding-left:36%;font-size:13px;line-height:1.45;color:var(--pc-crem-3,#B7AD9E)}
@media (min-width:900px){
  .dv-craciun__grila{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(40px,5vw,72px)}
  .dv-craciun__scena figcaption{padding-left:32%}
}

/* ---------- 4. Desenul înrămat: peretele, codul QR și telefonul ---------- */
.cadou .dv-inramat{padding:clamp(64px,8vw,110px) 0;background:linear-gradient(180deg,#F1E9DE,#E9E1D6)}
.dv-inramat__grila{display:grid;gap:44px;align-items:center}
.dv-inramat__scena{position:relative;width:100%;max-width:500px;margin:0 auto}
.dv-perete{position:relative;aspect-ratio:975/1180;border-radius:22px;overflow:hidden;background:#EEE6DB;box-shadow:inset 0 0 0 1px rgba(46,29,20,.05)}
.cadou .dv-perete__img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.dv-perete__qr{position:absolute;left:73.4%;top:76.5%;width:0;height:0}
.dv-perete__qr i{position:absolute;left:-22px;top:-22px;width:44px;height:44px;border-radius:12px;border:2.5px solid #C92A48;animation:dv-qr 2s ease-out infinite}
.dv-perete__qr b{position:absolute;left:0;top:-56px;transform:translateX(-50%);padding:5px 10px;border-radius:999px;background:#C92A48;font:700 12px/1.1 var(--font-body);color:#fff;white-space:nowrap;box-shadow:0 8px 16px -8px rgba(201,42,72,.8)}
@keyframes dv-qr{0%{transform:scale(.7);opacity:1}100%{transform:scale(1.35);opacity:0}}
.dv-telefon{position:absolute;left:-3%;bottom:-7%;z-index:2;width:31%;aspect-ratio:9/19;padding:2.4%;border-radius:20%/9.5%;background:#1E1A20;
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 34px 60px -22px rgba(30,26,32,.75)}
.dv-telefon__ecran{display:block;width:100%;height:100%;border-radius:15%/7%;overflow:hidden;background:#fff}
.dv-telefon__ecran video{display:block;width:100%;height:100%;object-fit:cover}
.dv-inramat__scena figcaption{margin:14px 0 0;padding-left:34%;font-size:13px;line-height:1.45;color:var(--pc-muted,#6E665F)}
.dv-inramat__p{max-width:32em;margin:18px 0 0;font-size:17px;line-height:1.65;color:var(--pc-muted,#6E665F)}
.dv-qr{display:grid;gap:12px;margin:22px 0 26px;padding:0;list-style:none;counter-reset:dvqr}
.dv-qr li{position:relative;padding-left:42px;font-size:15.5px;line-height:1.5;color:var(--pc-muted,#6E665F);counter-increment:dvqr}
.dv-qr li::before{content:counter(dvqr);position:absolute;left:0;top:-2px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#C92A48;color:#fff;font:800 14px/1 var(--font-display)}
.dv-qr b{color:var(--pc-ink,#1E1A20)}
.dv-inramat__nota{margin:16px 0 0;font-size:13.5px;line-height:1.5;color:var(--pc-muted,#6E665F)}
@media (min-width:900px){
  .dv-inramat__grila{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(48px,6vw,96px)}
  .dv-telefon{left:-9%}
}

/* ---------- 5. Ce primești: din poză, imaginea de printat ---------- */
.dv-print{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center;max-width:820px;margin:0 0 40px}
.dv-print figure{margin:0;min-width:0}
.dv-print figcaption{margin-top:12px;text-align:center;font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--pc-muted,#6E665F)}
.dv-print__poza img{display:block;width:100%;height:auto;border-radius:10px;transform:rotate(-2deg);box-shadow:0 18px 36px -20px rgba(46,29,20,.6)}
.dv-print__sageata{font-size:24px;color:#C92A48}
.dv-print__hartie{display:block;padding:5% 5% 3%;border-radius:3px;background:#fff;box-shadow:0 18px 40px -20px rgba(46,29,20,.55),0 0 0 1px rgba(46,29,20,.05)}
.dv-print__img{display:block;overflow:hidden}
.dv-print__img img{display:block;width:100%;height:auto;transform:scale(1.07);transform-origin:50% 0} /* marginea de jos a foii, cu masa, rămâne în afara cadrului */
.dv-print__hartie b{display:block;margin-top:4%;text-align:center;font:italic 600 clamp(11px,1.7vw,18px)/1.2 Georgia,'Times New Roman',serif;color:#3A2618}
.dv-ce .pc-ce__grila{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}

/* ---------- mișcarea redusă ---------- */
@media (prefers-reduced-motion:reduce){
  .dv-masa *,.dv-craciun__stele,.dv-perete__qr i,.dv-pv *{transition:none!important;animation:none!important}
}