/*
 * „Azi vorbim despre tine” (#307): pagina produsului ca emisiune de radio (7 octombrie 2026; inc/produs-podcast.php,
 * template-parts/produs/podcast.php, assets/podcast.js). Limbajul „Cântecului tău”: scena de noapte, zmeuriul, titluri mari în
 * Bricolage Grotesque cu o singură frază zmeurie, carduri rotunjite, butoane-pastilă, ecoul celor trei o din siglă. Fișier de sine
 * stătător (prefixul pd-), ca schimbările de la cântec să nu atingă pagina asta.
 *
 * Întâi telefonul (390 px): fiecare pas pe un ecran, cu bara „Înapoi / Continuă” lipită jos (position: sticky). Niciun strămoș
 * al barei nu are overflow în afară de visible: decorurile se taie în straturile lor (.pd-erou__fundal, .pd-atelier__ecou).
 * Culorile: zmeuriu #C92A48 · cerneală #1E1A20 · roz pal #FBEEF1 · brad #1F5B4A · aur #F3DDAA · cremă #FFF3E3.
 */
body.podcast-creator{background:#FBF6EF}
body.podcast-creator main.shop{max-width:none;padding:0}
.hp.pd{
  --pd-zm:#C92A48;--pd-zm-d:#A81F3B;--pd-zm-l:#EE5B78;--pd-zm-ll:#F59AAD;--pd-zm-pal:#FFF1F4;
  --pd-ink:#1E1A20;--pd-ink-2:#4A444D;--pd-ink-3:#736B79;
  --pd-blush:#FBEEF1;--pd-pin:#1F5B4A;--pd-aur:#F3DDAA;--pd-aur-2:#E3B563;--pd-crem:#FFF3E3;--pd-hartie:#FFFDFB;--pd-hartie-2:#FBF6EF;
  --pd-linie:#EAE2E6;--pd-linie-2:#F3EEF0;--pd-noapte:#171219;--pd-rosu:#FF3B4E;
  --pd-ease:cubic-bezier(.2,.8,.2,1);--pd-arc:cubic-bezier(.34,1.56,.5,1);--pd-anunt:34px;
  display:block;margin:0;color:var(--pd-ink);font-family:var(--font-body)
}
@media (max-width:650px){.hp.pd{--pd-anunt:28px}}
.pd [hidden]{display:none!important}
.pd .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pd h1,.pd h2,.pd h3,.pd h4{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin:0}
.pd :focus-visible{outline:3px solid var(--pd-zm);outline-offset:2px;border-radius:8px}
.pd-wrap{width:min(1240px,calc(100% - 28px));margin-inline:auto}

/* ---------- elemente comune ---------- */
.pd-eticheta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0 0 12px;font:650 11px/1.3 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:#F6B3C1}
.pd-linie{flex:none;width:30px;height:1px;background:currentColor;opacity:.75}
.pd-eticheta--aur{color:var(--pd-aur)}
.pd-eticheta--zm{color:var(--pd-zm-d)}
.pd-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border:0;border-radius:999px;font:650 15.5px/1.15 var(--font-body);text-decoration:none;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s,transform .2s var(--pd-ease),opacity .2s;-webkit-tap-highlight-color:transparent}
.pd-btn:disabled{opacity:.45;cursor:not-allowed}
.pd-btn:not(:disabled):active{transform:scale(.97)}
.pd-btn--zmeura{background:var(--pd-zm);color:#fff;box-shadow:0 14px 30px -14px rgba(201,42,72,.95)}
@media (hover:hover){.pd-btn--zmeura:not(:disabled):hover{background:var(--pd-zm-d);color:#fff}}
.pd-btn--linie{background:#fff;color:var(--pd-ink);box-shadow:inset 0 0 0 1.5px #D8CCD2}
.pd-bifa{position:absolute;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--pd-zm);color:#fff;box-shadow:0 4px 10px -3px rgba(0,0,0,.4);transform:scale(0);transition:transform .4s var(--pd-arc)}
.pd-bifa svg{width:14px;height:14px}
.pd-eroare{display:block;margin:8px 0 0;font-size:13.5px;line-height:1.4;font-weight:600;color:#B42318}
.pd-eroare::before{content:"! ";font-weight:800}
.pd-subiect input,.pd-ton input,.pd-pachet input,.pd-cip input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}

/* semnul „ON AIR”: o lampă roșie care se aprinde când vorbesc */
.pd-onair{display:inline-flex;align-items:center;gap:7px;padding:5px 10px 5px 8px;border-radius:7px;border:1.5px solid rgba(255,59,78,.55);background:rgba(255,59,78,.08);font:800 11px/1 var(--font-display);letter-spacing:.18em;color:#FF8A95;text-shadow:0 0 12px rgba(255,59,78,.7);box-shadow:0 0 0 0 rgba(255,59,78,0),inset 0 0 14px rgba(255,59,78,.12)}
.pd-onair__bec{width:8px;height:8px;border-radius:50%;background:var(--pd-rosu);box-shadow:0 0 10px 2px rgba(255,59,78,.8);animation:pd-bec 1.6s ease-in-out infinite}
.pd-onair--mic{padding:3px 7px 3px 6px;font-size:10px;letter-spacing:.16em;margin-right:2px}
@keyframes pd-bec{0%,100%{opacity:1}50%{opacity:.35}}

/* unda: bare care se mișcă (la vorbit) */
.pd-unda{display:flex;align-items:center;gap:3px}
.pd-unda i{display:block;width:3px;height:100%;border-radius:3px;background:currentColor;transform:scaleY(.18);transform-origin:50% 50%;animation:pd-unda 1.15s ease-in-out infinite;animation-delay:calc(var(--i) * -97ms)}
.pd-unda i:nth-child(3n){animation-duration:.85s}
.pd-unda i:nth-child(4n+1){animation-duration:1.35s}
.pd-unda i:nth-child(5n+2){animation-duration:.7s}
@keyframes pd-unda{0%,100%{transform:scaleY(.16)}50%{transform:scaleY(1)}}

/* ---------- 1. scena de sus ---------- */
.pd-erou{position:relative;isolation:isolate;padding:26px 0 40px;background:var(--pd-noapte);color:var(--pd-crem)}
.pd-erou__fundal{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.pd-erou__lumina{position:absolute;top:-30%;right:-30%;width:min(900px,130vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(201,42,72,.42),rgba(201,42,72,0));animation:pd-respira 7s ease-in-out infinite}
.pd-erou__lumina--2{top:auto;right:auto;bottom:-45%;left:-35%;width:min(700px,110vw);background:radial-gradient(closest-side,rgba(122,63,192,.28),rgba(122,63,192,0));animation-delay:-3s}
.pd-erou__ecou{position:absolute;right:-120px;bottom:-60px;width:min(760px,130vw);aspect-ratio:248/96;opacity:.6;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='105 52 248 96'%3E%3Cg fill='none' stroke='%23FFF3E3' stroke-width='3'%3E%3Ccircle cx='153' cy='100' r='43.5' stroke-opacity='.08'/%3E%3Ccircle cx='253' cy='112' r='31.5' stroke-opacity='.07'/%3E%3Ccircle cx='329' cy='124' r='19.5' stroke-opacity='.06'/%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain}
@keyframes pd-respira{0%,100%{transform:scale(.92);opacity:.8}50%{transform:scale(1.05);opacity:1}}
.pd-erou__grila{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;align-items:center}
.pd-erou__text{display:grid;justify-items:start;gap:14px;min-width:0}
.pd-erou .pd-eticheta{margin:0}
.pd-titlu{margin:0;font-size:clamp(40px,11.4vw,92px);font-weight:800;line-height:.98;letter-spacing:-.045em;color:var(--pd-crem);text-shadow:0 2px 30px rgba(0,0,0,.3)}
.pd-titlu__nume{display:inline-block;font-style:normal;color:var(--pd-zm-l);white-space:nowrap}
.pd-titlu__nume{position:relative}
.pd-titlu__nume::after{content:"";position:absolute;right:-.1em;bottom:.1em;width:.06em;height:.82em;background:currentColor;opacity:0}
.pd-titlu__nume.is-scrie::after{opacity:1;animation:pd-cursor .8s steps(1) infinite}
@keyframes pd-cursor{50%{opacity:0}}
.pd-erou__sub{margin:0;max-width:34em;font-size:15.5px;line-height:1.55;color:rgba(255,243,227,.84)}
.pd-dovezi{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.pd-dovezi li{display:flex;align-items:center;gap:6px;min-height:30px;padding:5px 11px;border-radius:999px;background:rgba(255,243,227,.08);box-shadow:inset 0 0 0 1px rgba(255,243,227,.16);font-size:12.5px;font-weight:650;line-height:1.15;color:var(--pd-crem)}
.pd-dovezi svg{flex:none;width:15px;height:15px;color:var(--pd-zm-l)}
.pd-erou__actiune{display:grid;justify-items:start;gap:10px;width:100%;margin-top:8px;padding:6px 0}
.pd-cta{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:62px;padding:0 30px;border-radius:999px;background:linear-gradient(180deg,#DC3858 0%,var(--pd-zm) 52%,var(--pd-zm-d) 100%);color:#fff;font:760 18.5px/1 var(--font-display);letter-spacing:-.01em;text-decoration:none;box-shadow:0 20px 44px -16px rgba(201,42,72,.95),inset 0 1px 0 rgba(255,255,255,.22);transition:transform .35s var(--pd-ease),box-shadow .3s;-webkit-tap-highlight-color:transparent}
.pd-cta::before{content:"";position:absolute;inset:-14px -18px;z-index:-1;border-radius:inherit;background:radial-gradient(closest-side,rgba(238,91,118,.6),rgba(238,91,118,0));animation:pd-cta-puls 2.6s ease-in-out infinite}
.pd-cta::after{content:"";position:absolute;inset:0;border-radius:inherit;animation:pd-cta-inel 2.6s ease-out infinite;pointer-events:none}
@keyframes pd-cta-puls{0%,100%{opacity:.5;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}
@keyframes pd-cta-inel{0%{box-shadow:0 0 0 0 rgba(238,91,118,.55)}70%,100%{box-shadow:0 0 0 18px rgba(238,91,118,0)}}
.pd-cta:hover,.pd-cta:focus-visible{color:#fff}
.pd-cta:focus-visible{outline:3px solid var(--pd-crem);outline-offset:4px}
.pd-cta:active{transform:scale(.97)}
.pd-cta__sageata{display:inline-block;font-size:1.12em}
@media (hover:hover){.pd-cta:hover .pd-cta__sageata{animation:pd-sageata .9s var(--pd-ease) infinite}}
@keyframes pd-sageata{0%,100%{transform:translateY(-1px)}50%{transform:translateY(6px)}}
.pd-erou__pret{margin:0;padding-left:8px;font-size:13.5px;font-weight:650;color:rgba(255,243,227,.8)}

/* masa de studio: coperțile în spate, panoul de sticlă cu „ON AIR”, cei doi prezentatori, unda, replica și playerul */
.pd-erou__vizual{position:relative;justify-self:center;width:min(420px,100%);padding:42px 0 6px}
.pd-coperte{position:absolute;inset:0 0 auto;height:210px;pointer-events:none}
.pd-coperte__img{position:absolute;top:0;width:150px;height:150px;border-radius:14px;object-fit:cover;box-shadow:0 26px 50px -20px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08)}
.pd-coperte__img--1{left:50%;z-index:2;transform:translateX(-50%) rotate(-3deg);animation:pd-pluteste 6s ease-in-out infinite}
.pd-coperte__img--2{left:6%;top:24px;z-index:1;width:118px;height:118px;transform:rotate(-12deg);opacity:.7;filter:saturate(.8)}
.pd-coperte__img--3{right:6%;top:30px;z-index:1;width:118px;height:118px;transform:rotate(11deg);opacity:.7;filter:saturate(.8)}
@keyframes pd-pluteste{0%,100%{transform:translateX(-50%) rotate(-3deg) translateY(0)}50%{transform:translateX(-50%) rotate(-1deg) translateY(-7px)}}
.pd-masa{position:relative;z-index:3;margin-top:116px;padding:14px 14px 12px;border-radius:24px;background:linear-gradient(160deg,rgba(255,243,227,.11),rgba(255,243,227,.04));box-shadow:inset 0 0 0 1px rgba(255,243,227,.16),0 40px 80px -40px rgba(0,0,0,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.pd-masa__sus{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
.pd-masa__ora{font:700 10px/1 var(--font-body);letter-spacing:.14em;color:rgba(255,243,227,.5)}
.pd-gazde{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}
.pd-gazda{display:grid;justify-items:center;gap:5px;margin:0}
.pd-gazda__cerc{position:relative;display:block;width:68px;height:68px;border-radius:50%;box-shadow:0 0 0 3px rgba(255,243,227,.14);transition:box-shadow .35s,transform .35s var(--pd-arc)}
.pd-gazda__cerc::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--pd-zm-l);opacity:0}
.pd-avatar__svg{display:block;width:100%;height:100%;border-radius:50%}
.pd-gazda figcaption{font:700 12px/1 var(--font-display);letter-spacing:.02em;color:rgba(255,243,227,.78)}
.pd-gazda.is-vorbeste .pd-gazda__cerc{box-shadow:0 0 0 3px var(--pd-zm-l),0 0 30px -4px rgba(238,91,118,.8);transform:scale(1.05)}
.pd-gazda.is-vorbeste .pd-gazda__cerc::after{animation:pd-unda-cerc 1.4s ease-out infinite}
.pd-gazda.is-vorbeste figcaption{color:#fff}
@keyframes pd-unda-cerc{from{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}
.pd-unda--masa{height:48px;justify-content:center;color:var(--pd-zm-l);filter:drop-shadow(0 0 8px rgba(238,91,118,.45))}
.pd-unda--masa i{width:3px}
.pd-masa.is-tudor .pd-unda--masa{color:#8FD3B6;filter:drop-shadow(0 0 8px rgba(143,211,182,.4))}
.pd-replica{min-height:64px;margin:12px 2px 10px;font-size:14.5px;line-height:1.45;color:rgba(255,243,227,.92);transition:opacity .35s}
.pd-replica b{display:block;margin-bottom:2px;font:750 11px/1.2 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--pd-zm-ll)}
.pd-masa.is-tudor .pd-replica b{color:#8FD3B6}
.pd-replica.is-schimba{opacity:0}
.pd-player{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px 8px 8px;border-radius:16px;background:rgba(10,6,12,.45);box-shadow:inset 0 0 0 1px rgba(255,243,227,.1)}
.pd-player__coperta{width:44px;height:44px;border-radius:9px;object-fit:cover}
.pd-player__info{min-width:0}
.pd-player__t{margin:0 0 6px;overflow:hidden;font:700 13px/1.2 var(--font-display);white-space:nowrap;text-overflow:ellipsis;color:#fff}
.pd-player__bara{display:block;height:4px;border-radius:4px;background:rgba(255,243,227,.18);overflow:hidden}
.pd-player__bara i{display:block;width:100%;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--pd-zm-l),var(--pd-aur));transform:scaleX(var(--pd-p,.18));transform-origin:0 50%;transition:transform .4s linear}
.pd-player__durata{font:700 12px/1 var(--font-body);color:rgba(255,243,227,.7)}
.pd-player__play{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:var(--pd-crem);color:var(--pd-zm);cursor:pointer}
.pd-player__play svg{width:16px;height:16px}
.pd-player__play .pd-ic-pauza,.pd-player__play[aria-pressed="true"] .pd-ic-play{display:none}
.pd-player__play[aria-pressed="true"] .pd-ic-pauza{display:block}
.pd-autocolant{position:absolute;z-index:6;right:-6px;top:88px;display:grid;padding:8px 12px 9px;border-radius:15px;background:var(--pd-crem);color:var(--pd-ink);transform:rotate(7deg);box-shadow:0 16px 30px -12px rgba(0,0,0,.65);animation:pd-legana 5.5s ease-in-out infinite}
.pd-autocolant b{font:800 17px/1 var(--font-display);letter-spacing:-.02em;color:var(--pd-zm)}
.pd-autocolant small{margin-top:2px;font-size:10.5px;font-weight:650;line-height:1.2;color:var(--pd-ink-2)}
@keyframes pd-legana{0%,100%{transform:rotate(7deg) translateY(0)}50%{transform:rotate(4deg) translateY(-6px)}}
.pd-erou__ai{position:relative;margin-top:18px;margin-bottom:0;font-size:10.5px;line-height:1.35;color:rgba(255,243,227,.55)}

/* ---------- 2. ghidul ---------- */
.pd-atelier{position:relative;isolation:isolate;padding:30px 0 34px;color:var(--pd-crem);
  background:radial-gradient(1100px 620px at 12% -14%,rgba(236,92,118,.55),transparent 62%),radial-gradient(1000px 720px at 104% 112%,rgba(122,14,38,.6),transparent 64%),var(--pd-zm)}
.pd-atelier__ecou{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.pd-atelier__ecou::before{content:"";position:absolute;top:18px;right:-90px;width:min(880px,120vw);aspect-ratio:248/96;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='105 52 248 96'%3E%3Cg fill='none' stroke='%23FFF3E3' stroke-width='4'%3E%3Ccircle cx='153' cy='100' r='43.5' stroke-opacity='.2'/%3E%3Ccircle cx='253' cy='112' r='31.5' stroke-opacity='.15'/%3E%3Ccircle cx='329' cy='124' r='19.5' stroke-opacity='.1'/%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain}
.pd-atelier__cap{margin:0 4px 16px}
.pd-atelier__t{font-size:clamp(36px,10vw,68px);font-weight:760;line-height:1;letter-spacing:-.04em;color:var(--pd-crem)}
.pd-atelier__t em{font-style:normal;color:var(--pd-aur)}
.pd-ghid{position:relative;display:flex;flex-direction:column;min-height:calc(100svh - var(--hdr-h) - 12px);padding:14px 16px 0;border-radius:24px;background:var(--pd-hartie);color:var(--pd-ink);box-shadow:0 44px 90px -44px rgba(74,8,24,.85),0 0 0 1px rgba(255,255,255,.35)}
.pd-noscript{margin:0 0 12px;padding:12px 14px;border-radius:12px;background:var(--pd-zm-pal);font-size:15px}

/* progresul: cele trei o din hooo se umplu (--f1, --f2, --f3, din podcast.js) */
.pd-progres{display:flex;align-items:center;gap:12px;margin:0 0 12px}
.pd-hooo{flex:none;width:82px;height:auto;overflow:visible}
.pd-hooo__h{fill:none;stroke:var(--pd-ink);stroke-width:13;stroke-linecap:round;stroke-linejoin:round}
.pd-o__pista{fill:var(--pd-zm-pal)}
.pd-o__apa{fill:var(--pd-zm-l);animation:pd-val 2.6s linear infinite}
.pd-o__inel{fill:none;stroke:#E7D4DA;stroke-width:13;transition:stroke .5s}
.pd-o.is-plin .pd-o__inel{stroke:var(--pd-zm)}
.pd-o.is-plin .pd-o__apa{fill:var(--pd-zm)}
.pd-o__nivel{transition:transform 1s var(--pd-arc)}
.pd-o--1 .pd-o__nivel{transform:translate(96px,calc(134.5px - var(--f1,0) * 78px))}
.pd-o--2 .pd-o__nivel{transform:translate(208px,calc(134.5px - var(--f2,0) * 54px))}
.pd-o--3 .pd-o__nivel{transform:translate(300px,calc(134.5px - var(--f3,0) * 30px))}
@keyframes pd-val{to{transform:translateX(-40px)}}
.pd-progres__t{margin:0;font-size:13px;line-height:1.3;color:var(--pd-ink-3)}
.pd-progres__t b{display:block;font:720 15px/1.2 var(--font-display);color:var(--pd-ink)}
.pd-progres__bara{display:none}

.pd-pasi{flex:1 0 auto;display:flex;flex-direction:column}
.pd-pas{flex:1 0 auto;padding:0 0 16px}
.pd-pas.pd-intra--inainte{animation:pd-intra-inainte .5s var(--pd-ease) both}
.pd-pas.pd-intra--inapoi{animation:pd-intra-inapoi .5s var(--pd-ease) both}
@keyframes pd-intra-inainte{from{opacity:0;transform:translate3d(28px,0,0)}}
@keyframes pd-intra-inapoi{from{opacity:0;transform:translate3d(-28px,0,0)}}
.pd-pas__t{font-size:clamp(22px,6vw,32px);font-weight:760;line-height:1.08;color:var(--pd-ink);outline:0}
.pd .pd-pas__t:focus-visible{outline:0}
.pd-pas__sub{margin:5px 0 12px;font-size:14.5px;line-height:1.45;color:var(--pd-ink-2)}
.pd-pas__sub b{color:var(--pd-zm-d);font-weight:650}

/* 1. subiectele */
.pd-subiecte{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.pd-subiect{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:12px;align-items:start;padding:11px 40px 11px 11px;border:1.5px solid var(--pd-linie);border-radius:18px;background:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .2s,background .2s,box-shadow .25s,transform .25s var(--pd-ease)}
.pd-subiect__ic{grid-row:1/4;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--pd-zm-pal);color:var(--pd-zm);transition:background .25s,color .25s}
.pd-subiect__ic svg{width:23px;height:23px}
.pd-subiect__t{font:740 16.5px/1.2 var(--font-display);letter-spacing:-.01em;color:var(--pd-ink)}
.pd-subiect__d{margin-top:2px;font-size:13px;line-height:1.38;color:var(--pd-ink-2)}
.pd-subiect__seg{margin-top:5px;font-size:11px;font-weight:650;line-height:1.3;letter-spacing:.02em;color:var(--pd-ink-3)}
.pd-subiect .pd-bifa{top:11px;right:11px}
.pd-subiect.is-ales{border-color:var(--pd-zm);background:#FFF7F9;box-shadow:0 0 0 3px rgba(201,42,72,.12)}
.pd-subiect.is-ales .pd-subiect__ic{background:var(--pd-zm);color:#fff;animation:pd-salt .5s var(--pd-arc)}
.pd-subiect.is-ales .pd-bifa,.pd-ton.is-ales .pd-bifa,.pd-pachet.is-ales .pd-bifa{transform:scale(1)}
.pd-subiect.is-focus,.pd-ton.is-focus,.pd-pachet.is-focus{outline:3px solid var(--pd-ink);outline-offset:2px}
@media (hover:hover){.pd-subiect:not(.is-ales):hover,.pd-ton:not(.is-ales):hover,.pd-pachet:not(.is-ales):hover{border-color:#D9C7CE;transform:translateY(-2px)}}
@keyframes pd-salt{0%{transform:scale(.72)}60%{transform:scale(1.14)}100%{transform:scale(1)}}

/* 2. tonurile: trei carduri mari; cel ales are unda care se mișcă */
.pd-tonuri{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.pd-ton{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:12px;align-items:center;padding:13px 40px 13px 13px;border:1.5px solid var(--pd-linie);border-radius:18px;background:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .2s,background .25s,color .25s,box-shadow .25s,transform .25s var(--pd-ease)}
.pd-ton__ic{grid-row:1/4;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--pd-zm-pal);color:var(--pd-zm)}
.pd-ton__ic svg{width:25px;height:25px}
.pd-ton__t{font:760 18px/1.15 var(--font-display);color:var(--pd-ink)}
.pd-ton__d{margin-top:2px;font-size:13px;line-height:1.38;color:var(--pd-ink-2)}
.pd-ton__rec{justify-self:start;margin-top:5px;padding:3px 8px;border-radius:999px;background:var(--pd-aur);font-size:10.5px;font-weight:750;letter-spacing:.04em;color:var(--pd-ink)}
.pd-ton .pd-unda--ton{position:absolute;right:14px;bottom:12px;height:16px;color:var(--pd-zm-l);opacity:0;transition:opacity .3s}
.pd-ton .pd-bifa{top:12px;right:12px}
.pd-ton.is-ales{border-color:var(--pd-ink);background:var(--pd-ink);box-shadow:0 14px 30px -16px rgba(30,26,32,.8)}
.pd-ton.is-ales .pd-ton__t{color:#fff}
.pd-ton.is-ales .pd-ton__d{color:rgba(255,255,255,.78)}
.pd-ton.is-ales .pd-ton__ic{background:var(--pd-zm);color:#fff;animation:pd-salt .5s var(--pd-arc)}
.pd-ton.is-ales .pd-unda--ton{opacity:1}

/* 3. câmpurile */
.pd-camp{display:block;min-width:0;margin:0 0 14px}
.pd-camp__et{display:block;margin:0 0 7px;font:720 15.5px/1.25 var(--font-display);color:var(--pd-ink)}
.pd-camp__et small{font:500 13px/1 var(--font-body);color:var(--pd-ink-3)}
.pd .pd-camp input[type=text],.pd .pd-camp input[type=number],.pd .pd-camp input[type=date],.pd .pd-camp textarea{width:100%;min-height:50px;margin:0;padding:11px 13px;border:1.5px solid var(--pd-linie);border-radius:14px;background:#fff;color:var(--pd-ink);font:500 16px/1.35 var(--font-body);box-shadow:none;transition:border-color .2s,box-shadow .2s}
.pd .pd-camp input[name=pd_nume]{min-height:58px;font:700 22px/1.2 var(--font-display);letter-spacing:-.01em}
.pd .pd-camp input[name=pd_varsta]{max-width:140px}
.pd .pd-camp input[type=date]{max-width:240px}
.pd .pd-camp textarea{min-height:104px;resize:vertical;line-height:1.45}
.pd .pd-camp input:focus,.pd .pd-camp textarea:focus{outline:0;border-color:var(--pd-zm);box-shadow:0 0 0 4px rgba(201,42,72,.12)}
.pd .pd-camp .is-gresit{border-color:#B42318}
.pd-camp__ajutor{display:block;margin-top:5px;font-size:12.5px;line-height:1.4;color:var(--pd-ink-3)}
.pd-cipuri{display:flex;flex-wrap:wrap;gap:7px}
.pd-cip{position:relative;flex:0 0 auto;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pd-cip span{display:block;padding:10px 14px;border:1.5px solid var(--pd-linie);border-radius:999px;background:#fff;font-size:14px;font-weight:650;line-height:1.1;color:var(--pd-ink);transition:background .2s,border-color .2s,color .2s,transform .3s var(--pd-arc)}
.pd-cip.is-ales span{border-color:var(--pd-ink);background:var(--pd-ink);color:#fff;transform:scale(1.04)}
.pd-cip.is-focus span{outline:3px solid var(--pd-zm);outline-offset:2px}

/* 4. povestea: o întrebare pe ecran; pe laptop, lista întrebărilor în stânga */
.pd-intrebari-lista{display:none}
.pd-q__nr{margin:0 0 6px;font:700 11px/1.2 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--pd-zm-d)}
.pd-q__t{font-size:clamp(21px,5.6vw,28px)}
.pd-q.pd-intra--inainte{animation:pd-intra-inainte .45s var(--pd-ease) both}
.pd-q.pd-intra--inapoi{animation:pd-intra-inapoi .45s var(--pd-ease) both}
.pd-subpasi{display:flex;gap:4px;margin:12px 0;padding:0;list-style:none}
.pd-subpasi li{flex:1;height:4px;border-radius:4px;background:var(--pd-linie-2);transition:background .35s}
.pd-subpasi li.is-scris{background:var(--pd-zm-ll)}
.pd-subpasi li.is-acum{background:var(--pd-zm)}
.pd-q__exemplu{margin:0 0 10px;padding:9px 12px;border-left:3px solid var(--pd-aur-2);border-radius:0 12px 12px 0;background:#FFF9EE;font-size:13.5px;line-height:1.45;font-style:italic;color:var(--pd-ink-2)}
.pd-q__exemplu b{font-style:normal;font-weight:700;color:var(--pd-ink)}
.pd-incep{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 9px}
.pd-incep__b{padding:7px 12px;border:1.5px dashed #D9C3CB;border-radius:999px;background:#fff;color:var(--pd-ink-2);font:600 13.5px/1.15 var(--font-body);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .2s,color .2s,transform .2s}
.pd-incep__b:active{transform:scale(.96)}
@media (hover:hover){.pd-incep__b:hover{border-color:var(--pd-zm);color:var(--pd-zm-d)}}
.pd-camp--raspuns{margin:0}
.pd-contor{display:flex;justify-content:space-between;gap:10px;margin-top:5px}
.pd-contor__text{font-size:12.5px;font-weight:650;line-height:1.3;color:var(--pd-ink-2)}
.pd-contor__text.is-bine{color:var(--pd-pin)}
.pd-numar{flex:none;font-size:12px;color:var(--pd-ink-3);font-variant-numeric:tabular-nums}
.pd-q__jos{display:grid;gap:6px;margin-top:10px}
.pd-sari{justify-self:start;padding:6px 2px;border:0;background:none;color:var(--pd-ink-3);font:600 14px/1.2 var(--font-body);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.pd-sfat{display:flex;align-items:flex-start;gap:6px;margin:0;font-size:12px;line-height:1.4;color:var(--pd-ink-3)}
.pd-sfat svg{flex:none;width:15px;height:15px;margin-top:1px;color:var(--pd-pin)}

/* 5. pachetele și prietenii */
.pd-pachete{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.pd-pachet{position:relative;display:grid;gap:6px;padding:15px 44px 15px 15px;border:1.5px solid var(--pd-linie);border-radius:20px;background:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .2s,background .2s,box-shadow .25s,transform .25s var(--pd-ease)}
.pd-pachet__rec{justify-self:start;padding:3px 9px;border-radius:999px;background:var(--pd-zm);font-size:10.5px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.pd-pachet__t{font:760 18px/1.15 var(--font-display);color:var(--pd-ink)}
.pd-pachet__lista{display:grid;gap:3px}
.pd-pachet__lista span{position:relative;padding-left:16px;font-size:13px;line-height:1.38;color:var(--pd-ink-2)}
.pd-pachet__lista span::before{content:"";position:absolute;left:2px;top:.5em;width:7px;height:7px;border-radius:50%;background:var(--pd-zm-ll)}
.pd-pachet__voci{display:flex;align-items:center;margin-top:3px}
.pd-pachet__voci i,.pd-pachet__voci b{display:grid;place-items:center;width:28px;height:28px;margin-right:-6px;border-radius:50%;border:2px solid #fff;font:800 12px/1 var(--font-display);font-style:normal;color:#fff}
.pd-pachet__voci i:nth-child(1){background:#C92A48}.pd-pachet__voci i:nth-child(2){background:#1F5B4A}.pd-pachet__voci i:nth-child(3){background:#7A3FC0}
.pd-pachet__voci b{width:auto;padding:0 8px;background:var(--pd-ink);font-size:11px}
.pd-pachet .pd-bifa{top:14px;right:14px}
.pd-pachet.is-ales{border-color:var(--pd-zm);background:#FFF7F9;box-shadow:0 0 0 3px rgba(201,42,72,.12)}
.pd-pret{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 9px;margin:0}
.pd-pret del{font:600 15px/1 var(--font-display);color:var(--pd-ink-3);text-decoration-thickness:2px;text-decoration-color:var(--pd-zm-l)}
.pd-pret b{font:800 26px/1 var(--font-display);letter-spacing:-.035em;color:var(--pd-zm-d)}
.pd-prieteni{margin:14px 0 0;padding:14px;border-radius:20px;background:var(--pd-blush);animation:pd-intra-inainte .45s var(--pd-ease) both}
.pd-prieteni__pasi{display:grid;gap:7px;margin:0 0 14px;padding:0;list-style:none;counter-reset:pd}
.pd-prieteni__pasi li{position:relative;padding-left:32px;font-size:13.5px;line-height:1.42;color:var(--pd-ink-2);counter-increment:pd}
.pd-prieteni__pasi li::before{content:counter(pd);position:absolute;left:0;top:-1px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--pd-zm);font:800 11.5px/1 var(--font-display);color:#fff}
.pd-prieteni__pasi b{color:var(--pd-ink)}
.pd-prieteni .pd-camp{margin-bottom:10px}

/* 6. comanda: coperta (ca în motor), prețul, ce primești, rezumatul, caseta WooCommerce ascunsă */
.pd-final{display:grid;grid-template-columns:118px minmax(0,1fr);grid-template-areas:"cop info" "mai mai";gap:12px 14px;align-items:start}
.pd-final__coperta{grid-area:cop;margin:0}
.pd-final__coperta figcaption{margin-top:6px;font-size:11px;line-height:1.3;color:var(--pd-ink-3)}
.pd-final__info{grid-area:info;display:grid;gap:8px;min-width:0}
.pd-final__mai{grid-area:mai;display:grid;gap:10px;min-width:0}
.pd-cop{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:12px;background:var(--pd-ink);container-type:inline-size;box-shadow:0 22px 44px -20px rgba(74,8,24,.7);color:var(--pd-crem);text-align:center}
.pd-cop__halou{position:absolute;left:-20%;top:-35%;width:140%;height:110%;border-radius:50%;background:rgba(201,42,72,.6);filter:blur(10cqi)}
.pd-cop__mic{position:absolute;top:13%;left:31%;width:12%;height:20%;border-radius:999px;background:var(--pd-crem);box-shadow:0 0 0 0 transparent}
.pd-cop__mic::after{content:"";position:absolute;left:-40%;right:-40%;top:55%;height:55%;border:.9cqi solid var(--pd-aur-2);border-top:0;border-radius:0 0 999px 999px}
.pd-cop__mic--2{left:57%}
.pd-cop__azi{position:absolute;left:0;right:0;top:57%;font:italic 500 6.4cqi/1 Georgia,"Times New Roman",serif}
.pd-cop__nume{position:absolute;left:5%;right:5%;top:65%;font:700 14cqi/1 Georgia,"Times New Roman",serif;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pd-cop__nume.is-lung{font-size:9.5cqi;top:67%}
.pd-cop__ton{position:absolute;left:0;right:0;top:86%;font:500 4.2cqi/1 Georgia,serif;color:var(--pd-aur-2)}
.pd-cop__sigla{position:absolute;right:4%;bottom:3.5%;font:800 4.6cqi/1 var(--font-display);letter-spacing:-.04em;color:#fff}
.pd-pret--mare b{font-size:34px}
.pd-pret--mare del{font-size:18px}
.pd-primesti{display:grid;gap:5px;margin:0;padding:0;list-style:none}
.pd-primesti li{display:flex;align-items:flex-start;gap:8px;font-size:12.8px;line-height:1.3;color:var(--pd-ink)}
.pd-primesti__ic{flex:none;display:grid;place-items:center;width:22px;height:22px;margin-top:-2px;border-radius:7px;background:var(--pd-zm-pal);color:var(--pd-zm)}
.pd-primesti__ic svg{width:14px;height:14px}
.pd-ai{margin:2px 0 0;font-size:11.5px;line-height:1.38;color:var(--pd-ink-3)}
.pd-rezumat{padding:10px 13px;border:1px solid var(--pd-linie);border-radius:16px;background:#fff}
.pd-rezumat dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin:0}
.pd-rezumat dt{font-size:12px;color:var(--pd-ink-3)}
.pd-rezumat dd{margin:0;font-size:13px;font-weight:650;line-height:1.32;color:var(--pd-ink);overflow-wrap:anywhere}
.pd-modifica{margin-top:6px;padding:4px 0;border:0;background:none;color:var(--pd-zm-d);font:650 13.5px/1.2 var(--font-body);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.pd-caseta{margin:0;font-size:14px}
.pd-caseta .hooo-livrare{margin:0;font-size:13px;line-height:1.45;color:var(--pd-ink-2)}
.pd-caseta .hooo-livrare p{margin:0 0 2px}
.pd-caseta .hooo-vandut{margin:6px 0 4px;font-size:12px;color:var(--pd-ink-3)}
.pd-caseta .hp-eyebrow{display:none}
.pd.pd-js .pd-caseta form.cart{display:block;height:0;margin:0;padding:0;border:0;overflow:hidden}
.pd.pd-js .pd-caseta .hooo-indisponibil{display:none}
.pd-caseta .hooo-cod-nota{margin:8px 0;padding:10px 12px;border-radius:12px;background:#fff;font-size:13.5px}

.pd-gata{display:grid;justify-items:center;gap:6px;padding:34px 6px 24px;text-align:center}
.pd-gata__ic{display:grid;place-items:center;width:68px;height:68px;margin-bottom:6px;border-radius:50%;background:var(--pd-zm);color:#fff;box-shadow:0 16px 34px -12px rgba(201,42,72,.75);animation:pd-salt .7s var(--pd-arc)}
.pd-gata__ic svg{width:34px;height:34px}
.pd-gata__act{display:grid;gap:10px;width:100%;max-width:360px;margin:12px 0 0}

/* bara de jos */
.pd-btn--inapoi{flex:0 0 auto;background:transparent;color:var(--pd-ink);box-shadow:inset 0 0 0 1.5px #D8CCD2;padding:0 16px}
.pd-bara{position:sticky;bottom:0;z-index:6;display:flex;gap:9px;margin:auto -16px 0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-radius:0 0 24px 24px;background:linear-gradient(180deg,rgba(255,253,251,.86),var(--pd-hartie) 38%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 -1px 0 var(--pd-linie-2)}
.pd-btn--continua{flex:1 1 auto;min-width:0}
.pd-btn--continua.is-ocupat{pointer-events:none;opacity:.8}

/* ---------- 3. Cum arată cadoul ---------- */
.pd-cadoul{position:relative;overflow:hidden;padding:54px 0 58px;background:var(--pd-blush);color:var(--pd-ink)}
.pd-sect-cap{max-width:660px;margin:0 0 26px}
.pd-sect-cap h2{font-size:clamp(34px,9vw,60px);font-weight:760;line-height:1;letter-spacing:-.04em;color:var(--pd-ink)}
.pd-sect-cap h2 em{font-style:normal;color:var(--pd-zm)}
.pd-sect-cap>p:not(.pd-eticheta){margin:14px 0 0;font-size:16px;line-height:1.6;color:var(--pd-ink-2)}
.pd-sect-cap a:not(.pd-btn){color:var(--pd-zm-d);font-weight:650}
.pd-cadoul__grila{display:grid;grid-template-columns:minmax(0,1fr);gap:26px}
.pd-cadoul__fig{margin:0;min-width:0}
.pd-cadoul__fig figcaption{margin-top:14px;font-size:13.5px;line-height:1.45;color:var(--pd-ink-2);text-align:center}
.pd-cadoul__fig figcaption b{display:block;margin-bottom:3px;font:720 16px/1.2 var(--font-display);color:var(--pd-ink)}
.pd-pagina,.pd-chat,.pd-voci{position:relative;width:min(100%,300px);margin:0 auto;padding:18px 16px;border-radius:26px;box-shadow:0 30px 60px -30px rgba(74,8,24,.5)}
.pd-pagina{background:#FBF6EF;text-align:center}
.pd-pagina__svg{display:block;width:62px;height:auto;margin:0 auto}
.pd-pagina__et{margin:12px 0 0;font:700 10px/1.2 var(--font-body);letter-spacing:.18em;color:var(--pd-zm-d)}
.pd-pagina__nume{margin:2px 0 12px;font:800 30px/1 var(--font-display);letter-spacing:-.04em}
.pd-pagina__coperta{display:block;width:72%;margin:0 auto;border-radius:12px;box-shadow:0 16px 30px -16px rgba(30,26,32,.6)}
.pd-pagina__player{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;border-radius:999px;background:#F9E4E9}
.pd-pagina__play{flex:none;width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent var(--pd-ink)}
.pd-unda--pagina{flex:1;height:18px;color:var(--pd-zm)}
.pd-unda--pagina i{flex:1}
.pd-pagina__player b{font:700 11px/1 var(--font-body);color:var(--pd-zm-d)}
.pd-chat{display:grid;gap:8px;background:#E9E1D8}
.pd-chat__cap{margin:-2px 0 2px;font:750 14px/1.2 var(--font-display);color:var(--pd-ink)}
.pd-chat__cap small{display:block;font:500 11px/1.3 var(--font-body);color:var(--pd-ink-3)}
.pd-chat__bula{position:relative;justify-self:start;max-width:86%;margin:0;padding:8px 11px;border-radius:14px 14px 14px 4px;background:#fff;font-size:13px;line-height:1.38;color:var(--pd-ink)}
.pd-chat__bula--clip{padding:4px;overflow:hidden;width:76%}
.pd-chat__bula--clip img{display:block;width:100%;border-radius:11px}
.pd-chat__play{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:rgba(0,0,0,.5)}
.pd-chat__play::after{content:"";position:absolute;left:17px;top:13px;border-style:solid;border-width:9px 0 9px 14px;border-color:transparent transparent transparent #fff}
.pd-chat__durata{position:absolute;left:10px;bottom:9px;padding:2px 6px;border-radius:6px;background:rgba(0,0,0,.55);font:650 10.5px/1.2 var(--font-body);color:#fff}
.pd-chat__bula--el{justify-self:end;border-radius:14px 14px 4px 14px;background:#DCF3D2}
.pd-chat__reactii{justify-self:start;margin-top:-4px;padding:2px 8px;border-radius:999px;background:#fff;font-size:11px;font-weight:650;color:var(--pd-zm)}
.pd-voci{display:grid;gap:9px;background:var(--pd-noapte);color:var(--pd-crem)}
.pd-voci__cap{margin:0 0 2px;font:750 14px/1.2 var(--font-display)}
.pd-voce{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 10px 7px 7px;border-radius:999px;background:rgba(255,243,227,.08)}
.pd-voce__cerc{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font:800 13px/1 var(--font-display);color:#fff}
.pd-voce--a .pd-voce__cerc{background:#C92A48}.pd-voce--b .pd-voce__cerc{background:#1F5B4A}.pd-voce--c .pd-voce__cerc{background:#7A3FC0}
.pd-unda--voce{height:18px;color:var(--pd-zm-ll)}
.pd-voce b{font:650 11px/1 var(--font-body);color:rgba(255,243,227,.7)}
.pd-voci__nota{margin:2px 0 0;font-size:11.5px;line-height:1.35;color:rgba(255,243,227,.62)}
.pd-cadoul__pasi{display:grid;gap:10px;margin:6px 0 0;padding:0;list-style:none}
.pd-cadoul__pasi li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;row-gap:3px;padding:15px 16px;border-radius:20px;background:#fff;box-shadow:0 12px 30px -24px rgba(74,8,24,.5)}
.pd-cadoul__nr{grid-row:1/3;font:800 26px/1 var(--font-display);letter-spacing:-.03em;color:var(--pd-zm)}
.pd-cadoul__pasi b{font:720 16.5px/1.2 var(--font-display);color:var(--pd-ink)}
.pd-cadoul__pasi span:not(.pd-cadoul__nr){font-size:14px;line-height:1.45;color:var(--pd-ink-2)}
.pd-cadoul__nota{max-width:70ch;margin:24px 0 0;font-size:11.5px;line-height:1.5;color:var(--pd-ink-3)}

/* ---------- 4. întrebările ---------- */
.pd-intrebari{padding:56px 0 64px;background:var(--pd-hartie-2)}
.pd-intrebari__grila{display:grid;gap:18px}
.pd-intrebari .pd-sect-cap{margin:0}
.pd-intrebari .pd-sect-cap .pd-btn{margin-top:20px}
.pd-faq{border-bottom:1px solid #E6DCCD}
.pd-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 2px;cursor:pointer;list-style:none;font:700 17px/1.3 var(--font-display);letter-spacing:-.01em;color:var(--pd-ink)}
.pd-faq summary::-webkit-details-marker{display:none}
.pd-faq__semn{flex:none;position:relative;width:28px;height:28px;border-radius:50%;background:var(--pd-zm-pal);transition:background .25s}
.pd-faq__semn::before,.pd-faq__semn::after{content:"";position:absolute;left:8px;right:8px;top:13px;height:2px;border-radius:2px;background:var(--pd-zm);transition:transform .3s var(--pd-ease)}
.pd-faq__semn::after{transform:rotate(90deg)}
.pd-faq[open] .pd-faq__semn{background:var(--pd-zm)}
.pd-faq[open] .pd-faq__semn::before,.pd-faq[open] .pd-faq__semn::after{background:#fff}
.pd-faq[open] .pd-faq__semn::after{transform:rotate(0)}
.pd-faq p{margin:0 0 18px;max-width:62ch;font-size:15.5px;line-height:1.6;color:var(--pd-ink-2)}
.pd + .cp,.pd .cp{margin-top:0}

/* ---------- telefoane mari, tablete ---------- */
@media (min-width:560px){
  .pd-wrap{width:min(1240px,calc(100% - 40px))}
  .pd-ghid{padding:22px 24px 0;border-radius:28px}
  .pd-bara{margin:auto -24px 0;padding:14px 24px calc(14px + env(safe-area-inset-bottom));border-radius:0 0 28px 28px}
  .pd-subiecte{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pd-pachete{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pd-final{grid-template-columns:170px minmax(0,1fr)}
  .pd-hooo{width:96px}
  .pd-cadoul__grila{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pd-prieteni__campuri{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:0 16px}
}

@media (min-width:860px){
  .pd-progres{gap:18px;margin-bottom:18px}
  .pd-hooo{width:118px}
  .pd-progres__t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .pd-progres__bara{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
  .pd-progres__bara li{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border-radius:999px;font-size:13px;font-weight:650;line-height:1;color:var(--pd-ink-3);transition:background .3s,color .3s}
  .pd-progres__bara li i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--pd-linie-2);font-style:normal;font-size:12px;font-weight:750;color:var(--pd-ink-2);transition:background .3s,color .3s}
  .pd-progres__bara li.is-acum{background:var(--pd-zm-pal);color:var(--pd-ink)}
  .pd-progres__bara li.is-acum i{background:var(--pd-zm);color:#fff}
  .pd-progres__bara li.is-gata i{background:var(--pd-ink);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}
  .pd-tonuri{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .pd-ton{grid-template-columns:minmax(0,1fr);justify-items:start;align-content:start;row-gap:6px;min-height:220px;padding:18px 18px 40px}
  .pd-ton__ic{grid-row:auto;width:56px;height:56px;margin-bottom:6px}
  .pd-ton__ic svg{width:30px;height:30px}
  .pd-ton__t{font-size:22px}
  .pd-ton__d{font-size:14px}
  .pd-ton .pd-unda--ton{left:18px;right:auto;bottom:16px}
  .pd-cadoul{padding:80px 0 84px}
  .pd-cadoul__grila{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 28px}
  .pd-cadoul__pasi{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .pd-intrebari{padding:84px 0 92px}
  .pd-intrebari__grila{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:60px;align-items:start}
  .pd-intrebari .pd-sect-cap{position:sticky;top:calc(var(--hdr-h) + 40px)}
}

/* ---------- laptop ---------- */
@media (min-width:1024px){
  .pd-erou{display:flex;align-items:center;min-height:min(calc(100svh - var(--hdr-h) - var(--pd-anunt,34px)),880px);padding:56px 0 34px;flex-wrap:wrap}
  .pd-erou__grila{grid-template-columns:minmax(0,1fr) minmax(360px,440px);column-gap:clamp(48px,6vw,110px)}
  .pd-erou__text{gap:18px}
  .pd-titlu{font-size:clamp(60px,6.2vw,96px)}
  .pd-erou__sub{font-size:19px}
  .pd-dovezi li{min-height:34px;padding:7px 14px;font-size:13.5px}
  .pd-cta{min-height:74px;padding:0 42px;font-size:22px}
  .pd-erou__pret{font-size:14.5px}
  .pd-erou__vizual{width:100%;padding-top:30px}
  .pd-coperte{height:240px}
  .pd-coperte__img--1{width:190px;height:190px}
  .pd-coperte__img--2,.pd-coperte__img--3{width:140px;height:140px}
  .pd-masa{margin-top:150px;padding:18px 18px 14px;border-radius:28px}
  .pd-gazda__cerc{width:84px;height:84px}
  .pd-unda--masa{height:60px}
  .pd-replica{min-height:70px;font-size:15.5px}
  .pd-autocolant{right:-38px;top:110px;padding:11px 16px 12px;border-radius:18px}
  .pd-autocolant b{font-size:23px}
  .pd-autocolant small{font-size:12.5px}
  .pd-erou__ai{flex:none;margin-top:26px;font-size:11.5px}

  .pd-atelier{padding:84px 0 100px}
  .pd-atelier__wrap{max-width:1060px}
  .pd-atelier__cap{margin:0 8px 26px}
  .pd-ghid{min-height:min(780px,calc(100vh - var(--hdr-h) - 36px));padding:26px 40px 0;border-radius:34px}
  .pd-bara{margin:auto -40px 0;padding:16px 40px 18px;border-radius:0 0 34px 34px}
  .pd-btn--continua{flex:0 1 auto;margin-left:auto;padding:0 30px}
  .pd-pas__t{font-size:32px}
  .pd-pas__sub{margin-bottom:18px;font-size:16px}
  .pd-subiecte{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .pd-subiect{grid-template-columns:minmax(0,1fr);row-gap:4px;min-height:200px;align-content:start;padding:16px 16px 16px}
  .pd-subiect__ic{grid-row:auto;width:50px;height:50px;margin-bottom:8px;border-radius:15px}
  .pd-subiect__ic svg{width:27px;height:27px}
  .pd-subiect__t{font-size:19px}
  .pd-subiect__d{font-size:13.5px}
  .pd-subiect .pd-bifa{top:14px;right:14px}
  .pd-p3-grila{display:grid}
  .pd-p4__grila{display:grid;grid-template-columns:240px minmax(0,1fr);gap:34px;align-items:start}
  .pd-intrebari-lista{display:grid;gap:4px;margin:4px 0 0;padding:0;list-style:none;counter-reset:pdq}
  .pd-intrebari-lista button{display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px;align-items:start;width:100%;padding:8px 9px;border:0;border-radius:12px;background:none;text-align:left;font:600 13px/1.32 var(--font-body);color:var(--pd-ink-3);cursor:pointer;transition:background .2s,color .2s}
  .pd-intrebari-lista button i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--pd-linie-2);font:750 11px/1 var(--font-display);font-style:normal;color:var(--pd-ink-2)}
  .pd-intrebari-lista button.is-acum{background:var(--pd-zm-pal);color:var(--pd-ink)}
  .pd-intrebari-lista button.is-acum i{background:var(--pd-zm);color:#fff}
  .pd-intrebari-lista button.is-scris i{background:var(--pd-ink);color:#fff}
  .pd-intrebari-lista button:hover{color:var(--pd-ink)}
  .pd-q__t{font-size:30px}
  .pd .pd-camp textarea[data-pd-raspuns]{min-height:150px}
  .pd-final{grid-template-columns:240px minmax(0,1fr);grid-template-areas:"cop info" "cop mai";gap:14px 40px}
  .pd-pret--mare b{font-size:44px}
  .pd-pret--mare del{font-size:20px}
  .pd-primesti{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px}
  .pd-primesti li{align-items:center;font-size:14px}
  .pd-primesti__ic{width:28px;height:28px;margin-top:0;border-radius:9px}
  .pd-primesti__ic svg{width:16px;height:16px}
  .pd-rezumat dl{grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr)}
  .pd-pachet{padding:20px 50px 20px 20px}
  .pd-pachet__t{font-size:21px}
  .pd-pret b{font-size:30px}
}

/* ---------- „reducerea mișcării” din sistem ---------- */
@media (prefers-reduced-motion:reduce){
  .pd *,.pd *::before,.pd *::after{animation-duration:.001ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important}
  .pd-unda i{transform:scaleY(.5)}
}

/* portretele prezentatorilor (7 octombrie 2026) */
.pd-avatar__foto{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}