/*
 * „Petrecerea poartă numele lui” (#316, variantele #317 și #318, plus kitul tipărit), 11 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 „Cărții bunicilor” (bunici.css). Aici: masa petrecerii compusă din cod (peretele, ghirlanda pe sfoară,
 * invitația vie, paharele cu etichete, eticheta de masă), selectorul de teme, previzualizarea din pași, temele, paginile reale, formatele.
 * Prefix pp-. Întâi telefonul (390 px). Culorile temei vin ca variabile (--fundal, --c1 … --c4, --text) și trec lin de la o temă la alta.
 * Invitația vie e invitația motorului (tipar_joc/sabloane/petrecere.css), în unități de milimetru: --u = lățimea / 105.
 */
@property --c1{syntax:'<color>';inherits:true;initial-value:#C8343F}
@property --c2{syntax:'<color>';inherits:true;initial-value:#F5E3D3}
@property --c3{syntax:'<color>';inherits:true;initial-value:#E9B949}
@property --c4{syntax:'<color>';inherits:true;initial-value:#2E6B4F}
@property --fundal{syntax:'<color>';inherits:true;initial-value:#FBF6EE}
@property --text{syntax:'<color>';inherits:true;initial-value:#2A5A43}

.pp{--pp-cerneala:#1E1A20}
.pp-font-fraunces{--pp-titlu:"PP Fraunces",Georgia,"Times New Roman",serif;--pp-titlu-g:700}
.pp-font-bricolage{--pp-titlu:var(--font-display,"Bricolage Grotesque"),"Avenir Next",Arial,sans-serif;--pp-titlu-g:800}

/* ---------- motivele vectoriale (ca tipar_joc/motive.py, CSS_MOTIVE) ---------- */
.pp-motiv{display:block;overflow:visible}
.pp-motiv .o,.pp-motiv .o *{stroke:var(--pp-cerneala,#1E1A20);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.pp-motiv .m1{fill:var(--c1)}.pp-motiv .m2{fill:var(--c2)}.pp-motiv .m3{fill:var(--c3)}.pp-motiv .m4{fill:var(--c4)}
.pp-motiv .mw{fill:#fff}.pp-motiv .mk{fill:#1E1A20}.pp-motiv .mb{fill:#B7804F}.pp-motiv .mp{fill:#F4E3BC}
.pp-motiv [fill="none"]{fill:none!important}
.pp-motiv .bo,.pp-motiv .b3,.pp-motiv .b4,.pp-motiv .bw,.pp-motiv .s1,.pp-motiv .s1d,.pp-motiv .s3,.pp-motiv .sw{fill:none!important;stroke-linecap:round;stroke-linejoin:round}
.pp-motiv .bo{stroke:#1E1A20;stroke-width:9}.pp-motiv .b3{stroke:var(--c3);stroke-width:5}.pp-motiv .b4{stroke:var(--c4);stroke-width:5}.pp-motiv .bw{stroke:#fff;stroke-width:5}
.pp-motiv .s1{stroke:var(--c1);stroke-width:3.4}.pp-motiv .s1d{stroke:var(--c1);stroke-width:2.8;stroke-dasharray:4 4}.pp-motiv .s3{stroke:var(--c3);stroke-width:2.6}.pp-motiv .sw{stroke:#fff;stroke-width:2.6}

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

.pp-scena{position:relative;container-type:inline-size;aspect-ratio:1/.98;border-radius:22px;overflow:hidden;isolation:isolate;
  box-shadow:0 30px 70px -30px rgba(0,0,0,.7),0 0 0 1px rgba(255,243,227,.1);
  transition:--c1 .7s,--c2 .7s,--c3 .7s,--c4 .7s,--fundal .7s,--text .7s;background:var(--fundal)}
.pp-perete{position:absolute;inset:0 0 38% 0;z-index:0;
  background:radial-gradient(circle at 1.2cqw 1.2cqw,color-mix(in srgb,var(--c2) 70%,transparent) .45cqw,transparent .5cqw) 0 0/4.4cqw 4.4cqw,
    radial-gradient(120% 90% at 50% -10%,color-mix(in srgb,var(--fundal) 55%,#fff) 0,var(--fundal) 55%,color-mix(in srgb,var(--fundal) 82%,var(--c2)) 100%)}
.pp-perete::after{content:"";position:absolute;inset:auto 0 0 0;height:6cqw;background:linear-gradient(transparent,rgba(30,26,32,.08))}
.pp-blat{position:absolute;inset:62% 0 0 0;z-index:1;
  background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--c2) 55%,transparent) 0 2.6cqw,transparent 2.6cqw 5.2cqw),
    repeating-linear-gradient(0deg,color-mix(in srgb,var(--c2) 45%,transparent) 0 2.6cqw,transparent 2.6cqw 5.2cqw),#FFFCF7;
  box-shadow:inset 0 1.4cqw 2cqw -1cqw rgba(30,26,32,.18)}
.pp-blat::after{content:"";position:absolute;inset:auto 0 0 0;height:5cqw;background:linear-gradient(transparent,rgba(30,26,32,.14))}

/* ghirlanda: sfoara (SVG) și stegulețele, așezate de assets/petrecere.js pe aceeași curbă */
.pp-sfoara{position:absolute;left:0;top:0;width:100%;height:30cqw;z-index:2;overflow:visible}
.pp-sfoara path{fill:none;stroke:#8A6F57;stroke-width:2;vector-effect:non-scaling-stroke}
.pp-ghirlanda{position:absolute;inset:0 0 auto 0;height:32cqw;z-index:3}
.pp-steag{position:absolute;left:calc(var(--x,50) * 1%);top:calc(var(--y,4) * 1cqw);width:calc(var(--w,10) * 1cqw);aspect-ratio:1/1.18;
  margin-left:calc(var(--w,10) * -.5cqw);transform:rotate(calc(var(--r,0) * 1deg));transform-origin:50% 0;filter:drop-shadow(0 .5cqw .5cqw rgba(30,26,32,.18))}
.pp-steag__in{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding-top:8%;
  clip-path:polygon(0 0,100% 0,50% 100%);background:var(--c1);color:#fff;transition:background-color .7s,color .7s}
.pp-steag--1 .pp-steag__in{background:var(--c4)}
.pp-steag--2 .pp-steag__in{background:var(--c3);color:#1E1A20}
.pp-steag b{font:var(--pp-titlu-g) calc(var(--w,10) * .58cqw)/1 var(--pp-titlu);letter-spacing:-.02em}
.pp-steag small{margin-top:.3cqw;font:700 calc(var(--w,10) * .13cqw)/1 var(--pp-titlu)}
.pp-steag .pp-motiv{width:62%;height:auto;margin-top:2%}
.pp-steag.is-cade{animation:pp-cade .7s cubic-bezier(.2,.9,.3,1.3) both;animation-delay:calc(var(--i,0) * 45ms)}
@keyframes pp-cade{from{opacity:0;transform:translateY(-14cqw) rotate(calc(var(--r,0) * 1deg - 12deg))}}
.pp-steag.is-leagana{animation:pp-leagana 3.2s ease-in-out infinite alternate;animation-delay:calc(var(--i,0) * -380ms)}
@keyframes pp-leagana{from{transform:rotate(calc(var(--r,0) * 1deg - 2.2deg))}to{transform:rotate(calc(var(--r,0) * 1deg + 2.2deg))}}

/* plicul, sub invitație */
.pp-plic{position:absolute;left:3%;top:67%;width:31%;aspect-ratio:162/114;z-index:4;transform:rotate(9deg);border-radius:.6cqw;
  background:linear-gradient(160deg,#F7F1E7,#EADFCF);box-shadow:0 1.4cqw 2.4cqw -1cqw rgba(30,26,32,.35)}
.pp-plic::before{content:"";position:absolute;inset:0 0 38% 0;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(var(--c2),color-mix(in srgb,var(--c2) 70%,#000 6%));transition:background .7s}
.pp-plic::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(32deg,transparent 49.4%,rgba(30,26,32,.08) 50%,transparent 50.6%),linear-gradient(-32deg,transparent 49.4%,rgba(30,26,32,.08) 50%,transparent 50.6%)}

/* invitația vie: unitatea e un milimetru al invitației de 105 mm */
.pp-invw{position:absolute;left:8%;top:22%;width:36%;z-index:6;container-type:inline-size;transform:rotate(-4deg);transform-origin:50% 100%}
.pp-inv{--u:calc(100cqw / 105);position:relative;width:100%;aspect-ratio:105/148;overflow:hidden;border-radius:calc(1.2 * var(--u));
  background:var(--fundal);color:var(--text);font-family:var(--font-body,"Instrument Sans"),sans-serif;
  box-shadow:0 calc(4 * var(--u)) calc(7 * var(--u)) calc(-2 * var(--u)) rgba(30,26,32,.45),0 calc(.6 * var(--u)) calc(1.4 * var(--u)) rgba(30,26,32,.14)}
.pp-inv p{margin:0}
.pp-inv__panou{position:absolute;left:calc(6 * var(--u));top:calc(6 * var(--u));width:calc(93 * var(--u));height:calc(72 * var(--u));
  border-radius:calc(5 * var(--u));background:#fff;overflow:hidden;box-shadow:0 0 0 calc(.6 * var(--u)) var(--c1),0 calc(1.2 * var(--u)) calc(2.4 * var(--u)) rgba(30,26,32,.12)}
.pp-inv__panou img{position:absolute;left:calc(3 * var(--u));top:calc(3 * var(--u));width:calc(87 * var(--u));height:calc(66 * var(--u));object-fit:contain;transition:opacity .35s}
.pp-inv__panou img.is-schimba{opacity:0}
.pp-inv__salut{position:absolute;left:calc(4 * var(--u));right:calc(4 * var(--u));top:calc(81.5 * var(--u));height:calc(6 * var(--u));
  overflow:hidden;white-space:nowrap;text-align:center;font:700 calc(4.2 * var(--u))/calc(6 * var(--u)) var(--pp-titlu);color:var(--c1)}
.pp-inv__nume{position:absolute;left:calc(5 * var(--u));right:calc(5 * var(--u));top:calc(87 * var(--u));height:calc(18 * var(--u));
  text-align:center;white-space:nowrap;overflow:hidden;font:var(--pp-titlu-g) calc(16 * var(--u))/calc(18 * var(--u)) var(--pp-titlu);letter-spacing:-.01em}
.pp-inv__nume span{display:inline-block;white-space:nowrap}
.pp-inv__ani{position:absolute;left:0;right:0;top:calc(105.5 * var(--u));display:flex;justify-content:center;align-items:center;gap:calc(2 * var(--u));
  font:700 calc(6.2 * var(--u))/1 "PP Fraunces",Georgia,serif}
.pp-inv__ani b{display:inline-grid;place-items:center;width:calc(10.5 * var(--u));height:calc(10.5 * var(--u));border-radius:50%;
  background:var(--c3);color:#1E1A20;font:800 calc(6 * var(--u))/1 var(--font-display,"Bricolage Grotesque"),sans-serif;box-shadow:0 0 0 calc(.6 * var(--u)) #fff}
.pp-inv__ani.lung{font-size:calc(4.6 * var(--u));gap:calc(1.5 * var(--u))}
.pp-inv__ani.lung b{width:calc(9 * var(--u));height:calc(9 * var(--u));font-size:calc(5.2 * var(--u))}
.pp-inv__tema{position:absolute;left:0;right:0;top:calc(118 * var(--u));text-align:center;font:600 calc(2.5 * var(--u))/1 var(--font-body,"Instrument Sans"),sans-serif;
  letter-spacing:calc(.5 * var(--u));text-transform:uppercase;color:var(--c1)}
.pp-inv__mesaj{position:absolute;left:calc(7 * var(--u));right:calc(7 * var(--u));top:calc(109 * var(--u));height:calc(12 * var(--u));display:flex;align-items:center;
  justify-content:center;text-align:center;font:italic 400 calc(3.5 * var(--u))/1.25 "PP Fraunces",Georgia,serif;overflow:hidden}
.pp-inv__detalii{position:absolute;left:calc(6 * var(--u));right:calc(6 * var(--u));top:calc(122.5 * var(--u));height:calc(20.5 * var(--u));border-radius:calc(3 * var(--u));
  background:#fff;padding:calc(1.4 * var(--u)) calc(3 * var(--u));box-shadow:0 0 0 calc(.3 * var(--u)) rgba(30,26,32,.12)}
.pp-inv__detalii p{display:flex;align-items:center;gap:calc(1.8 * var(--u));height:calc(5.9 * var(--u))}
.pp-inv__detalii span{flex:none;width:calc(17.5 * var(--u));font:600 calc(2.5 * var(--u))/1 var(--font-body,"Instrument Sans"),sans-serif;letter-spacing:calc(.2 * var(--u));text-transform:uppercase;color:#6b6066}
.pp-inv__detalii i{flex:1;min-width:0;height:calc(5.9 * var(--u));overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:normal 600 calc(3.2 * var(--u))/calc(5.9 * var(--u)) var(--font-body,"Instrument Sans"),sans-serif;color:#1E1A20}
.pp-inv__detalii i:empty{height:0;margin-top:calc(2.6 * var(--u));border-bottom:calc(.3 * var(--u)) dotted #8a8288}
.pp-inv.cu-mesaj .pp-inv__panou{height:calc(60 * var(--u))}
.pp-inv.cu-mesaj .pp-inv__panou img{height:calc(54 * var(--u))}
.pp-inv.cu-mesaj .pp-inv__salut{top:calc(69 * var(--u))}
.pp-inv.cu-mesaj .pp-inv__nume{top:calc(74.5 * var(--u))}
.pp-inv.cu-mesaj .pp-inv__ani{top:calc(93 * var(--u))}
.pp-inv.cu-mesaj .pp-inv__tema{top:calc(105.2 * var(--u))}

/* baloanele de pe perete, în culorile temei */
.pp-baloane{position:absolute;right:3%;top:25%;width:34%;height:30%;z-index:2}
.pp-balon{position:absolute;width:11cqw;filter:drop-shadow(0 .8cqw .8cqw rgba(30,26,32,.14));animation:pp-pluteste 5s ease-in-out infinite alternate}
.pp-balon .pp-motiv{width:100%;height:auto}
.pp-balon--0{left:6%;top:6%;transform:rotate(-8deg)}
.pp-balon--1{left:38%;top:0;--c1:var(--c4);animation-delay:-1.7s}
.pp-balon--2{left:68%;top:10%;--c1:var(--c3);transform:rotate(9deg);animation-delay:-3.1s}
@keyframes pp-pluteste{to{translate:0 -1.2cqw}}

/* paharele, cu etichetele rotunde, și eticheta de masă */
.pp-pahar{position:absolute;bottom:34%;width:14cqw;aspect-ratio:.82;z-index:5;transform:translateX(-50%)}
.pp-pahar--0{left:56%}.pp-pahar--1{left:71.5%}.pp-pahar--2{left:87%}
.pp-pahar::after{content:"";position:absolute;left:8%;right:8%;bottom:-1.2cqw;height:2.4cqw;border-radius:50%;background:radial-gradient(closest-side,rgba(30,26,32,.28),transparent);z-index:-1}
.pp-pahar__corp{position:absolute;inset:0;clip-path:polygon(0 0,100% 0,86% 100%,14% 100%);
  background:linear-gradient(90deg,rgba(30,26,32,.12),transparent 30%,transparent 70%,rgba(30,26,32,.14)),
    repeating-linear-gradient(90deg,#fff 0 1.4cqw,color-mix(in srgb,var(--c1) 82%,#fff) 1.4cqw 2.8cqw)}
.pp-pahar__corp::before{content:"";position:absolute;left:0;right:0;top:0;height:1.4cqw;background:#fff;box-shadow:0 .3cqw .4cqw rgba(30,26,32,.15)}
.pp-et{position:absolute;left:50%;top:24%;width:10.4cqw;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:.2cqw;background:var(--fundal);box-shadow:inset 0 0 0 .5cqw var(--c1),inset 0 0 0 .75cqw #fff,0 .3cqw .6cqw rgba(30,26,32,.2);color:var(--text)}
.pp-et .pp-motiv{width:4.3cqw;height:4.3cqw}
.pp-et b{max-width:8cqw;font:var(--pp-titlu-g) 1.55cqw/1.05 var(--pp-titlu);white-space:nowrap}
.pp-et small{font:600 .7cqw/1 var(--font-body,"Instrument Sans"),sans-serif;letter-spacing:.06cqw;text-transform:uppercase;color:var(--c1)}
.pp-cort{position:absolute;left:47%;bottom:5%;width:40%;aspect-ratio:2/1.08;z-index:7;perspective:60cqw}
.pp-cort__spate{position:absolute;left:3%;right:3%;top:0;height:14%;background:color-mix(in srgb,var(--fundal) 80%,#000 12%);clip-path:polygon(2% 100%,98% 100%,96% 0,4% 0)}
.pp-cort__fata{position:absolute;left:0;right:0;bottom:0;height:92%;display:grid;grid-template-columns:30% 1fr;align-items:center;gap:0 3%;padding:4% 5% 9% 5%;
  background:var(--fundal);border-radius:.4cqw;transform:rotateX(14deg);transform-origin:50% 100%;
  box-shadow:0 1.6cqw 2.4cqw -1.4cqw rgba(30,26,32,.45),inset 0 -2.2cqw 0 -1.2cqw var(--c1);color:var(--text)}
.pp-cort__fata > span:first-child{grid-row:1 / span 2;grid-column:1}.pp-cort__fata .pp-motiv{width:100%;height:auto}
.pp-cort__fata b,.pp-cort__fata small{grid-column:2}
.pp-cort__fata b{align-self:end;font:var(--pp-titlu-g) 3.1cqw/1.08 var(--pp-titlu);text-wrap:balance}
.pp-cort__fata small{align-self:start;margin-top:.6cqw;font:600 1.05cqw/1 var(--font-body,"Instrument Sans"),sans-serif;letter-spacing:.1cqw;text-transform:uppercase;color:var(--c1)}

/* selectorul de teme și numele, sub scenă */
.pp-teme{display:flex;flex-wrap:nowrap;gap:8px;margin:14px -4px 0;padding:2px 4px 6px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.pp-teme::-webkit-scrollbar{display:none}
.pp-tema{flex:none;scroll-snap-align:start;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 14px 6px 8px;border-radius:999px;cursor:pointer;
  border:1px solid rgba(255,243,227,.18);background:rgba(255,243,227,.06);color:var(--pc-crem,#FFF3E3);font:650 14px/1.1 var(--font-body);transition:background .25s,border-color .25s,color .25s,transform .2s}
.pp-tema .pp-motiv{width:30px;height:30px;flex:none}
.pp-tema:hover{border-color:rgba(255,243,227,.4)}
.pp-tema[aria-checked="true"]{background:var(--fundal);border-color:var(--c1);color:var(--text);box-shadow:0 6px 18px -8px rgba(0,0,0,.6)}
.pp-tema:focus-visible{outline:2px solid var(--pc-aur,#E3B563);outline-offset:2px}
.pp-scrie{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;margin-top:12px}
.pp-scrie__nume{flex:1 1 180px;display:flex;flex-direction:column;gap:4px;min-width:0}
.pp-scrie span{font:600 12px/1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--pc-crem-3,#B7AD9E)}
.pp-scrie input{width:100%;min-height:48px;padding:10px 16px;border-radius:14px;border:1px solid rgba(255,243,227,.25);background:var(--pc-crem,#FFF3E3);color:#1E1A20;
  font:700 18px/1.2 var(--font-display);letter-spacing:-.01em}
.pp-scrie input:focus{outline:2px solid var(--pc-aur,#E3B563);outline-offset:1px}
.pp-scrie__ani{display:flex;flex-direction:column;gap:4px}
.pp-scrie__ani > span{margin-bottom:0}
.pp-scrie__ani{display:grid;grid-template-columns:48px 52px 48px;grid-template-rows:auto 48px;column-gap:4px;row-gap:4px}
.pp-scrie__ani > span{grid-column:1 / -1}
.pp-scrie__ani button{border:1px solid rgba(255,243,227,.25);border-radius:14px;background:rgba(255,243,227,.08);color:var(--pc-crem,#FFF3E3);font:700 22px/1 var(--font-body);cursor:pointer}
.pp-scrie__ani button:hover{background:rgba(255,243,227,.16)}
.pp-scrie__ani output{display:grid;place-items:center;border-radius:14px;background:var(--pc-crem,#FFF3E3);color:#1E1A20;font:800 20px/1 var(--font-display)}
.pp-scena__nota{margin:10px 0 0;font-size:13px;line-height:1.45;color:var(--pc-crem-3,#B7AD9E)}
@media (min-width:981px){.pp-teme{flex-wrap:wrap;overflow:visible;margin:16px 0 0;padding:0}}

/* ---------- 2. configuratorul: previzualizarea invitației și temele ca fotografii ---------- */
.pp-ghid table.variations,.pp-ghid .reset_variations,.pp-ghid .reset_variations_alert,.pp-ghid .single_variation,.pp-ghid .woocommerce-variation,.pp-ghid .quantity{display:none!important}
.pp-ghid .single_variation_wrap{margin:0}
.pp-pv{display:none}
.cs-previzualizare .pp-pv{display:grid;grid-template-columns:minmax(0,46%) minmax(0,1fr);align-items:center;gap:12px 16px;padding:6px}
.pp .cs-previzualizare{background:radial-gradient(120% 90% at 50% 0,#1F4A3C 0,#173C31 60%,#0F281F 100%)}
.pp-pv__inv{position:relative;transition:--c1 .6s,--c2 .6s,--c3 .6s,--c4 .6s,--fundal .6s,--text .6s}
.pp-pv__inv .pp-invw{position:relative;left:auto;top:auto;width:100%;transform:rotate(-2deg)}
.pp-pv__nota{margin:0;display:flex;flex-direction:column;gap:6px;color:var(--pc-crem-2,#E6DCCD);font-size:14px;line-height:1.45}
.pp-pv__nota b{font:800 18px/1.15 var(--font-display);color:#FFF3E3}
@media (min-width:981px){.pp .cs-previzualizare{padding:22px 18px 18px}.cs-previzualizare .pp-pv{grid-template-columns:1fr;justify-items:center;text-align:center;gap:16px}
  .cs-previzualizare .pp-pv .pp-pv__inv{width:min(270px,100%)}.pp .cs-previzualizare .cs-pv-comuta{display:none}}
@media (max-width:980px){.cs-previzualizare:not(.is-mare) .pp-pv{grid-template-columns:minmax(0,28%) minmax(0,1fr);padding:0}
  .cs-previzualizare.is-mare .pp-pv{grid-template-columns:minmax(0,60%) minmax(0,1fr)}}

.pp-ghid .hooo-camp--carduri .hooo-optiuni{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pp-ghid .hooo-camp--carduri .hooo-optiune{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:0;overflow:hidden;border-radius:16px;
  background:var(--fundal,#fff);transition:box-shadow .2s,transform .2s}
.pp-ghid .hooo-camp--carduri .hooo-optiune input{position:absolute;top:10px;right:10px;margin:0;z-index:2}
.pp-opt__img{display:block;aspect-ratio:3/2;background:#fff;border-bottom:3px solid var(--c1)}
@media (min-width:700px){.pp-opt__img{aspect-ratio:4/3}}
.pp-opt__img img{display:block;width:100%;height:100%;object-fit:contain;padding:6px}
.pp-ghid .hooo-camp--carduri .hooo-optiune__txt{display:flex;align-items:center;gap:8px;padding:10px 12px 12px;color:var(--text,#1E1A20)}
.pp-ghid .hooo-camp--carduri .hooo-optiune__titlu{font:750 15px/1.2 var(--font-display)}
.pp-ghid .hooo-camp--carduri .pp-motiv{width:28px;height:28px;flex:none}
.pp-ghid .hooo-camp--carduri .hooo-optiune:has(input:checked){box-shadow:0 0 0 3px var(--c1),0 10px 24px -14px rgba(30,26,32,.55);transform:translateY(-1px)}
@media (min-width:700px){.pp-ghid .hooo-camp--carduri .hooo-optiuni{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pp-ghid .cs-formate{grid-template-columns:1fr}
@media (min-width:700px){.pp-ghid .cs-formate{grid-template-columns:1fr 1fr}}

/* ---------- 3. temele ---------- */
.pp-temele{padding:clamp(56px,8vw,104px) 0;background:var(--pc-hartie,#FBF6EF)}
.pp-temele .pc-cap p{max-width:640px}
.pp-temele__grila{display:grid;grid-template-columns:1fr;gap:16px;margin:28px 0 0;padding:0;list-style:none}
.pp-tc{position:relative;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--fundal);color:var(--text);box-shadow:0 0 0 1px rgba(30,26,32,.06),0 18px 40px -28px rgba(30,26,32,.45)}
.pp-tc__img{display:block;aspect-ratio:1/.98;background:var(--fundal);overflow:hidden}
.pp-tc__img img{display:block;width:100%;height:100%;object-fit:cover}
.pp-tc:not(.are-masa) .pp-tc__img img{object-fit:contain;padding:18px}
.pp-tc h3{display:flex;align-items:center;gap:8px;margin:14px 16px 4px;font:800 20px/1.15 var(--font-display);color:var(--text)}
.pp-tc h3 .pp-motiv{width:30px;height:30px;flex:none}
.pp-tc p{margin:0 16px;font-size:15px;line-height:1.5;color:#3b3439}
.pp-tc__btn{align-self:flex-start;margin:12px 16px 16px;min-height:44px;padding:10px 18px;border-radius:999px;border:1.5px solid var(--c1);background:transparent;color:var(--text);
  font:700 15px/1 var(--font-body);cursor:pointer;transition:background .2s,color .2s}
.pp-tc__btn:hover{background:var(--c1);color:#fff}
@media (min-width:700px){.pp-temele__grila{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.pp-temele__grila{grid-template-columns:repeat(4,minmax(0,1fr))}.pp-tc:first-child{grid-column:span 2;grid-row:span 2}
  .pp-tc:first-child h3{font-size:26px}.pp-tc:not(:first-child) .pp-tc__img{aspect-ratio:1/.8}}

/* ---------- 4. Ce primești: paginile reale ---------- */
.pp-ce__grila{display:grid;grid-template-columns:1fr;gap:28px;align-items:start}
.pp-ce__carduri{grid-template-columns:1fr!important}
.pp-ce__card--kit{background:#173C31!important;color:#FFF3E3}
.pp-ce__card--kit h3,.pp-ce__card--kit p{color:inherit}
.pp-pagini{margin:0}
.pp-pagini__lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.pp-pagini__lista li{display:flex;flex-direction:column;gap:6px;font-size:12px;line-height:1.3;color:var(--pc-muted,#6E665F)}
.pp-pagini__lista img{display:block;width:100%;height:auto;border-radius:6px;background:#fff;box-shadow:0 0 0 1px rgba(30,26,32,.08),0 10px 22px -16px rgba(30,26,32,.6)}
.pp-pagini figcaption{margin-top:14px;font-size:14px;line-height:1.5;color:var(--pc-muted,#6E665F)}
.pp-pagini figcaption a{color:var(--rasp,#C92A48);font-weight:650}
@media (min-width:981px){.pp-ce__grila{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:44px}}

/* ---------- 5. formatele ---------- */
.pp-formate__grila{grid-template-columns:1fr!important}
@media (min-width:700px){.pp-formate__grila{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (min-width:1100px){.pp-formate__grila{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
.pp-format__kit{background:#173C31!important;color:#FFF3E3!important}
.pp-formate__nota{margin:18px 0 0;font-size:14px;color:var(--pc-muted,#6E665F)}

@media (prefers-reduced-motion:reduce){
  .pp-scena,.pp-pv__inv{transition:none}
  .pp-steag.is-cade,.pp-steag.is-leagana,.pp-balon{animation:none}
}