/*
 * hooo · stilurile demonstrațiilor interactive de pe paginile de cadouri (assets/lp/demo.css, cu assets/lp/demo.js).
 * Tokenurile vin din style.css (--ink, --rasp, --pine, --blush, fonturile); culoarea familiei vine din --lp-accent,
 * pusă de șablon pe container, iar până atunci din --rasp. Mărimile din machete sunt în cqw, ca să scaleze cu locul lor.
 */
/* culoarea familiei: --lp-accent din contract sau --fam/--fam-text, pe care le pune șablonul (inc/lp.php); altfel zmeura mărcii */
.lp-demo{--lpd-a:var(--lp-accent,var(--fam,var(--rasp,#C92A48)));--lpd-t:var(--lp-accent,var(--fam-text,var(--rasp-d,#A11F3A)))}
.lp-demo--pornit>.lpd-rezerva{display:none!important}
.lpd{--r:var(--rasp,#C92A48);--rd:var(--rasp-d,#A11F3A);--i:var(--ink,#1E1A20);--i2:var(--ink-2,#4A444D);--i3:var(--ink-3,#7A7280);--bl:var(--blush,#FBEEF1);--bl2:var(--blush-2,#F5DCE2);--pi:var(--pine,#1F5B4A);--y:#EFC654;--ln:var(--line,#E7E0E4);--e:var(--ease,cubic-bezier(.2,.8,.2,1));--fd:var(--font-display,"Bricolage Grotesque",sans-serif);--fb:var(--font-body,"Instrument Sans",sans-serif);--sh:0 1px 2px rgba(30,26,32,.06),0 12px 32px rgba(30,26,32,.1);--sh2:0 2px 6px rgba(30,26,32,.08),0 24px 60px rgba(30,26,32,.18);position:relative;container-type:inline-size;font:400 16px/1.5 var(--fb);color:var(--i);text-align:left;-webkit-tap-highlight-color:transparent}
.lpd *,.lpd *::before,.lpd *::after{box-sizing:border-box}
.lpd :where(h3,h4,p,ul,ol,dl,dd,figure){margin:0}
.lpd :where(ul,ol){padding:0;list-style:none}
.lpd :where(button){margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;text-transform:none;letter-spacing:inherit}
.lpd :where(button:disabled){cursor:default}
.lpd img{display:block;max-width:none}
.lpd [hidden]{display:none!important}
.lpd :focus-visible{outline:3px solid var(--r);outline-offset:3px}
.lpd [tabindex="-1"]:focus{outline:0}
.lpd .lpd-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.lpd:not(.lpd--in) *,.lpd:not(.lpd--in) *::before,.lpd:not(.lpd--in) *::after{animation-play-state:paused!important}

/* ---------- butoane, etichete, navigare ---------- */
.lpd .lpd-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:14px;background:var(--r);color:#fff;font:600 16px/1.1 var(--fb);box-shadow:0 10px 22px -10px rgba(201,42,72,.7);transition:background .2s var(--e),transform .2s var(--e),box-shadow .2s var(--e)}
@media (hover:hover){.lpd .lpd-btn:hover{background:var(--rd);transform:translateY(-1px)}}
.lpd .lpd-btn:active{transform:translateY(1px)}
.lpd .lpd-btn--mare{min-height:56px;padding:0 30px;font-size:17px}
.lpd .lpd-btn--ghost{background:#fff;color:var(--i);box-shadow:inset 0 0 0 1.5px var(--i)}
@media (hover:hover){.lpd .lpd-btn--ghost:hover{background:var(--i);color:#fff}}
.lpd .lpd-ic{display:inline-flex}
.lpd .lpd-ic svg{width:18px;height:18px}
.lpd .lpd-rotund{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff;color:var(--i);box-shadow:0 0 0 1px var(--ln),0 4px 12px rgba(30,26,32,.08);transition:transform .2s var(--e),background .2s,opacity .2s}
@media (hover:hover){.lpd .lpd-rotund:hover:not(:disabled){transform:translateY(-1px);background:var(--bl)}}
.lpd .lpd-rotund:disabled{opacity:.35}
.lpd .lpd-rotund svg{width:20px;height:20px}
.lpd .lpd-chip{min-height:40px;padding:0 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--ln);color:var(--i2);font:600 14px/1 var(--fb);transition:background .2s var(--e),color .2s,box-shadow .2s}
@media (hover:hover){.lpd .lpd-chip:hover{box-shadow:inset 0 0 0 1.5px var(--i);color:var(--i)}}
.lpd .lpd-chip[aria-pressed=true]{background:var(--i);color:#fff;box-shadow:none}
.lpd .lpd-link{display:inline-flex;align-items:center;gap:6px;padding:6px 0;border-bottom:1px solid currentColor;color:var(--i2);font:600 14px/1.2 var(--fb)}
@media (hover:hover){.lpd .lpd-link:hover:not(:disabled){color:var(--r)}}
.lpd .lpd-link:disabled{opacity:.35;border-color:transparent}
.lpd .lpd-link .lpd-ic svg{width:15px;height:15px}
/* pagina are „.lp button:focus-visible{border-radius:4px}”: la focus, butoanele își păstrează forma */
.lpd .lpd-btn:focus-visible,.lpd .lpd-jp__c:focus-visible{border-radius:14px}
.lpd .lpd-chip:focus-visible{border-radius:999px}
.lpd .lpd-var:focus-visible{border-radius:16px}
.lpd .lpd-ct__c:focus-visible{border-radius:24px}
.lpd .lpd-rotund:focus-visible,.lpd .lpd-au__play:focus-visible,.lpd .lpd-vi__mare:focus-visible,.lpd .lpd-hr__pct:focus-visible,.lpd .lpd-cp__x:focus-visible,.lpd .lpd-id__maner:focus-visible{border-radius:50%}
.lpd .lpd-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px}
.lpd .lpd-nav__nr{min-width:120px;text-align:center;color:var(--i2);font:600 14px/1 var(--fb);font-variant-numeric:tabular-nums}
.lpd .lpd-punct{flex:none;width:7px;height:7px;border-radius:50%;background:currentColor;animation:lpd-clipeste 1.8s ease-in-out infinite}

/* ---------- imaginile și rezerva lor ---------- */
.lpd .lpd-poza{position:relative;overflow:hidden;background:var(--bl)}
.lpd .lpd-poza img{width:100%;height:100%;object-fit:cover}
.lpd .lpd-poza--lipsa{display:grid;place-items:center;background:var(--lpd-fb,var(--lpd-a));background:linear-gradient(140deg,var(--lpd-fb,var(--lpd-a)),color-mix(in srgb,var(--lpd-fb,var(--lpd-a)) 45%,#fff))}
.lpd .lpd-poza--lipsa::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.4),transparent 45%),repeating-linear-gradient(135deg,rgba(255,255,255,.08) 0 12px,transparent 12px 24px)}
.lpd .lpd-poza--gri{--lpd-fb:#8C838B}
.lpd .lpd-poza--gol{display:none}
.lpd .lpd-lipsa{position:relative;max-width:90%;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--i);font:600 12px/1.2 var(--fb);text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.lpd .lpd-confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:20}

/* ---------- textul care se potrivește pe lățime ---------- */
.lpd .lpd-fit{display:block;white-space:nowrap;line-height:1.08}
.lpd .lpd-fit>span{display:inline-block;font-size:calc(var(--fs,10cqw) * var(--f,1))}

@keyframes lpd-intra{from{opacity:0;transform:translateY(14px)}}
@keyframes lpd-iese{to{opacity:0;transform:translateY(-10px)}}
@keyframes lpd-pop{0%{opacity:0;transform:scale(.3) translateY(40%)}60%{opacity:1;transform:scale(1.12)}100%{transform:none}}
@keyframes lpd-scutura{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(4px)}30%,50%,70%{transform:translateX(-7px)}40%,60%{transform:translateX(7px)}}
@keyframes lpd-pluteste{50%{transform:translateY(-7px) rotate(-1.5deg)}}
@keyframes lpd-puls{from{transform:scale(1);opacity:.55}to{transform:scale(2.6);opacity:0}}
@keyframes lpd-clipeste{50%{opacity:.25}}
@keyframes lpd-kb{from{transform:scale(1.02)}to{transform:scale(1.16) translate(-3%,-2%)}}
@keyframes lpd-sclipeste{0%,100%{opacity:.25;transform:scale(.6)}50%{opacity:1;transform:scale(1)}}
@keyframes lpd-sari{50%{scale:1.07}}

/* ---------- 1. reveal ---------- */
.lpd .lpd-rv{position:relative;max-width:640px;margin:0 auto;padding:24px 28px 30px;border-radius:26px;background:radial-gradient(120% 90% at 50% 0,#fff 0,#fff 45%,var(--bl) 100%);background:radial-gradient(120% 90% at 50% 0,#fff 0,#fff 45%,color-mix(in srgb,var(--lpd-a) 16%,#fff) 100%);box-shadow:var(--sh);overflow:hidden}
.lpd .lpd-rv__sus{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.lpd .lpd-rv__pas{color:var(--rd);font:700 12px/1.2 var(--fb);letter-spacing:.1em;text-transform:uppercase}
.lpd .lpd-rv__bara{display:flex;gap:6px}
.lpd .lpd-rv__bara i{position:relative;width:34px;height:7px;border-radius:9px;background:rgba(30,26,32,.1);overflow:hidden}
.lpd .lpd-rv__bara i::after{content:"";position:absolute;inset:0;background:var(--lpd-t);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--e)}
.lpd .lpd-rv__bara i.acum::after{transform:scaleX(.4)}
.lpd .lpd-rv__bara i.plin::after{transform:none}
.lpd .lpd-rv__scena{display:grid;min-height:460px}
.lpd .lpd-rv__ecran{grid-area:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;animation:lpd-intra .5s var(--e) both}
.lpd .lpd-rv__ecran.iese{animation:lpd-iese .28s var(--e) both;pointer-events:none}
.lpd .lpd-rv__tip{color:var(--i3);font:700 12px/1 var(--fb);letter-spacing:.14em;text-transform:uppercase}
.lpd .lpd-rv__titlu{max-width:24ch;color:var(--i);font:700 clamp(23px,5.4cqw,31px)/1.12 var(--fd);letter-spacing:-.02em;text-wrap:balance}
.lpd .lpd-rv__sub{color:var(--i2)}
.lpd .lpd-rv__cutie{position:relative;width:min(230px,60cqw);margin-bottom:2px}
.lpd .lpd-cutie{animation:lpd-pluteste 3.4s var(--e) infinite}
.lpd .lpd-cutie svg{display:block;width:100%;height:auto;overflow:visible}
.lpd .lpd-capac{transform-box:fill-box;transform-origin:50% 100%;transition:transform .6s cubic-bezier(.3,1.6,.5,1)}
.lpd .lpd-cutie.deschide{animation:lpd-scutura .5s}
.lpd .lpd-cutie.deschide .lpd-capac{transform:translate(-8px,-44px) rotate(-16deg)}
.lpd .lpd-scl{transform-box:fill-box;transform-origin:center;animation:lpd-sclipeste 2.6s ease-in-out infinite}
.lpd .lpd-scl2{animation-delay:-1.3s}
.lpd .lpd-rv__tag{position:absolute;right:-6%;bottom:12%;padding:7px 14px 7px 24px;border-radius:6px 14px 14px 6px;background:#fff;color:var(--i);font:700 15px/1.1 var(--fd);white-space:nowrap;box-shadow:0 8px 18px -6px rgba(30,26,32,.3);transform:rotate(-7deg)}
.lpd .lpd-rv__tag::before{content:"";position:absolute;left:9px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--bl2);box-shadow:inset 0 0 0 1.5px var(--i3)}
.lpd .lpd-rv__var{display:grid;gap:10px;width:100%;max-width:450px;margin-top:4px}
.lpd .lpd-var{display:flex;align-items:center;gap:14px;width:100%;min-height:56px;padding:10px 16px;border-radius:16px;background:#fff;color:var(--i);font:600 16px/1.3 var(--fb);text-align:left;box-shadow:inset 0 0 0 1.5px var(--ln),0 2px 6px rgba(30,26,32,.04);transition:transform .2s var(--e),box-shadow .2s var(--e),background .2s}
@media (hover:hover){.lpd .lpd-var:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1.5px var(--i),0 10px 20px -12px rgba(30,26,32,.35)}}
.lpd .lpd-var__l{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--bl);color:var(--rd);font:700 14px/1 var(--fd)}
.lpd .lpd-var__l svg{width:18px;height:18px}
.lpd .lpd-var.gresit{background:#FFF6F6;color:var(--i3);box-shadow:inset 0 0 0 1.5px #EBC1C1;text-decoration:line-through;text-decoration-color:rgba(180,35,24,.45);cursor:default;transform:none;animation:lpd-scutura .45s}
.lpd .lpd-var.gresit .lpd-var__l{background:#F7DADA;color:#B42318}
.lpd .lpd-var.corect{background:#EAF5EE;box-shadow:inset 0 0 0 2px #1F7A4D}
.lpd .lpd-var.corect .lpd-var__l{background:#1F7A4D;color:#fff}
.lpd .lpd-rv__ind{max-width:450px;padding:10px 16px;border-radius:12px;background:#FFF7DD;color:#5E4A0E;font-size:15px;line-height:1.45;animation:lpd-intra .4s var(--e) both}
.lpd .lpd-rv__ind b{color:#8A6A0A}
.lpd .lpd-rv__nota{color:var(--i3);font-size:14px}
.lpd .lpd-razuit{position:relative;width:100%;max-width:430px;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--sh)}
.lpd .lpd-razuit>.lpd-poza{position:absolute;inset:0}
.lpd .lpd-folie{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);touch-action:none;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Ccircle cx='16' cy='16' r='12' fill='%23EFC654' stroke='%23B7892A' stroke-width='2'/%3E%3Ccircle cx='16' cy='16' r='7' fill='none' stroke='%23B7892A' stroke-width='1.5'/%3E%3C/svg%3E") 16 16,crosshair;transition:opacity .75s var(--e)}
.lpd .lpd-folie.gata{opacity:0;pointer-events:none}
.lpd .lpd-razuit:has(.lpd-folie:focus-visible)::after{content:"Apasă Enter ca să răzuiești";position:absolute;left:50%;bottom:12px;transform:translateX(-50%);padding:6px 12px;border-radius:999px;background:var(--i);color:#fff;font:600 13px/1.2 var(--fb);white-space:nowrap;pointer-events:none}
.lpd .lpd-cod{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}
.lpd .lpd-cod__camp{position:relative;width:100%;display:flex;justify-content:center}
.lpd .lpd-cod__cas{display:grid;grid-template-columns:repeat(var(--n),minmax(0,54px));justify-content:center;gap:clamp(4px,1.6cqw,8px);width:100%}
.lpd .lpd-cod__cas span{position:relative;display:grid;place-items:center;aspect-ratio:.82;border-radius:14px;background:#fff;color:var(--i);font:700 clamp(18px,calc(64cqw / var(--n)),30px)/1 var(--fd);text-transform:uppercase;box-shadow:inset 0 0 0 1.5px var(--ln);transition:box-shadow .2s var(--e),background .3s var(--e),color .3s,transform .35s var(--e);transition-delay:0s,calc(var(--k) * 60ms),calc(var(--k) * 60ms),calc(var(--k) * 60ms)}
.lpd .lpd-cod__cas span.acum{box-shadow:inset 0 0 0 2px var(--r),0 0 0 4px rgba(201,42,72,.14)}
.lpd .lpd-cod__cas span.acum:empty::after{content:"";width:2px;height:44%;background:var(--r);animation:lpd-clipeste 1s steps(1) infinite}
.lpd .lpd-cod__in{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:14px;background:transparent;color:transparent;caret-color:transparent;font-size:16px;box-shadow:none;outline:0;cursor:text;-webkit-text-fill-color:transparent}
.lpd .lpd-cod__in::selection{background:transparent}
.lpd .lpd-cod.gresit .lpd-cod__cas{animation:lpd-scutura .45s}
.lpd .lpd-cod.gresit .lpd-cod__cas span{background:#FFF6F6;box-shadow:inset 0 0 0 2px #EBC1C1}
.lpd .lpd-cod.corect .lpd-cod__cas span{background:#1F7A4D;color:#fff;box-shadow:none;transform:translateY(-4px)}
.lpd .lpd-cod--liber .lpd-cod__in{position:static;width:min(340px,100%);height:56px;padding:0 16px;border:1.5px solid var(--ln);background:#fff;color:var(--i);caret-color:var(--r);-webkit-text-fill-color:currentColor;text-align:center;font:700 22px/1 var(--fd);letter-spacing:.1em;text-transform:uppercase}
.lpd .lpd-cod--liber .lpd-cod__in:focus{border-color:var(--r);box-shadow:0 0 0 4px rgba(201,42,72,.14)}
.lpd .lpd-cod--liber .lpd-cod__in::selection{background:rgba(201,42,72,.2)}
.lpd .lpd-rv__final{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-areas:"f h" "f d";align-items:center;gap:6px 28px;text-align:left}
.lpd .lpd-hooo{grid-area:h;align-self:end;display:flex;align-items:baseline;color:var(--r);font:800 clamp(64px,17cqw,108px)/.9 var(--fd);letter-spacing:-.05em}
.lpd .lpd-hooo span{display:inline-block;animation:lpd-pop .75s cubic-bezier(.3,1.5,.5,1) both;animation-delay:calc(var(--k) * 85ms + 100ms)}
.lpd .lpd-hooo span:first-child{color:var(--i)}
.lpd .lpd-hooo span:nth-child(3){font-size:.78em;color:#D9526B}
.lpd .lpd-hooo span:nth-child(4){font-size:.6em;color:#E6798D}
.lpd .lpd-rv__foto{grid-area:f;transform:rotate(-3deg);animation:lpd-pop .8s cubic-bezier(.3,1.4,.5,1) both}
.lpd .lpd-rv__foto .lpd-poza{aspect-ratio:4/3;border:8px solid #fff;border-radius:16px;box-shadow:var(--sh2)}
.lpd .lpd-rv__dez{grid-area:d;align-self:start;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.lpd .lpd-rv__text{max-width:42ch;color:var(--i2)}
.lpd .lpd-rv__dez .lpd-btn{margin-top:4px}
@container (max-width:560px){
	.lpd .lpd-rv{padding:18px 16px 22px;border-radius:22px}
	.lpd .lpd-rv__scena{min-height:470px}
	.lpd .lpd-rv__final{grid-template-columns:minmax(0,1fr);grid-template-areas:"h" "f" "d";text-align:center}
	.lpd .lpd-hooo{justify-self:center}
	.lpd .lpd-rv__foto{justify-self:center;width:min(300px,88%);margin:6px 0 8px}
	.lpd .lpd-rv__dez{align-items:center}
	.lpd .lpd-rv__tag{right:-2%;font-size:14px}
}

/* ---------- 2. înainte / după ---------- */
.lpd .lpd-id{max-width:940px;margin:0 auto}
.lpd .lpd-id__cadru{--poz:50%;--rap:1.3333;position:relative;width:min(100%,calc(72vh * var(--rap)));margin:0 auto;aspect-ratio:var(--rap);border-radius:22px;overflow:hidden;background:var(--bl);box-shadow:var(--sh2);touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none}
.lpd .lpd-id__strat,.lpd .lpd-id__strat>.lpd-poza{position:absolute;inset:0}
.lpd .lpd-id__strat>.lpd-poza{opacity:0;filter:blur(8px) saturate(1.3);transform:scale(1.04);transition:opacity .7s var(--e),filter .7s var(--e),transform 1.1s var(--e)}
.lpd .lpd-id__strat>.lpd-poza.activ{opacity:1;filter:none;transform:none}
.lpd .lpd-id__ina{z-index:1;clip-path:inset(0 calc(100% - var(--poz)) 0 0)}
.lpd .lpd-id__linie{position:absolute;top:0;bottom:0;left:var(--poz);z-index:2;width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 14px rgba(0,0,0,.28);pointer-events:none}
.lpd .lpd-id__maner{position:absolute;top:50%;left:var(--poz);z-index:3;display:grid;place-items:center;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#fff;color:var(--i);box-shadow:0 6px 20px rgba(0,0,0,.28);cursor:grab;transition:transform .2s var(--e)}
.lpd .lpd-id__maner svg{width:26px;height:26px}
.lpd .lpd-id__cadru:not(.trage) .lpd-id__ina{transition:clip-path .35s var(--e)}
.lpd .lpd-id__cadru:not(.trage) .lpd-id__linie,.lpd .lpd-id__cadru:not(.trage) .lpd-id__maner{transition:left .35s var(--e),transform .2s var(--e)}
.lpd .lpd-id__cadru.trage .lpd-id__maner{transform:scale(1.08)}
@media (hover:hover){.lpd .lpd-id__maner:hover{transform:scale(1.08)}}
.lpd .lpd-id__cadru.trage{cursor:grabbing}
.lpd .lpd-id__maner:focus-visible{outline-offset:4px}
.lpd .lpd-id__et{position:absolute;top:14px;z-index:2;max-width:44%;overflow:hidden;padding:6px 12px;border-radius:999px;background:rgba(30,26,32,.8);color:#fff;font:600 13px/1.2 var(--fb);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;transition:opacity .25s}
/* într-o demonstrație îngustă (telefon), eticheta se rupe pe două rânduri în loc să fie tăiată cu „…” */
@container (max-width:460px){.lpd .lpd-id__et{max-width:46%;padding:6px 11px;border-radius:12px;font-size:12px;line-height:1.25;white-space:normal;text-overflow:clip}}
.lpd .lpd-id__et--st{left:14px}
.lpd .lpd-id__et--dr{right:14px;background:rgba(255,255,255,.92);color:var(--i)}
.lpd .lpd-id__et.ascuns{opacity:0}
.lpd .lpd-id .lpd-poza--lipsa{place-items:end end;padding:0 14px 16px}
.lpd .lpd-id__ina .lpd-poza--lipsa{place-items:end start}
.lpd .lpd-id__stiluri{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px}

/* ---------- 3. nume-live ---------- */
.lpd .lpd-nl{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:36px;max-width:1000px;margin:0 auto}
.lpd .lpd-nl__camp>label{display:block;margin-bottom:8px;color:var(--i);font:600 15px/1.3 var(--fb)}
.lpd .lpd-nl__rand{position:relative}
.lpd .lpd-nl__in{width:100%;min-height:60px;margin:0;padding:12px 18px;border:1.5px solid var(--ln);border-radius:16px;background:#fff;color:var(--i);font:600 22px/1.2 var(--fd);letter-spacing:-.01em;box-shadow:0 2px 6px rgba(30,26,32,.04)}
.lpd .lpd-nl__in:focus{border-color:var(--r);outline:0;box-shadow:0 0 0 4px rgba(201,42,72,.22)}
.lpd .lpd-nl__in::placeholder{color:#B9B0B7}
.lpd .lpd-nl__nr{display:block;margin-top:6px;color:var(--i3);font-size:13px;text-align:right;font-variant-numeric:tabular-nums}
.lpd .lpd-nl__sug,.lpd .lpd-nl__val{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;color:var(--i3);font-size:14px}
.lpd .lpd-nl__sug .lpd-chip{min-height:36px;padding:0 13px}
.lpd .lpd-nl__scena{display:grid;place-items:center;padding:8px 0}
.lpd .lpd-mac{position:relative;width:100%;margin:0 auto;container-type:inline-size}
.lpd .lpd-mac--rev{--mw:370px;--ar:.77}.lpd .lpd-mac--sc{--mw:300px;--ar:.72}.lpd .lpd-mac--pt{--mw:600px;--ar:.62}.lpd .lpd-mac--hp{--mw:380px;--ar:.75}.lpd .lpd-mac--sm{--mw:430px;--ar:.76}.lpd .lpd-mac--cc{--mw:440px;--ar:1.4}
.lpd .lpd-mac[class*=lpd-mac--]{max-width:var(--mw)}
@container (max-width:640px){
	.lpd .lpd-nl{grid-template-columns:minmax(0,1fr);gap:18px}
	.lpd .lpd-nl__scena{order:-1;padding:0}
}
/* pe ecranele tactile, macheta stă cât jumătate de ecran, iar cât scrii (tastatura ia cealaltă jumătate) se strânge, ca să rămână la vedere deasupra câmpului */
@media (pointer:coarse){@container (max-width:640px){
	.lpd .lpd-nl .lpd-mac[class*=lpd-mac--]{max-width:min(var(--mw),calc(52vh * var(--ar)));max-width:min(var(--mw),calc(52svh * var(--ar)));transition:max-width .35s var(--e)}
	.lpd .lpd-nl:has(.lpd-nl__in:focus) .lpd-mac[class*=lpd-mac--]{max-width:min(var(--mw),calc(32vh * var(--ar)));max-width:min(var(--mw),calc(32svh * var(--ar)))}
}}
/* revista */
.lpd .lpd-rev{position:relative;display:flex;flex-direction:column;aspect-ratio:.77;padding:6.5cqw 6.5cqw 6cqw;overflow:hidden;border-radius:6px;background:linear-gradient(160deg,#D3354F,#A11F3A);color:#FFF6E8;box-shadow:var(--sh2)}
.lpd .lpd-rev>*{position:relative;z-index:2}
.lpd .lpd-rev>.lpd-rev__foto{position:absolute;inset:0;z-index:0;background:none}
.lpd .lpd-rev.cu-foto::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(40,10,18,.6),rgba(40,10,18,0) 36%,rgba(40,10,18,0) 55%,rgba(40,10,18,.72))}
.lpd .lpd-rev__sus{display:flex;justify-content:space-between;padding-bottom:2.2cqw;border-bottom:.45cqw solid currentColor;font:600 3cqw/1 var(--fb);letter-spacing:.18em;text-transform:uppercase}
.lpd .lpd-rev__nume{--fs:20cqw;margin-top:1.8cqw;font-family:var(--fd);font-weight:800;line-height:.95;letter-spacing:-.045em;text-align:center;text-transform:uppercase}
.lpd .lpd-rev__banda{align-self:flex-start;margin-top:2.6cqw;padding:1.5cqw 3cqw;border-radius:1cqw;background:var(--y);color:var(--i);font:700 3.6cqw/1.1 var(--fb);transform:rotate(-2deg)}
.lpd .lpd-rev__rub{display:grid;gap:2.4cqw;max-width:60%;margin-top:auto;font:600 3.8cqw/1.18 var(--fd);letter-spacing:-.01em}
.lpd .lpd-rev__rub li{position:relative;padding-left:3.6cqw}
.lpd .lpd-rev__rub li::before{content:"";position:absolute;left:0;top:.42em;width:1.9cqw;height:1.9cqw;border-radius:50%;background:var(--y)}
.lpd .lpd-rev>.lpd-rev__cifra{position:absolute;right:4cqw;top:37cqw;z-index:1;color:var(--y);font:800 54cqw/.8 var(--fd);letter-spacing:-.07em;text-shadow:1.6cqw 1.6cqw 0 rgba(90,10,30,.35);transform:rotate(-6deg)}
.lpd .lpd-rev.cu-foto>.lpd-rev__cifra{display:none}
.lpd .lpd-rev>.lpd-rev__stea{position:absolute;left:6cqw;top:50cqw;display:grid;place-items:center;align-content:center;width:22cqw;height:22cqw;border-radius:50%;background:var(--y);color:var(--i);text-align:center;transform:rotate(12deg);box-shadow:0 1.5cqw 3cqw rgba(0,0,0,.18)}
.lpd .lpd-rev__stea b{font:800 4.4cqw/1 var(--fd);letter-spacing:-.02em}
.lpd .lpd-rev__stea small{font:800 6.4cqw/.95 var(--fd);letter-spacing:-.03em}
.lpd .lpd-rev>.lpd-rev__cod{position:absolute;right:5.5cqw;bottom:5.5cqw;padding:1.6cqw 2cqw 1.2cqw;border-radius:.8cqw;background:#fff;color:var(--i);text-align:center}
.lpd .lpd-rev__cod svg{display:block;width:17cqw;height:6.5cqw;fill:var(--i)}
.lpd .lpd-rev__cod small{display:block;margin-top:.6cqw;font:500 1.9cqw/1 var(--fb);letter-spacing:.08em}
/* cartonașul sportiv (și la card-3d) */
.lpd .lpd-sc{position:relative;width:100%;aspect-ratio:5/7;padding:3.2%;border-radius:4.6%/3.3%;background:linear-gradient(145deg,#EBCB70,#C4952B 38%,#F4DE92 58%,#B8862A);box-shadow:var(--sh2);container-type:inline-size}
.lpd .lpd-sc__in{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:3.4cqw;background:var(--r)}
.lpd .lpd-sc__foto{position:relative;flex:1;min-height:0;overflow:hidden;background:repeating-linear-gradient(-45deg,#C92A48 0 7cqw,#B8243F 7cqw 14cqw)}
.lpd .lpd-sc__foto>.lpd-poza{position:absolute;inset:0;z-index:1}
.lpd .lpd-sc__desen{position:absolute;right:-4cqw;bottom:-12cqw;color:transparent;font:800 78cqw/1 var(--fd);letter-spacing:-.06em;-webkit-text-stroke:.6cqw rgba(255,246,232,.45)}
.lpd .lpd-sc__nr{position:absolute;left:4.5cqw;top:4.5cqw;z-index:2;display:grid;place-items:center;width:17cqw;height:17cqw;border-radius:50%;background:#fff;color:var(--r);font:800 8.5cqw/1 var(--fd);letter-spacing:-.04em;box-shadow:0 1cqw 3cqw rgba(0,0,0,.22)}
.lpd .lpd-sc__sport{position:absolute;right:4.5cqw;top:6cqw;z-index:2;padding:1.8cqw 3.4cqw;border-radius:99px;background:rgba(30,26,32,.8);color:#fff;font:700 3.4cqw/1 var(--fb);letter-spacing:.14em;text-transform:uppercase}
.lpd .lpd-sc__jos{position:relative;padding:4cqw 5cqw 4.5cqw;background:var(--i);color:#fff;text-align:center}
.lpd .lpd-sc__jos::before{content:"";position:absolute;left:0;right:0;top:-3.5cqw;height:3.6cqw;background:linear-gradient(to top right,transparent 49%,var(--i) 50%)}
.lpd .lpd-sc__nume{--fs:10.5cqw;font-family:var(--fd);font-weight:800;letter-spacing:-.03em;text-transform:uppercase}
.lpd .lpd-sc__echipa{margin-top:1cqw;color:var(--y);font:700 3.3cqw/1.2 var(--fb);letter-spacing:.14em;text-transform:uppercase}
.lpd .lpd-sc__st{display:flex;gap:2cqw;margin-top:3.4cqw}
.lpd .lpd-sc__st div{display:flex;flex:1;flex-direction:column-reverse;padding:2cqw 1cqw;border-radius:2.4cqw;background:rgba(255,255,255,.09)}
.lpd .lpd-sc__st dd{font:800 6.5cqw/1 var(--fd)}
.lpd .lpd-sc__st dt{margin-top:1cqw;font:600 2.7cqw/1.15 var(--fb);letter-spacing:.06em;text-transform:uppercase;opacity:.75}
/* petrecerea */
.lpd .lpd-pt{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:4cqw 5cqw;padding:2cqw 2cqw 4cqw}
.lpd .lpd-pt__inv{grid-row:1/3;position:relative;display:flex;flex-direction:column;align-items:center;aspect-ratio:5/7;padding:0 8% 9%;overflow:hidden;border-radius:14px;background:var(--c2);color:var(--ct);text-align:center;box-shadow:var(--sh2);transform:rotate(-2.5deg);container-type:inline-size}
.lpd .lpd-pt__inv::before{content:"";position:absolute;inset:4cqw;border:.6cqw dashed var(--c1);border-radius:10px;opacity:.35;pointer-events:none}
.lpd .lpd-pt__motiv{width:90%;margin-top:10cqw}
.lpd .lpd-pt__motiv svg{display:block;width:100%;height:auto;overflow:visible}
.lpd .lpd-f1{fill:var(--c1)}.lpd .lpd-f3{fill:var(--c3)}.lpd .lpd-f4{fill:var(--c4)}
.lpd .lpd-s1{stroke:var(--c1)}.lpd .lpd-s3{stroke:var(--c3)}.lpd .lpd-s4{stroke:var(--c4)}
.lpd .lpd-pt__mic{margin-top:5cqw;font:700 4.6cqw/1.2 var(--fb);letter-spacing:.12em;text-transform:uppercase;opacity:.85}
.lpd .lpd-pt__nume{--fs:17cqw;width:100%;margin-top:1.5cqw;color:var(--c1);font-family:var(--fd);font-weight:800;letter-spacing:-.04em}
.lpd .lpd-pt__ani{font:600 7cqw/1.15 var(--fd)}
.lpd .lpd-pt__ani b{color:var(--c1);font-size:1.25em}
.lpd .lpd-pt__tema{margin-top:5cqw;padding:2cqw 5cqw;border-radius:99px;background:var(--c3);color:#1E1A20;font:700 4.6cqw/1.2 var(--fb)}
.lpd .lpd-pt__det{width:80%;margin-top:auto;padding-top:4cqw;border-top:.5cqw dashed color-mix(in srgb,var(--c1) 45%,transparent);font:600 4.6cqw/1.35 var(--fb);opacity:.85}
.lpd .lpd-pt__steag{position:relative;aspect-ratio:1.6;container-type:inline-size;filter:drop-shadow(0 8px 12px rgba(30,26,32,.18));transform:rotate(-4deg)}
.lpd .lpd-pt__steag svg,.lpd .lpd-pt__pahar svg{position:absolute;inset:0;width:100%;height:100%}
.lpd .lpd-pt__sn{--fs:12cqw;position:absolute;left:10%;top:28%;width:50%;color:var(--cf);font-family:var(--fd);font-weight:800;letter-spacing:-.02em;text-transform:uppercase}
.lpd .lpd-pt__pahar{position:relative;justify-self:center;width:74%;aspect-ratio:100/120;container-type:inline-size;filter:drop-shadow(0 10px 14px rgba(30,26,32,.2))}
.lpd .lpd-pt__et{position:absolute;left:50%;top:56%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:56%;aspect-ratio:1;padding:4cqw;border:1.8cqw solid var(--c3);border-radius:50%;background:#fff;color:var(--cs);text-align:center;transform:translate(-50%,-50%)}
.lpd .lpd-pt__et b{font:800 19cqw/.9 var(--fd);letter-spacing:-.05em}
.lpd .lpd-pt__pn{--fs:7cqw;width:100%;color:#1E1A20;font-family:var(--fd);font-weight:700}
@container (max-width:420px){
	.lpd .lpd-pt{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;padding:2cqw 4cqw 6cqw}
	.lpd .lpd-pt__inv{grid-column:1/3;grid-row:1;width:82%;justify-self:center}
}
/* afișul cu harta */
.lpd .lpd-hp{aspect-ratio:3/4;padding:5cqw;border-radius:4px;background:#FBF8F1;box-shadow:var(--sh2)}
.lpd .lpd-hp__rama{display:flex;flex-direction:column;align-items:center;height:100%;padding:6cqw 5cqw 6cqw;border:.5cqw solid var(--i);text-align:center}
.lpd .lpd-hp__harta{display:grid;place-items:center;flex:1;width:100%;min-height:0}
.lpd .lpd-hp__harta .lpd-hr__svg{position:static;display:block;width:100%;height:auto;max-height:100%}
.lpd .lpd-hp__titlu{margin-top:4cqw;color:var(--i2);font:600 3.4cqw/1.2 var(--fb);letter-spacing:.3em;text-transform:uppercase}
.lpd .lpd-hp__nume{--fs:11cqw;width:100%;margin-top:1.4cqw;color:var(--i);font-family:var(--fd);font-weight:800;letter-spacing:-.03em}
.lpd .lpd-hp__sub{margin-top:1.8cqw;color:var(--i3);font:500 3cqw/1.3 var(--fb);letter-spacing:.14em}
.lpd .lpd-hp .lpd-hr__tara{stroke-width:5}
.lpd .lpd-hp .lpd-hr__mare,.lpd .lpd-hp .lpd-hr__gr,.lpd .lpd-hp .lpd-hr__munti{display:none}
.lpd .lpd-hp .lpd-hr__tr{stroke-width:7;stroke-dasharray:3 16}
/* scrisoarea de la Moș Crăciun */
.lpd .lpd-sm{position:relative;display:flex;flex-direction:column;aspect-ratio:1/1.32;padding:9cqw 9cqw 8cqw;overflow:hidden;border-radius:4px;background:radial-gradient(circle at 12% 8%,rgba(239,198,84,.16),transparent 38%),radial-gradient(circle at 92% 94%,rgba(201,42,72,.09),transparent 42%),#FFFCF4;color:#3A2F32;box-shadow:var(--sh2)}
.lpd .lpd-sm::before{content:"";position:absolute;inset:3.4cqw;border:.4cqw solid rgba(201,42,72,.32);border-radius:3px;pointer-events:none}
.lpd .lpd-sm__antet{display:flex;align-items:center;gap:3.5cqw;padding-bottom:3.6cqw;border-bottom:.35cqw solid rgba(201,42,72,.28)}
.lpd .lpd-sm__fulg{flex:none;width:12cqw;height:12cqw;color:var(--r)}
.lpd .lpd-sm__fulg svg{display:block;width:100%;height:100%}
.lpd .lpd-sm__loc{color:var(--r);font:700 2.9cqw/1 var(--fb);letter-spacing:.3em;text-transform:uppercase}
.lpd .lpd-sm__birou{margin-top:1.2cqw;color:var(--i);font:700 5.6cqw/1.1 var(--fd);letter-spacing:-.01em}
.lpd .lpd-sm__data{margin-top:4.5cqw;color:var(--i3);font:italic 400 3.5cqw/1.2 var(--fb);text-align:right}
.lpd .lpd-sm__salut{--fs:9cqw;margin-top:2.5cqw;color:var(--r);font-family:var(--fd);font-weight:700;letter-spacing:-.02em}
.lpd .lpd-sm__p{margin-top:2.6cqw;font:400 3.95cqw/1.55 var(--fb)}
.lpd .lpd-sm__p b{color:var(--r);font-weight:700}
.lpd .lpd-sm__semn{margin-top:auto;font:italic 400 3.8cqw/1.3 var(--fb)}
.lpd .lpd-sm__semn span{display:block;margin-top:1cqw;color:var(--r);font:italic 600 8cqw/1 var(--fb);letter-spacing:-.02em;transform:rotate(-4deg);transform-origin:left}
.lpd .lpd-sm>.lpd-sm__sigiliu{position:absolute;right:7cqw;bottom:7cqw;width:17cqw;height:17cqw;transform:rotate(-12deg);filter:drop-shadow(0 1cqw 1.4cqw rgba(90,10,30,.3))}
.lpd .lpd-sm__sigiliu svg{display:block;width:100%;height:100%;font-family:var(--fd)}
/* cardul cadou */
.lpd .lpd-cc{padding:7cqw 5cqw 9cqw}
.lpd .lpd-cc__card{position:relative;display:flex;flex-direction:column;aspect-ratio:1.586;padding:6.5cqw 7cqw;overflow:hidden;border-radius:4.5cqw;background:radial-gradient(120% 140% at 0 0,#DC5670 0,#C92A48 45%,#A11F3A 100%);color:#FFF6E8;box-shadow:0 3cqw 6cqw -1.5cqw rgba(138,40,60,.5);transform:rotate(-5deg)}
.lpd .lpd-cc__card::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.2) 48%,transparent 62%);transform:translateX(-80%);animation:lpd-luciu 6s var(--e) infinite;pointer-events:none}
@keyframes lpd-luciu{0%,55%{transform:translateX(-80%)}100%{transform:translateX(80%)}}
.lpd .lpd-cc__logo svg{display:block;width:19cqw;height:auto}
.lpd .lpd-cc__pt{margin-top:auto;font:600 2.8cqw/1 var(--fb);letter-spacing:.26em;text-transform:uppercase;opacity:.85}
.lpd .lpd-cc__nume{--fs:10cqw;margin-top:1.4cqw;font-family:var(--fd);font-weight:700;letter-spacing:-.03em}
.lpd .lpd-cc__jos{display:flex;justify-content:space-between;align-items:flex-end;gap:4cqw;margin-top:3.5cqw}
.lpd .lpd-cc__jos>span{font:500 2.8cqw/1.35 var(--fd);opacity:.9}
.lpd .lpd-cc__jos b{font:600 8.5cqw/1 var(--fd);white-space:nowrap}
.lpd .lpd-cc__jos i{font-size:.45em;font-style:normal}

/* ---------- 4. cartea ---------- */
.lpd .lpd-cr{max-width:920px;margin:0 auto}
.lpd .lpd-cr__scena{padding:14px 0 6px;perspective:2400px}
.lpd .lpd-cr__carte{position:relative;margin:0 auto;container-type:inline-size;touch-action:pan-y;-webkit-user-select:none;user-select:none;outline-offset:8px;cursor:pointer}
.lpd .lpd-cr--dubla{width:94%;aspect-ratio:1.56}
.lpd .lpd-cr--simpla{width:min(92%,440px);aspect-ratio:.74}
.lpd .lpd-cr--intreaga{width:min(92%,520px);aspect-ratio:961/960}
.lpd .lpd-cr__carte::before{content:"";position:absolute;inset:-1.4cqw;border-radius:1.8cqw;background:linear-gradient(135deg,#236B57,#1F5B4A 60%,#174537);box-shadow:var(--sh2)}
.lpd .lpd-cr--simpla::before{inset:-2.4cqw -2.4cqw -2.4cqw -1.2cqw;border-radius:2.4cqw}
.lpd .lpd-cr__baza,.lpd .lpd-cr__foaie{position:absolute;top:0;bottom:0;width:50%}
.lpd .lpd-cr__baza--st{left:0}
.lpd .lpd-cr__baza--dr,.lpd .lpd-cr__foaie{left:50%}
.lpd .lpd-cr__baza--dr{box-shadow:.5cqw 0 0 #EFE8DC,1cqw 0 0 #E2D9CB}
.lpd .lpd-cr__baza--st{box-shadow:-.5cqw 0 0 #EFE8DC,-1cqw 0 0 #E2D9CB}
.lpd .lpd-cr__foaie{transform-origin:0 50%;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.45,.05,.3,1)}
.lpd .lpd-cr__foaie.intoarsa{transform:rotateY(-180deg)}
.lpd .lpd-cr__f{position:absolute;inset:0;overflow:hidden;background:#FFFDF8;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.lpd .lpd-cr__f.spate{transform:rotateY(180deg)}
.lpd .lpd-cr__f::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(30,26,32,.16),rgba(30,26,32,0) 10%)}
.lpd .lpd-cr__f.f2::after{background:linear-gradient(270deg,rgba(30,26,32,.2),rgba(30,26,32,0) 10%)}
.lpd .lpd-cr__f::before{content:"";position:absolute;inset:0;z-index:2;opacity:0;pointer-events:none;background:linear-gradient(90deg,rgba(30,26,32,.3),rgba(30,26,32,.05))}
.lpd .lpd-cr__foaie.gira .lpd-cr__f::before{animation:lpd-umbra .9s both}
@keyframes lpd-umbra{50%{opacity:1}}
.lpd .lpd-cr__img>.lpd-poza{position:absolute;inset:0}
.lpd .lpd-cr__txt{display:flex;flex-direction:column;justify-content:center;padding:10% 11% 12%}
.lpd .lpd-cr__txt p{color:var(--i);font:500 2.25cqw/1.5 var(--fd);letter-spacing:-.005em;text-wrap:pretty}
.lpd .lpd-cr__txt.lung p{font-size:1.85cqw}
.lpd .lpd-cr__txt p::first-letter{float:left;margin:.05em .1em 0 0;color:var(--r);font-size:2.6em;font-weight:800;line-height:.9}
.lpd .lpd-cr__pg{position:absolute;left:0;right:0;bottom:4.5%;color:var(--i3);font:600 1.3cqw/1 var(--fb);text-align:center}
.lpd .lpd-cr--simpla .lpd-cr__baza,.lpd .lpd-cr--simpla .lpd-cr__foaie{left:0;width:100%}
.lpd .lpd-cr--simpla .lpd-cr__f.f2{visibility:hidden}
.lpd .lpd-cr__pag{display:flex;flex-direction:column}
.lpd .lpd-cr__pag>.lpd-poza{flex:0 0 58%}
.lpd .lpd-cr__pag p{display:flex;flex:1;align-items:center;padding:4% 9% 9%;color:var(--i);font:500 4.9cqw/1.42 var(--fd);text-wrap:pretty}
.lpd .lpd-cr__pag p.lung{font-size:4.1cqw}
.lpd .lpd-cr__pag .lpd-cr__pg{font-size:3cqw;bottom:3%}

/* ---------- 5. jocul de memorie ---------- */
.lpd .lpd-jp{position:relative;max-width:780px;margin:0 auto}
.lpd .lpd-jp__bara{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px;margin-bottom:16px;color:var(--i2);font-size:15px}
.lpd .lpd-jp__bara b{color:var(--i);font:700 18px/1 var(--fd);font-variant-numeric:tabular-nums}
.lpd .lpd-jp__bara .lpd-link{margin-left:auto}
.lpd .lpd-jp__grila{--g:12px;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--g)}
.lpd .lpd-jp__c{width:calc((100% - (var(--col) - 1) * var(--g)) / var(--col));aspect-ratio:3/4;border-radius:14px;perspective:900px;outline-offset:3px}
.lpd .lpd-jp__in{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s var(--e)}
@media (hover:hover){.lpd .lpd-jp__c:hover:not(.sus) .lpd-jp__in{transform:translateY(-4px) rotate(-1deg)}}
.lpd .lpd-jp__c.sus .lpd-jp__in{transform:rotateY(180deg)}
.lpd .lpd-jp__f{position:absolute;inset:0;overflow:hidden;border-radius:14px;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:0 2px 4px rgba(30,26,32,.08),0 12px 22px -12px rgba(30,26,32,.35)}
.lpd .lpd-jp__dos{display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.18),transparent 55%),repeating-linear-gradient(45deg,rgba(255,255,255,.06) 0 6px,transparent 6px 12px),var(--r);color:#FFF6E8}
.lpd .lpd-jp__dos::before{content:"";position:absolute;inset:7px;border:1.5px solid rgba(255,246,232,.4);border-radius:9px}
.lpd .lpd-jp__dos svg{width:52%;height:auto}
.lpd .lpd-jp__fata{display:flex;flex-direction:column;background:#fff;transform:rotateY(180deg)}
.lpd .lpd-jp__fata>.lpd-poza{flex:1;min-height:0}
.lpd .lpd-jp__fata .lpd-lipsa{padding:4px 8px;font-size:10px}
.lpd .lpd-jp__nume{padding:7px 6px 8px;color:var(--i);font:600 clamp(11px,1.9cqw,14px)/1.15 var(--fb);text-align:center}
.lpd .lpd-jp__c.gasita .lpd-jp__fata{box-shadow:0 0 0 3px #1F7A4D,0 12px 24px -10px rgba(31,122,77,.55)}
.lpd .lpd-jp__c.gasita{animation:lpd-sari .5s var(--e);cursor:default}
.lpd .lpd-jp__final{position:absolute;inset:44px -8px -8px;z-index:6;display:grid;place-content:center;justify-items:center;gap:10px;border-radius:20px;background:rgba(251,248,241,.93);text-align:center;animation:lpd-intra .5s var(--e) both}
.lpd .lpd-jp__bravo{color:var(--r);font:800 clamp(52px,12cqw,88px)/1 var(--fd);letter-spacing:-.04em}
.lpd .lpd-jp__final .lpd-btn{margin-top:8px}
.lpd .lpd-jp__nota{margin-top:14px;color:var(--i3);font-size:14px;text-align:center}
@container (max-width:560px){.lpd .lpd-jp__grila{--g:8px;--col:4!important}.lpd .lpd-jp__grila:has(>:nth-child(10):last-child){--col:5!important}}

/* ---------- 6. cartonașele ---------- */
.lpd .lpd-ct{max-width:460px;margin:0 auto}
.lpd .lpd-ct__pachet{position:relative;aspect-ratio:4/5;margin:8px 22px 34px;perspective:1400px;touch-action:pan-y}
.lpd .lpd-ct__c{position:absolute;inset:0;border-radius:24px;text-align:left;outline-offset:4px;transition:transform .55s var(--e),opacity .45s var(--e)}
.lpd .lpd-ct__c[data-o="1"]{transform:translate(12px,10px) rotate(3deg) scale(.97)}
.lpd .lpd-ct__c[data-o="2"]{transform:translate(-10px,18px) rotate(-3deg) scale(.94)}
.lpd .lpd-ct__c[data-o="3"]{transform:translate(6px,26px) rotate(2deg) scale(.91)}
.lpd .lpd-ct__c[data-o="4"]{opacity:0;transform:translate(0,30px) scale(.88)}
.lpd .lpd-ct__c[data-o="dus"]{opacity:0;transform:translate(-118%,-4%) rotate(-16deg);pointer-events:none}
.lpd .lpd-ct__in{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s var(--e)}
.lpd .lpd-ct__c.intors .lpd-ct__in{transform:rotateY(180deg)}
.lpd .lpd-ct__f{position:absolute;inset:0;display:flex;flex-direction:column;padding:9% 9% 8%;overflow:hidden;border-radius:24px;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:0 2px 6px rgba(30,26,32,.08),0 20px 40px -18px rgba(30,26,32,.4);container-type:inline-size}
.lpd .lpd-ct__fata{background:radial-gradient(circle at 85% 12%,rgba(255,255,255,.16),transparent 45%),var(--bg);color:var(--fg)}
.lpd .lpd-ct__spate{background:#FFFDF8;color:var(--i);transform:rotateY(180deg)}
.lpd .lpd-ct__spate::after{content:"?";position:absolute;right:7cqw;bottom:-9cqw;color:var(--ac);font:800 64cqw/1 var(--fd);opacity:.07;pointer-events:none}
.lpd .lpd-ct__nr{font:800 30cqw/.85 var(--fd);letter-spacing:-.06em;opacity:.92}
.lpd .lpd-ct__etapa{margin-top:auto;font:700 11cqw/1.02 var(--fd);letter-spacing:-.03em}
.lpd .lpd-ct__hint{display:inline-flex;align-items:center;gap:2cqw;margin-top:5cqw;font:600 4.2cqw/1 var(--fb);opacity:.85}
.lpd .lpd-ct__hint svg{width:4.6cqw;height:4.6cqw}
.lpd .lpd-ct__e2{color:var(--ac);font:700 3.9cqw/1 var(--fb);letter-spacing:.16em;text-transform:uppercase}
.lpd .lpd-ct__q{margin:auto 0;font:600 8.4cqw/1.2 var(--fd);letter-spacing:-.02em;text-wrap:balance}
.lpd .lpd-ct__q.lung{font-size:6.8cqw}
.lpd .lpd-ct__marca{color:var(--r)}
.lpd .lpd-ct__marca svg{display:block;width:13cqw;height:auto}

/* ---------- 7. audio ---------- */
.lpd .lpd-au{max-width:780px;margin:0 auto;padding:24px;border-radius:24px;background:#fff;box-shadow:var(--sh)}
.lpd .lpd-au__cap{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"c i" "c k";align-items:center;gap:6px 24px}
.lpd .lpd-au__cop{grid-area:c;width:clamp(96px,22cqw,170px);aspect-ratio:1;overflow:hidden;border-radius:18px;box-shadow:var(--sh)}
.lpd .lpd-au__cop>.lpd-poza{width:100%;height:100%}
.lpd .lpd-au__cop .lpd-lipsa{padding:4px 8px;font-size:10px}
.lpd .lpd-canta .lpd-au__cop{animation:lpd-bate 1.2s ease-in-out infinite}
@keyframes lpd-bate{50%{transform:scale(1.035)}}
.lpd .lpd-au__info{grid-area:i;align-self:end}
.lpd .lpd-au__titlu{font:700 clamp(21px,4.2cqw,28px)/1.15 var(--fd);letter-spacing:-.02em}
.lpd .lpd-au__curand{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:5px 12px;border-radius:999px;background:var(--bl);color:var(--rd);font:600 13px/1.2 var(--fb)}
.lpd .lpd-au__ctl{grid-area:k;align-self:start;display:flex;align-items:center;gap:16px;margin-top:8px}
.lpd .lpd-au__play{position:relative;isolation:isolate;flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--r);color:#fff;box-shadow:0 12px 24px -10px rgba(201,42,72,.75);transition:transform .2s var(--e),background .2s}
@media (hover:hover){.lpd .lpd-au__play:hover{background:var(--rd);transform:scale(1.05)}}
.lpd .lpd-au__play svg{width:26px;height:26px}
.lpd .lpd-canta .lpd-au__play::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:50%;background:var(--r);animation:lpd-inel 1.6s var(--e) infinite;pointer-events:none}
@keyframes lpd-inel{from{transform:scale(1);opacity:.45}to{transform:scale(1.6);opacity:0}}
.lpd .lpd-au__und{flex:1;min-width:0}
.lpd .lpd-au__unda{display:block;width:100%;height:56px;border-radius:8px;cursor:pointer;outline-offset:4px}
.lpd .lpd-au__timp{margin-top:4px;color:var(--i3);font-size:13px;font-variant-numeric:tabular-nums}
.lpd .lpd-au__text{position:relative;max-height:196px;margin-top:20px;padding:16px 4px;overflow:auto;border-top:1px solid var(--ln);scrollbar-width:none;-webkit-mask-image:linear-gradient(transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(transparent,#000 16%,#000 84%,transparent)}
.lpd .lpd-au__text::-webkit-scrollbar{display:none}
.lpd .lpd-au__text li{padding:5px 12px;border-radius:10px;color:#B5ACB3;font:500 17px/1.4 var(--fd);cursor:pointer;transform-origin:left center;transition:color .4s var(--e),background .4s var(--e),transform .4s var(--e)}
@media (hover:hover){.lpd .lpd-au__text li:hover{color:var(--i2)}}
.lpd .lpd-au__text li.trecut{color:var(--i3)}
.lpd .lpd-au__text li.activ{background:var(--bl);color:var(--i);transform:scale(1.02)}
@container (max-width:520px){
	.lpd .lpd-au{padding:16px;border-radius:20px}
	.lpd .lpd-au__cap{grid-template-areas:"c i" "k k";gap:12px 16px}
	.lpd .lpd-au__cop{width:88px;border-radius:14px}
	.lpd .lpd-au__info{align-self:center}
	.lpd .lpd-au__text li{font-size:16px}
}

/* ---------- 8. video ---------- */
.lpd .lpd-vi{max-width:940px;margin:0 auto}
.lpd .lpd-vi__cadru{--rap:1.7778;position:relative;width:min(100%,calc(75vh * var(--rap)));margin:0 auto;aspect-ratio:var(--rap);overflow:hidden;border-radius:22px;background:#1E1A20;box-shadow:var(--sh2)}
.lpd .lpd-vi__cadru video,.lpd .lpd-vi__cadru>.lpd-poza{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lpd .lpd-vi__kb img{animation:lpd-kb 18s ease-in-out infinite alternate}
.lpd .lpd-vi__cadru .lpd-lipsa{position:absolute;left:16px;top:16px}
.lpd .lpd-vi__ctl{position:absolute;right:14px;bottom:14px;z-index:2;display:flex;gap:8px}
.lpd .lpd-vi__ctl .lpd-rotund{background:rgba(255,255,255,.92);box-shadow:0 4px 14px rgba(0,0,0,.25)}
.lpd .lpd-vi__mare{position:absolute;left:50%;top:50%;z-index:2;display:grid;place-items:center;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:rgba(255,255,255,.94);color:var(--r);box-shadow:0 10px 30px rgba(0,0,0,.3)}
.lpd .lpd-vi__mare svg{width:34px;height:34px;margin-left:4px}
.lpd .lpd-vi__glif{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:80px;height:80px;margin:-40px 0 0 -40px;border-radius:50%;background:rgba(30,26,32,.35);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5)}
.lpd .lpd-vi__glif svg{width:32px;height:32px;margin-left:4px}
.lpd .lpd-vi__curand{position:absolute;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:9px;max-width:calc(100% - 32px);padding:8px 14px;border-radius:999px;background:rgba(30,26,32,.82);color:#fff;font:600 14px/1.2 var(--fb)}
@container (max-width:560px){.lpd .lpd-vi__glif{width:52px;height:52px;margin:-26px 0 0 -26px;top:42%}.lpd .lpd-vi__glif svg{width:22px;height:22px}.lpd .lpd-vi__curand{left:10px;bottom:10px;padding:6px 11px;font-size:13px}}
.lpd .lpd-vi__leg{margin-top:12px;color:var(--i2);font-size:15px;text-align:center}

/* ---------- 9. cartonașul 3D ---------- */
@property --rx{syntax:"<number>";inherits:true;initial-value:0}
@property --ry{syntax:"<number>";inherits:true;initial-value:0}
@property --mx{syntax:"<percentage>";inherits:true;initial-value:50%}
@property --my{syntax:"<percentage>";inherits:true;initial-value:30%}
.lpd .lpd-c3{display:flex;flex-direction:column;align-items:center}
.lpd .lpd-c3__scena{display:grid;place-items:center;width:100%;padding:26px 12px 18px;perspective:1000px;touch-action:pan-y}
.lpd .lpd-c3__card{position:relative;width:min(310px,80cqw);border-radius:4.6%/3.3%;transform:rotateX(calc(var(--rx) * 1deg)) rotateY(calc(var(--ry) * 1deg));transition:transform .6s var(--e);outline-offset:6px}
.lpd .lpd-c3__card.activ{transition-duration:.12s}
.lpd .lpd-c3--idle{animation:lpd-c3 7s ease-in-out 2 forwards}
@keyframes lpd-c3{0%,100%{--rx:5;--ry:-9;--mx:25%;--my:20%}50%{--rx:-4;--ry:9;--mx:75%;--my:72%}}
.lpd .lpd-c3__card>.lpd-sc{box-shadow:calc(var(--ry) * -1px) calc(20px + var(--rx) * 1px) 40px -12px rgba(30,26,32,.5)}
.lpd .lpd-c3__holo,.lpd .lpd-c3__luciu{position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none}
.lpd .lpd-c3__holo{background:repeating-linear-gradient(110deg,rgba(255,255,255,0) 0 5%,rgba(255,255,255,.2) 6%,rgba(255,255,255,0) 8% 13%),conic-gradient(from calc(var(--ry) * 8deg) at var(--mx) var(--my),#FF5F9E,#FFD36E,#7AF0FF,#A58BFF,#FF5F9E);mix-blend-mode:color-dodge;opacity:.24;filter:saturate(1.3);transition:opacity .4s}
.lpd .lpd-c3__card.activ .lpd-c3__holo{opacity:.4}
.lpd .lpd-c3__luciu{background:radial-gradient(farthest-corner circle at var(--mx) var(--my),rgba(255,255,255,.62),rgba(255,255,255,.12) 32%,rgba(0,0,0,.18) 92%);mix-blend-mode:overlay;opacity:.75}
.lpd .lpd-c3__jos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px;margin-top:6px}
.lpd .lpd-c3__nota{color:var(--i3);font-size:14px;text-align:center}

/* ---------- 10. harta ---------- */
.lpd .lpd-hr{position:relative;max-width:1000px;margin:0 auto}
.lpd .lpd-hr__cadru{position:relative;aspect-ratio:1000/734;overflow:hidden;border-radius:22px;background:#FBF8F1;box-shadow:var(--sh)}
.lpd .lpd-hr__fundal{position:absolute;inset:0;background:none}
.lpd .lpd-hr__svg{position:absolute;inset:0;width:100%;height:100%}
.lpd .lpd-hr__gr{fill:none;stroke:rgba(30,26,32,.06);stroke-width:1.5}
.lpd .lpd-hr__mare{fill:#DCEBF0}
.lpd .lpd-hr__tara{fill:#EAF3EE;stroke:var(--pi);stroke-width:3;stroke-linejoin:round}
.lpd .lpd-hr__dun{fill:none;stroke:#86B6C9;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}
.lpd .lpd-hr__munti{fill:#CFE3D6;stroke:var(--pi);stroke-width:2;stroke-linejoin:round}
.lpd .lpd-hr__mn{fill:#5E8FA3;font:italic 500 21px var(--fb);letter-spacing:.05em}
.lpd .lpd-hr__tr{fill:none;stroke:var(--r);stroke-width:4.5;stroke-linecap:round;stroke-dasharray:2 12}
.lpd .lpd-hr__pp{fill:var(--r);stroke:#fff;stroke-width:6}
.lpd .lpd-hr__masca{fill:none;stroke:#fff;stroke-width:18;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.6s cubic-bezier(.5,0,.3,1) .25s}
.lpd .lpd-hr--desenat .lpd-hr__masca{stroke-dashoffset:0}
.lpd .cu-fundal .lpd-hr__gr,.lpd .cu-fundal .lpd-hr__mare,.lpd .cu-fundal .lpd-hr__tara,.lpd .cu-fundal .lpd-hr__dun,.lpd .cu-fundal .lpd-hr__munti,.lpd .cu-fundal .lpd-hr__mn{display:none}
.lpd .lpd-hr__pct{position:absolute;z-index:2;display:grid;place-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;opacity:0;transform:scale(.3);transition:opacity .4s var(--e),transform .55s cubic-bezier(.3,1.6,.5,1);transition-delay:calc(var(--k) * .35s + .5s)}
.lpd .lpd-hr--desenat .lpd-hr__pct{opacity:1;transform:none}
.lpd .lpd-hr__nr{position:relative;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--r);color:#fff;font:700 13px/1 var(--fb);box-shadow:0 0 0 3px #fff,0 4px 12px rgba(201,42,72,.5);transition:transform .25s var(--e)}
.lpd .lpd-hr__nr::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:50%;background:var(--r);animation:lpd-puls 2.4s var(--e) infinite;animation-delay:calc(var(--k) * -.6s)}
.lpd .lpd-hr__pct.activ .lpd-hr__nr{transform:scale(1.2)}
@media (hover:hover){.lpd .lpd-hr__pct:hover .lpd-hr__nr{transform:scale(1.2)}}
.lpd .lpd-hr__pct.activ .lpd-hr__nr{background:var(--i)}
.lpd .lpd-hr__et{position:absolute;left:50%;bottom:calc(100% - 4px);padding:4px 9px;border-radius:8px;background:var(--i);color:#fff;font:600 12px/1.2 var(--fb);white-space:nowrap;opacity:0;transform:translateX(-50%);pointer-events:none;transition:opacity .2s}
.lpd .lpd-hr__pct:focus-visible .lpd-hr__et,.lpd .lpd-hr__pct.activ .lpd-hr__et{opacity:1}
@media (hover:hover){.lpd .lpd-hr__pct:hover .lpd-hr__et{opacity:1}}
.lpd .lpd-hr__titlu{position:absolute;left:18px;top:16px;z-index:3;max-width:44%;padding:10px 14px 12px;border-radius:14px;background:rgba(251,248,241,.92);pointer-events:none}
.lpd .lpd-hr__titlu p{font:700 clamp(21px,3cqw,30px)/1.1 var(--fd);letter-spacing:-.02em}
.lpd .lpd-hr__titlu span{display:block;margin-top:6px;color:var(--i3);font-size:14px;line-height:1.35}
.lpd .lpd-hr__cp{position:absolute;top:50%;z-index:5;width:min(460px,54%);transform:translateY(-50%);animation:lpd-carte .5s cubic-bezier(.3,1.35,.5,1) both}
.lpd .lpd-hr__cp.st{left:3%}
.lpd .lpd-hr__cp.dr{right:3%}
@keyframes lpd-carte{from{opacity:0;transform:translateY(-46%) rotate(-5deg) scale(.9)}}
.lpd .lpd-cp{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;padding:22px 22px 24px;border-radius:10px;background:#FFFDF8;box-shadow:var(--sh2);transform:rotate(-1.2deg)}
.lpd .lpd-cp::after{content:"";position:absolute;top:24px;bottom:24px;left:58%;border-left:1px solid var(--ln)}
.lpd .lpd-cp__data{color:var(--r);font:700 12px/1.2 var(--fb);letter-spacing:.14em;text-transform:uppercase}
.lpd .lpd-cp__loc{margin-top:4px;font:700 26px/1.05 var(--fd);letter-spacing:-.02em}
.lpd .lpd-cp__text{margin-top:10px;color:var(--i2);font:italic 400 15px/1.5 var(--fb)}
.lpd .lpd-cp__dr{display:flex;flex-direction:column;align-items:flex-end;padding-left:12px}
.lpd .lpd-cp__timbru{display:block;width:66px;height:80px;padding:5px;background:radial-gradient(circle,transparent 2.4px,#fff 2.9px) -4px -4px/8px 8px;filter:drop-shadow(0 1px 2px rgba(30,26,32,.25));transform:rotate(3deg)}
.lpd .lpd-cp__timbru span{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(160deg,#D3354F,#A11F3A);color:#FFF6E8}
.lpd .lpd-cp__timbru svg{width:78%;height:auto}
.lpd .lpd-cp__stamp{display:grid;place-content:center;justify-items:center;width:78px;height:78px;margin:-30px 34px 0 0;border:2px solid rgba(30,26,32,.3);border-radius:50%;color:rgba(30,26,32,.45);font:700 9px/1.2 var(--fb);letter-spacing:.08em;text-align:center;text-transform:uppercase;transform:rotate(-14deg)}
.lpd .lpd-cp__stamp b{max-width:66px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lpd .lpd-cp__stamp small{font-size:8px}
.lpd .lpd-cp__linii{align-self:stretch;height:58px;margin-top:auto;background:repeating-linear-gradient(transparent 0 18px,var(--ln) 18px 19px)}
.lpd .lpd-cp__x{position:absolute;right:-12px;top:-12px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--i);color:#fff;box-shadow:var(--sh)}
.lpd .lpd-cp__x svg{width:18px;height:18px}
.lpd .lpd-cp__nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 6px 0;color:var(--i3);font-size:13px}
@container (max-width:640px){
	.lpd .lpd-hr__titlu{position:static;max-width:none;margin:0 0 12px;padding:0;background:none}
	.lpd .lpd-hr__cadru{border-radius:18px}
	.lpd .lpd-hr__mn{display:none}
	.lpd .lpd-hr__nr{width:22px;height:22px;font-size:11px}
	.lpd .lpd-hr__cp{position:relative;top:auto;left:auto!important;right:auto!important;width:auto;margin-top:16px;transform:none;animation-name:lpd-intra}
	.lpd .lpd-cp{grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:18px;transform:none}
	.lpd .lpd-cp::after,.lpd .lpd-cp__linii,.lpd .lpd-cp__stamp{display:none}
	.lpd .lpd-cp__dr{padding-left:0}
	.lpd .lpd-cp__timbru{width:52px;height:62px}
	.lpd .lpd-cp__loc{font-size:23px}
}

@media (prefers-reduced-motion:reduce){.lpd *,.lpd *::before,.lpd *::after{animation:none!important;transition:none!important}}