/* ======================================================================
   22.10.2026, Adrian: paginile celor trei cărți, „Povestea mea” (body.pm-landing), „Povestea noastră” (body.cuplu-creator) și
   „Cartea bunicilor” (body.bunici-creator), în limbajul primei pagini noi, ca pagina cântecului și a Cărții de Crăciun (blocul de la
   finalul assets/carte-atelier.css). Numele (dacă îl știm, assets/carti-finisare.js) scris de mână, auriu, sub titlu; ambele formate
   cu prețul lor și garanția lângă buton; configuratorul urcă peste primul ecran, iar răsfoirea peste configurator, pe o margine de
   troian (masca de sus a secțiunii); după configurator, totul pe aceeași hârtie crem; cardurile (formatele, fotografiile private) pe
   hârtia biletului; „Pune-o într-o cutie” (assets/produs-in-cutie.css) pe lățimea paginii. Doar fișierul acesta, încărcat ultimul pe
   cele trei pagini: fișierele comune (povestea-noastra.css, cuplu.css, bunici.css, carti-pasi.css) rămân cum erau.
   ====================================================================== */
@font-face{font-family:"hooo Scris";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/hooo-scris-600-ro.woff2) format("woff2")}
:is(.pm-landing,.cuplu-creator,.bunici-creator){--cf-hartie:#FBF6EF;--cf-cerneala:#1E1A20;--cf-zmeura:#C92A48;--cf-zmeura-2:#A81F3B;
  --cf-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");
  --cf-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%)}

/* ---------- primul ecran: numele, formatele, garanția ---------- */
:is(.pm-landing,.cuplu-creator,.bunici-creator) h1:has(+.cf-pentru:not([hidden])){margin-bottom:8px}
.cf-pentru{margin:0 0 18px;font:600 clamp(30px,3.3vw,46px)/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);overflow-wrap:anywhere}
.cf-pentru b{font-weight:600}
.cf-oferte{display:flex;flex-wrap:wrap;gap:12px 28px;margin:0 0 26px}
.cf-oferta{display:flex;align-items:baseline;gap:9px}
.cf-oferta+.cf-oferta{padding-left:28px;border-left:1px solid #fff3e332}
.cf-oferta span{font-size:13px;color:#d1cbd1}
.cf-oferta b{font:730 24px/1.2 var(--font-display);color:#fff3e3}
.cf-garantie{display:flex;flex-basis:100%;align-items:center;gap:7px;margin:0;font-size:14px;font-weight:600;line-height:1.3;color:#fff3e3}
.cf-garantie svg{flex:none;width:18px;height:18px;color:#EFC654}
.pm-landing .pm .pm-cta{flex-wrap:wrap;gap:16px 24px;margin-bottom:0}
.pm-landing .pm .pm-cta .pm-link{margin:0}
:is(.cuplu-creator,.bunici-creator) .pn .pn-hero-action{flex-wrap:wrap;gap:16px 23px}

/* ---------- trecerile: configuratorul urcă peste primul ecran, răsfoirea peste configurator, pe o margine de troian ---------- */
.pm-landing .pm .pm-hero,:is(.cuplu-creator,.bunici-creator) .pn .pn-hero{padding-bottom:96px}
.pm-landing .pm .pm-atelier,.pm-landing .pm .pm-reader,
:is(.cuplu-creator,.bunici-creator) .pn .pn-atelier,:is(.cuplu-creator,.bunici-creator) .pn .pn-reader{position:relative;z-index:1;margin-top:-46px;
  -webkit-mask:var(--cf-troian) 0 0/100% 48px no-repeat,linear-gradient(#000,#000) 0 46px/100% calc(100% - 46px) no-repeat;
  mask:var(--cf-troian) 0 0/100% 48px no-repeat,linear-gradient(#000,#000) 0 46px/100% calc(100% - 46px) no-repeat}
.pm-landing .pm .pm-atelier{padding-top:104px}
:is(.cuplu-creator,.bunici-creator) .pn .pn-atelier{padding-top:100px}
.pm-landing .pm .pm-reader,:is(.cuplu-creator,.bunici-creator) .pn .pn-reader{z-index:2;padding-top:80px}
.pm-landing .pm .pm-tranzitie,:is(.cuplu-creator,.bunici-creator) .pn .pn-edge{display:none} /* fostele treceri desenate: acum troianul răsfoirii */

/* ---------- după configurator, o singură hârtie ---------- */
.pm-landing .pm :is(.pm-reader,.pm-formate,.pm-process,.pm-intrebari,.pm-final),.pm-landing .pm .pic,
:is(.cuplu-creator,.bunici-creator) .pn :is(.pn-reader,.pn-formats,.pn-process,.pn-faq,.pn-final),:is(.cuplu-creator,.bunici-creator) .pn .pic{background:var(--cf-hartie)}
.pm-landing .pm :is(.pm-formate,.pm-process,.pm-intrebari),:is(.cuplu-creator,.bunici-creator) .pn :is(.pn-formats,.pn-process,.pn-faq){padding:56px 0}
/* chemarea de la final, pe aceeași hârtie: cerneală, nu crem */
.pm-landing .pm .pm-final,:is(.cuplu-creator,.bunici-creator) .pn .pn-final{padding:48px 0 72px;color:var(--cf-cerneala)}
.pm-landing .pm .pm-final h2,:is(.cuplu-creator,.bunici-creator) .pn .pn-final h2{color:var(--cf-cerneala)}
.pm-landing .pm .pm-final h2 em,:is(.cuplu-creator,.bunici-creator) .pn .pn-final h2 em{color:var(--cf-zmeura)}
.pm-landing .pm .pm-final .pm-eticheta,:is(.cuplu-creator,.bunici-creator) .pn .pn-final .pn-eyebrow{color:var(--cf-zmeura-2)}
.pm-landing .pm .pm-final p:last-child{color:#7A7280}

/* ---------- cardurile, pe hârtia biletului: firul hârtiei, fulgul în relief în colț, chenarul fin ---------- */
.pm-landing .pm :is(.pm-format-story,.pm-privacy),:is(.cuplu-creator,.bunici-creator) .pn :is(.pn-format,.pn-trust){background:var(--cf-bilet);border:0;border-radius:22px;
  box-shadow:0 1px 0 #ede1cd,0 2px 0 #e0cfb5,0 16px 34px -26px rgba(24,10,3,.45);outline:1px solid rgba(150,112,70,.16);outline-offset:-8px}
.pm-landing .pm .pm-format-story,:is(.cuplu-creator,.bunici-creator) .pn .pn-format{padding:24px 28px 26px 18px}
.pm-landing .pm .pm-format-story+.pm-format-story,:is(.cuplu-creator,.bunici-creator) .pn .pn-format+.pn-format{border-top:0}
.pm-landing .pm .pm-privacy,:is(.cuplu-creator,.bunici-creator) .pn .pn-trust{margin-top:12px;padding:26px 30px}
.pm-landing .pm .pm-formate-grid,:is(.cuplu-creator,.bunici-creator) .pn .pn-formats-grid{gap:24px}

/* ---------- „Pune-o într-o cutie”: lățimea paginii; cu o singură cutie, textul la stânga și cutia la dreapta ---------- */
:is(.pm-landing,.cuplu-creator,.bunici-creator) .pic{--pic-lat:1200px;padding:56px 0 28px}
@media(max-width:699px){:is(.pm-landing,.cuplu-creator,.bunici-creator) .pic__in{width:calc(100% - 40px)}}
:is(.pm-landing,.cuplu-creator,.bunici-creator) .pic__sus{margin-bottom:14px;font-size:10px;font-weight:650;letter-spacing:.13em;color:var(--cf-zmeura-2)}
:is(.pm-landing,.cuplu-creator,.bunici-creator) .pic h2{font:760 clamp(34px,3.5vw,50px)/1.05 var(--font-display);letter-spacing:-.035em;color:var(--cf-cerneala)}
@media(min-width:860px){
  :is(.pm-landing,.cuplu-creator,.bunici-creator) .pic__in:has(.pic__lista>li:only-child){display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0 60px;align-items:center}
  :is(.pm-landing,.cuplu-creator,.bunici-creator) .pic__in:has(.pic__lista>li:only-child) .pic__cap{margin:0}
  :is(.pm-landing,.cuplu-creator,.bunici-creator) .pic__lista:has(>li:only-child){grid-template-columns:minmax(0,1fr)}
  :is(.pm-landing,.cuplu-creator,.bunici-creator) .pic__lista:has(>li:only-child) .pic__card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:none}
  :is(.pm-landing,.cuplu-creator,.bunici-creator) .pic__lista:has(>li:only-child) .pic__media{aspect-ratio:auto;min-height:240px}
  :is(.pm-landing,.cuplu-creator,.bunici-creator) .pic__lista:has(>li:only-child) .pic__corp{justify-content:center;padding:22px 24px}
}

@media(max-width:899px){
  .pm-landing .pm :is(.pm-formate,.pm-process,.pm-intrebari),:is(.cuplu-creator,.bunici-creator) .pn :is(.pn-formats,.pn-process,.pn-faq){padding:40px 0}
  .pm-landing .pm .pm-atelier,:is(.cuplu-creator,.bunici-creator) .pn .pn-atelier{padding-top:84px}
}
@media(max-width:699px){
  .pm-landing .pm .pm-hero,:is(.cuplu-creator,.bunici-creator) .pn .pn-hero{padding-bottom:74px}
  .cf-pentru{margin:-4px 0 16px}
  .cf-oferte{gap:10px 20px;margin-bottom:22px}
  .cf-oferta{gap:7px}
  .cf-oferta+.cf-oferta{padding-left:20px}
  .cf-oferta span{font-size:12px}
  .cf-oferta b{font-size:21px}
  /* butonul pe toată lățimea, garanția centrată sub el, apoi „Răsfoiește” (ca la Cartea de Crăciun) */
  .pm-landing .pm .pm-cta,:is(.cuplu-creator,.bunici-creator) .pn .pn-hero-action{flex-direction:column;align-items:stretch;gap:12px}
  .pm-landing .pm .pm-cta .pm-btn,:is(.cuplu-creator,.bunici-creator) .pn .pn-hero-action .pn-btn{width:100%;box-sizing:border-box}
  .pm-landing .pm .pm-cta .cf-garantie,:is(.cuplu-creator,.bunici-creator) .pn .pn-hero-action .cf-garantie{order:2;justify-content:center}
  .pm-landing .pm .pm-cta .pm-link{order:3;align-self:center}
  .pm-landing .pm .pm-reader,:is(.cuplu-creator,.bunici-creator) .pn .pn-reader{padding-top:62px}
  .pm-landing .pm .pm-format-story,:is(.cuplu-creator,.bunici-creator) .pn .pn-format{padding:20px 20px 22px 12px}
  .pm-landing .pm .pm-privacy,:is(.cuplu-creator,.bunici-creator) .pn .pn-trust{padding:22px}
  .pm-landing .pm .pm-final,:is(.cuplu-creator,.bunici-creator) .pn .pn-final{padding:36px 0 56px}
  :is(.pm-landing,.cuplu-creator,.bunici-creator) .pic{padding:40px 0 20px}
}
@media(max-width:359px){.cf-oferte{gap:8px 12px}.cf-oferta+.cf-oferta{padding-left:12px}.cf-oferta{gap:5px}.cf-oferta b{font-size:19px}}