/* 24.10.2026, Adrian („mai sunt pagini care nu au fost actualizate în întregime … să ne asigurăm că toate sunt aduse la forma finisată”):
   Povestea noastră (+ tipărită), Vocea de acasă, Azi vorbim despre tine și Cardul cadou primesc forma ghidurilor în pași (carti-pasi.css):
   scena comună cu eroul, cercurile aurii, cutia pe hârtia biletului, undele, titlul și pașii în coloana din stânga. Structura o face
   scena-formular.js; aici doar aspectul și regulile vecinilor (secțiunea de după scenă rămâne pe hârtie, cu troianul ei). */

/* ---------- scena ---------- */
.sf-scena{position:relative;isolation:isolate;overflow:hidden}
.sf-scena>.sf-scena__erou{background:none!important;margin-bottom:0!important;padding-bottom:34px!important}
.sf-scena>.sf-scena__erou::after{display:none!important}
/* cerul desenat al eroului (Vocea de acasă, Azi vorbim) acoperă toată scena: eroul nu mai e poziționat, deci .…__fundal se întinde pe scenă */
.sf-scena--fundal>.sf-scena__erou{position:static!important;isolation:auto!important;overflow:visible!important}
.sf-scena>.sf-scena__atelier{background:none!important;margin-top:0!important;-webkit-mask:none!important;mask:none!important;padding-top:8px!important;border-top:0!important;color:inherit}
.sf-scena>.sf-scena__atelier::before{display:none!important}
.sf-scena .vc-atelier__ecou,.sf-scena .pd-atelier__ecou,.sf-scena .pn-echo,.sf-scena .pn-atelier-echo{display:none!important}
/* filmul din eroul Poveștii noastre se topește în scenă, fără margine */
.sf-scena :is(.pn-film,.pn-atmosphere){-webkit-mask:linear-gradient(to top,transparent 0,#000 30%);mask:linear-gradient(to top,transparent 0,#000 30%)}
@media (min-width:900px){
  .sf-scena>.sf-scena__atelier{padding-top:24px!important}
  .sf-scena>.sf-scena__atelier :is(.vc-atelier__wrap,.pd-atelier__wrap,.pn-wrap,.pc-wrap){width:min(var(--sf-lat,1240px),calc(100% - 64px))!important;max-width:none!important}
}
/* cercurile aurii */
.sf-scena .sf-ecouri{position:absolute;top:var(--sf-ec-top,340px);right:-230px;z-index:-1;width:680px;aspect-ratio:1;pointer-events:none;transform:translateY(-50%)}
.sf-scena .sf-ecouri i{position:absolute;inset:0;display:block;border:1px solid rgba(230,183,100,.38);border-radius:50%;box-shadow:inset 0 0 32px rgba(230,183,100,.08),0 0 28px rgba(230,183,100,.08);animation:sf-ecou 9s ease-in-out infinite}
.sf-scena .sf-ecouri i:nth-child(2){inset:13%;border-color:rgba(255,243,227,.3);animation-delay:-3s}
.sf-scena .sf-ecouri i:nth-child(3){inset:26%;border-color:rgba(245,170,190,.32);animation-delay:-6s}
@keyframes sf-ecou{0%,100%{transform:scale(.97);opacity:.5}50%{transform:scale(1.04);opacity:1}}
@media (max-width:899px){.sf-scena .sf-ecouri{top:var(--sf-ec-top,330px);right:-270px;width:560px}}
/* peste cerul desenat al eroului (care stă și el sub conținut), dar tot sub text și sub cutie */
.sf-scena--fundal .sf-ecouri{z-index:0}
@media (prefers-reduced-motion:reduce){.sf-scena .sf-ecouri i{animation:none}}

/* ---------- cutia, pe hârtia biletului ---------- */
.sf-cutie{position:relative;isolation:isolate;border-radius:26px;color:#1E1A20;box-shadow:0 30px 70px -30px rgba(40,0,10,.65)!important;
  background: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 -40px bottom -40px/190px 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%)!important}
.sf-cutie::after{content:"";position:absolute;inset:9px;z-index:-1;border-radius:18px;pointer-events:none;box-shadow:-1px -1px 0 rgba(150,112,70,.2),inset 1px 1px 0 rgba(255,255,255,.95),inset -1px -1px 0 rgba(150,112,70,.18),1px 1px 0 rgba(255,255,255,.95)}
/* barele lipite jos se topesc în hârtie */
.sf-cutie :is(.vc-bara,.pd-bara,.cp-bara){background:linear-gradient(to top,rgba(245,234,217,.97) 55%,rgba(245,234,217,0))!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
/* undele */
.sf-cutie .sf-unde{position:absolute;inset:0;z-index:-1;pointer-events:none;transition:opacity 1.2s ease}
.sf-cutie .sf-unde i{position:absolute;inset:0;border:2px solid rgba(240,196,112,.8);box-shadow:0 0 14px rgba(240,196,112,.25);border-radius:28px;opacity:0;animation:sf-unda 4.2s cubic-bezier(.2,.6,.3,1) infinite}
.sf-cutie .sf-unde i:nth-child(2){animation-delay:1.4s}
.sf-cutie .sf-unde i:nth-child(3){animation-delay:2.8s}
@keyframes sf-unda{0%{inset:-2px;opacity:0;border-radius:26px}15%{opacity:.85}100%{inset:-46px;opacity:0;border-radius:58px}}
@media (max-width:899px){@keyframes sf-unda{0%{inset:-2px;opacity:0;border-radius:22px}15%{opacity:.8}100%{inset:-16px;opacity:0;border-radius:34px}}}
.sf-cutie.is-atins .sf-unde{opacity:0}
@media (prefers-reduced-motion:reduce){.sf-cutie .sf-unde{display:none}}

/* sigla care se umple (Povestea noastră; Vocea și Azi vorbim o au pe a lor) */
.sf-cutie .sf-hooo{flex:none;width:82px;height:auto;overflow:visible}
.sf-cutie .sf-hooo .cn-hooo__h{fill:none;stroke:#1E1A20;stroke-width:13;stroke-linecap:round;stroke-linejoin:round}
.sf-cutie .sf-hooo .cn-o__pista{fill:#FFF1F4}
.sf-cutie .sf-hooo .cn-o__apa{fill:#EE5B78;animation:sf-val 2.6s linear infinite}
.sf-cutie .sf-hooo .cn-o__inel{fill:none;stroke:#E7D4DA;stroke-width:13;transition:stroke .5s}
.sf-cutie .sf-hooo .cn-o.is-plin .cn-o__inel{stroke:#C92A48}
.sf-cutie .sf-hooo .cn-o.is-plin .cn-o__apa{fill:#C92A48}
.sf-cutie .sf-hooo .cn-o__nivel{transition:transform 1s cubic-bezier(.34,1.56,.5,1)}
.sf-cutie .sf-hooo .cn-o--1 .cn-o__nivel{transform:translate(96px,calc(134.5px - var(--f1,0) * 78px))}
.sf-cutie .sf-hooo .cn-o--2 .cn-o__nivel{transform:translate(208px,calc(134.5px - var(--f2,0) * 54px))}
.sf-cutie .sf-hooo .cn-o--3 .cn-o__nivel{transform:translate(300px,calc(134.5px - var(--f3,0) * 30px))}
@keyframes sf-val{to{transform:translateX(-40px)}}
@media (prefers-reduced-motion:reduce){.sf-cutie .sf-hooo .cn-o__apa{animation:none}}

/* ---------- coloana din stânga: titlul secțiunii (fără eticheta de deasupra) + pașii ---------- */
.sf-doua .sf-stanga__cap{margin:0 0 16px!important;padding:0!important;max-width:none!important;text-align:left!important;background:none!important;color:#1E1A20!important;position:static!important}
.sf-doua .sf-stanga__cap :is(.vc-eticheta,.pd-eticheta,.pn-eyebrow,.pc-eticheta){display:none!important}
.sf-doua .sf-stanga__cap h2{margin:0!important;max-width:none!important;font:800 25px/1.1 var(--font-display)!important;letter-spacing:-.02em!important;color:#1E1A20!important;text-align:left!important;text-wrap:balance}
.sf-doua .sf-stanga__cap h2 em{font-style:normal!important;color:#C92A48!important}
.sf-doua .sf-stanga__cap h2 br{display:none}
.sf-doua .sf-stanga__cap>p:not(.vc-eticheta):not(.pd-eticheta):not(.pn-eyebrow):not(.pc-eticheta){margin:6px 0 0!important;max-width:none!important;font-size:13.5px!important;line-height:1.5!important;color:#736B79!important;text-align:left!important}
/* punctele cardului */
.sf-doua .sf-stanga__cap .pc-comanda__puncte{display:grid!important;justify-content:start!important;justify-items:start;gap:7px!important;margin:14px 0 0!important;text-align:left}
.sf-doua .sf-stanga__cap .pc-comanda__puncte li{font-size:13.5px!important;color:#4A444D!important}
.sf-doua .sf-stanga__cap .pc-comanda__puncte li::before{color:#C92A48!important}
/* previzualizările ies, ca la celelalte formulare */
.sf-doua>aside{display:none!important}
/* Povestea noastră: sigla + „Pasul 1 din 4 / Voi doi” */
.sf-doua .sf-stanga .cp-progres{display:flex;align-items:center;gap:12px;margin:0 0 14px!important;padding:0!important;border:0!important}
.sf-doua .sf-stanga .cp-progres__t{display:block!important;margin:0!important;font-size:13px!important;line-height:1.3;color:#736B79!important}
.sf-doua .sf-stanga .cp-progres__t span{display:block}
.sf-doua .sf-stanga .cp-progres__t b{display:block;font:720 15px/1.2 var(--font-display)!important;color:#1E1A20!important}
.sf-doua .sf-stanga .cp-progres__bara{display:none!important}
/* cardul: caseta formularului nu mai e o cutie în cutie */
.sf-doua>.pc-comanda__caseta{width:auto!important;max-width:none!important;padding:0 0 0 var(--sf-st-pad,0px)!important;border-radius:0!important;background:none!important;box-shadow:none!important}
.sf-cutie.pc-comanda__grila{display:block!important;box-sizing:border-box;padding:22px 18px 18px!important}
.sf-cutie.vc-ghid .sf-stanga,.sf-cutie.pd-ghid .sf-stanga{margin-bottom:4px}

@media (max-width:1023px){
  .sf-cutie.cp-ghid{display:block!important;padding:22px 18px 6px!important}
  .sf-doua .sf-stanga{margin:0 0 6px}
}
@media (min-width:1024px){
  .sf-cutie.sf-doua{display:grid!important;grid-template-columns:300px minmax(0,1fr)!important;column-gap:0!important;row-gap:0!important;align-items:start!important;justify-items:stretch!important;
    box-sizing:border-box;width:100%!important;max-width:1240px!important;min-height:0!important;margin:0 auto!important;padding:40px 44px 26px!important;border-radius:30px}
  .sf-doua>.sf-stanga{grid-column:1;grid-row:1 / span 2;position:sticky;top:110px;align-self:start;padding:6px 40px 20px 0}
  .sf-doua{--sf-st-pad:44px}
  .sf-doua>:not(.sf-stanga):not(.sf-unde):not(noscript):not(aside){grid-column:2;min-width:0;padding-left:44px;border-left:2px dashed rgba(150,112,70,.28)}
  .sf-doua>:is(.vc-bara,.pd-bara){position:sticky;bottom:0;margin:0!important;padding:16px 0 4px 44px!important;border-radius:0!important}
  .sf-doua .sf-stanga__cap{margin-bottom:26px!important}
  .sf-doua .sf-stanga__cap h2{font-size:32px!important}
  .sf-doua .sf-stanga__cap>p:not(.vc-eticheta):not(.pd-eticheta):not(.pn-eyebrow):not(.pc-eticheta){margin-top:10px!important;font-size:14.5px!important}
  .sf-doua .sf-stanga__cap .pc-comanda__puncte li{font-size:14.5px!important}
  /* pașii, unul sub altul: sigla deasupra, pastilele numerotate pe toată lățimea */
  .sf-doua .sf-stanga :is(.vc-progres,.pd-progres,.cp-progres){flex-direction:column;align-items:flex-start;gap:18px;margin:0!important}
  .sf-doua .sf-stanga :is(.vc-progres,.pd-progres,.cp-progres)>svg{position:static;width:124px;height:auto}
  .sf-doua .sf-stanga .cp-progres__t{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .sf-doua .sf-stanga :is(.vc-progres__bara,.pd-progres__bara,.cp-progres__bara){display:flex!important;flex-direction:column;flex-wrap:nowrap;gap:6px;width:100%;margin:0;padding:0;list-style:none}
  .sf-doua .sf-stanga :is(.vc-progres__bara,.pd-progres__bara,.cp-progres__bara) li{flex:none;display:flex;flex-direction:row;align-items:center;gap:8px;width:100%;box-sizing:border-box;padding:7px 14px 7px 7px;border-radius:999px;font-size:14px;font-weight:650;line-height:1;color:#736B79;background:rgba(255,255,255,.45);transition:background .3s,color .3s}
  .sf-doua .sf-stanga :is(.vc-progres__bara,.pd-progres__bara,.cp-progres__bara) li i{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:#F3EEF0;font-style:normal;font-size:12px;font-weight:750;color:#4A444D;transition:background .3s,color .3s}
  .sf-doua .sf-stanga :is(.vc-progres__bara,.pd-progres__bara,.cp-progres__bara) li span{display:block!important;margin:0!important;font-size:14px!important;font-weight:650;color:inherit;white-space:nowrap;overflow:visible}
  .sf-doua .sf-stanga :is(.vc-progres__bara,.pd-progres__bara,.cp-progres__bara) li.is-acum{background:#FFF1F4;color:#1E1A20}
  .sf-doua .sf-stanga :is(.vc-progres__bara,.pd-progres__bara,.cp-progres__bara) li.is-acum i{background:#C92A48;color:#fff}
  .sf-doua .sf-stanga :is(.vc-progres__bara,.pd-progres__bara,.cp-progres__bara) li.is-gata i{background:#1E1A20;color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4L18.5 8' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:15px;background-position:center;background-repeat:no-repeat}
}

/* „← Înapoi”: săgeata desenată, centrată pe text; la Povestea noastră, pe ecranele late, pastila întreagă ca în celelalte formulare */
.sf-cutie [class*="btn--inapoi"]{align-items:center}
.sf-cutie .sf-sageata{display:inline-grid;place-items:center;line-height:1}
.sf-cutie .sf-sageata svg{display:block;width:1.05em;height:1.05em}
@media (min-width:601px){
  .sf-cutie .cp-bara .cp-btn--inapoi{flex:none;display:inline-flex;gap:8px;min-width:0;padding:0 22px!important;border-radius:999px!important;font-size:15px!important;font-weight:650;white-space:nowrap;
    background:#fff!important;color:#1E1A20!important;box-shadow:inset 0 0 0 1.5px #D8CCD2!important}
}
/* cardul: butonul de coș ca „Comandă” din ghidurile în pași (degradeul zmeuriu, puls, lumina care trece); cât lipsește valoarea, stins */
.sf-cutie .single_add_to_cart_button{position:relative;overflow:hidden;isolation:isolate;width:100%;min-height:62px!important;padding:0 28px!important;border:0!important;border-radius:999px!important;
  font:800 18px/1.15 var(--font-display)!important;letter-spacing:-.01em;color:#fff!important;opacity:1!important;cursor:pointer;
  background:linear-gradient(180deg,#E8486A,#C92A48 55%,#A81F3C)!important;
  box-shadow:0 18px 36px -16px rgba(201,42,72,.95),inset 0 1px 0 rgba(255,255,255,.3)!important;animation:sf-cta-puls 2.6s ease-in-out infinite}
.sf-cutie .single_add_to_cart_button::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.38) 50%,transparent 70%);transform:translateX(-130%);animation:sf-cta-lumina 2.6s ease-in-out infinite}
.sf-cutie .single_add_to_cart_button:hover{background:linear-gradient(180deg,#EC5374,#C92A48 50%,#9D1C38)!important}
.sf-cutie .single_add_to_cart_button:is(.disabled,:disabled){opacity:.45!important;animation:none;box-shadow:none!important;cursor:not-allowed}
.sf-cutie .single_add_to_cart_button:is(.disabled,:disabled)::before{animation:none}
@keyframes sf-cta-puls{
  0%,100%{transform:scale(1);box-shadow:0 18px 36px -16px rgba(201,42,72,.95),0 0 0 0 rgba(232,72,106,.5),inset 0 1px 0 rgba(255,255,255,.3)}
  50%{transform:scale(1.015);box-shadow:0 18px 36px -16px rgba(201,42,72,.95),0 0 0 12px rgba(232,72,106,0),inset 0 1px 0 rgba(255,255,255,.3)}}
@keyframes sf-cta-lumina{0%,45%{transform:translateX(-130%)}75%,100%{transform:translateX(130%)}}
@media (prefers-reduced-motion:reduce){.sf-cutie .single_add_to_cart_button,.sf-cutie .single_add_to_cart_button::before{animation:none}}

/* ---------- vecinii: secțiunea de după scenă rămâne pe hârtie, cu troianul ei (ca după .vc-atelier / .pc-comanda) ---------- */
.hp:is(.pd,.vc) .sf-scena+section{position:relative;z-index:2;margin-top:-46px;
  -webkit-mask:var(--hp-troian) 0 0/100% 48px no-repeat,linear-gradient(#000,#000) 0 46px/100% calc(100% - 46px) no-repeat;
  mask:var(--hp-troian) 0 0/100% 48px no-repeat,linear-gradient(#000,#000) 0 46px/100% calc(100% - 46px) no-repeat}
.hp:is(.pd,.vc) .sf-scena~section{padding:clamp(48px,5.4vw,72px) 0;background:var(--hp-hartie);color:var(--pc-ink,#1E1A20)}
.hp:is(.pd,.vc) .sf-scena+section{padding-top:calc(46px + clamp(52px,5.4vw,72px))}
.hp:is(.pd,.vc) .sf-scena~section :is(.pd-sect-cap,.vc-sect-cap) h2{color:var(--pc-ink,#1E1A20)}
.hp:is(.pd,.vc) .sf-scena~section :is(.pd-sect-cap,.vc-sect-cap) h2 em{color:var(--pc-zmeura,#C92A48)}
.hp:is(.pd,.vc) .sf-scena~section :is(.pd-eticheta,.vc-eticheta){color:var(--pc-zmeura,#C92A48)}
.hp:is(.pd,.vc) .sf-scena~section :is(.pd-sect-cap,.vc-sect-cap)>p:not(.pd-eticheta):not(.vc-eticheta){color:var(--pc-muted,#6E665F)}
.hp:is(.pd,.vc) .sf-scena>.sf-scena__atelier{padding-bottom:110px!important}
.cadou.pfin.lcom .sf-scena+section{position:relative;z-index:2;margin-top:-46px;padding-top:clamp(84px,8vw,104px);
  -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}
.cadou.pfin.lcom .sf-scena~section{padding:clamp(36px,4vw,56px) 0;background:var(--cf-hartie);color:var(--cf-cerneala);border-top:0}
.cadou.pfin.lcom .sf-scena+section{padding-top:clamp(84px,8vw,104px)}
.cadou.pfin.lcom .sf-scena~section h2{color:var(--cf-cerneala)}
.cadou.pfin.lcom .sf-scena~section h2 em{color:var(--cf-zmeura)}
.cadou.pfin.lcom .sf-scena~section .pc-eticheta{color:var(--cf-zmeura-2)}
.cadou.pfin.lcom .sf-scena~section .pc-cap>p:not(.pc-eticheta){color:var(--cf-gri)}
.cadou.pfin.lcom .sf-scena>.sf-scena__atelier{padding-bottom:clamp(84px,7vw,110px)!important}
@media (max-width:899px){
  .hp:is(.pd,.vc) .sf-scena~section{padding:40px 0}
  .hp:is(.pd,.vc) .sf-scena+section{padding-top:86px}
  .hp:is(.pd,.vc) .sf-scena>.sf-scena__atelier{padding-bottom:88px!important}
}
@media (max-width:699px){
  .cadou.pfin.lcom .sf-scena+section{padding-top:76px}
}