/*
 * Landingul comun al paginilor de produs (1 octombrie 2026; inc/produs-cadou.php, template-parts/produs/cadou.php).
 * Aceeași limbă ca prima pagină și ca paginile cărții și a lui Moș: primul ecran pe fond închis, cu lumina familiei cadoului,
 * demonstrația interactivă pe o planșă de hârtie, apoi secțiunile pe hârtie caldă și comanda pe fond închis.
 * Lumina pe familie (clasa cadou-fam-<familie> pe body): video — focul de la Moș; cărți — noaptea albastră; audio — violet;
 * artă — atelierul; jocuri — lumina caldă de la masă (15.10.2026); experiențe — bradul; card — zmeuriul. Culoarea familiei vine și din --fam (hooo_lp_stil_familie).
 */
body.cadou-landing{background:#FBF6EF}
body.cadou-landing main.shop{max-width:none;padding:0}
.hp.cadou{
  --pc-f1:#13223F;--pc-f2:#0B1631;--pc-lumina:rgba(243,221,170,.16);--pc-sclipire:#F3DDAA;
  --pc-aur:#E3B563;--pc-aur-2:#F3DDAA;--pc-aur-fir:rgba(227,181,99,.28);
  --pc-zmeura:#C92A48;--pc-zmeura-d:#A81F3B;--pc-crem:#FFF3E3;--pc-crem-2:#E6DCCD;--pc-crem-3:#B7AD9E;
  --pc-hartie:#FBF6EF;--pc-ink:#1E1A20;--pc-muted:#6E665F;--pc-linie:#E6DCCD;
  display:block;margin:0;color:var(--pc-ink)
}
body.cadou-fam-video .hp.cadou{--pc-f1:#2A1712;--pc-f2:#140B08;--pc-lumina:rgba(244,184,96,.22);--pc-sclipire:#F4B860}
body.cadou-fam-audio .hp.cadou{--pc-f1:#2B1638;--pc-f2:#140A1C;--pc-lumina:rgba(238,91,120,.2);--pc-sclipire:#F5B8C4}
body.cadou-fam-arta .hp.cadou{--pc-f1:#2E1D14;--pc-f2:#170E09;--pc-lumina:rgba(227,181,99,.2);--pc-sclipire:#F3DDAA}
body.cadou-fam-jocuri .hp.cadou{--pc-f1:#32190F;--pc-f2:#180B06;--pc-lumina:rgba(229,138,78,.22);--pc-sclipire:#F4BE96}
body.cadou-fam-experiente .hp.cadou{--pc-f1:#173C31;--pc-f2:#0B1E18;--pc-lumina:rgba(227,181,99,.16);--pc-sclipire:#F3DDAA}
body.cadou-fam-card .hp.cadou{--pc-f1:#3A0F1C;--pc-f2:#1C0710;--pc-lumina:rgba(238,91,120,.24);--pc-sclipire:#F5B8C4}
.cadou .pc-wrap{width:min(1240px,calc(100% - 48px));margin-inline:auto}
.cadou h1,.cadou h2,.cadou h3{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance}
.cadou h2{font-size:clamp(34px,4vw,54px);font-weight:720;line-height:1.03;margin:0;color:var(--pc-ink)}
.cadou h2 em{font-style:normal;color:var(--pc-zmeura)}
.cadou .pc-eticheta{margin:0 0 16px;font-size:11px;font-weight:650;letter-spacing:.16em;color:var(--pc-aur)}
.cadou .pc-eticheta--fam{color:var(--fam-text,var(--pc-zmeura))}
.cadou .pc-cap{max-width:680px;margin-bottom:42px}
.cadou .pc-cap>p:not(.pc-eticheta){margin:18px 0 0;font-size:17px;line-height:1.7;color:var(--pc-muted)}
.cadou .pc-cap a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* butoanele */
.cadou .pc-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:0 26px;border-radius:999px;font:600 15px/1.2 var(--font-body);text-decoration:none;transition:background .2s,transform .2s,border-color .2s;cursor:pointer}
.cadou .pc-btn>span[aria-hidden]{font-size:18px}
.cadou .pc-btn:hover{transform:translateY(-2px)}
.cadou .pc-btn--zmeura{background:var(--pc-zmeura);color:#fff;box-shadow:0 14px 30px -14px rgba(201,42,72,.85)}
.cadou .pc-btn--zmeura:hover{background:var(--pc-zmeura-d);color:#fff}
.cadou .pc-btn--contur{border:1px solid rgba(255,243,227,.45);color:var(--pc-crem)}
.cadou .pc-btn--contur:hover{background:rgba(255,243,227,.1);color:var(--pc-crem)}
.cadou .pc-btn--contur-inchis{border:1px solid var(--pc-ink);color:var(--pc-ink)}
.cadou .pc-btn--contur-inchis:hover{background:var(--pc-ink);color:#fff}
.cadou .pc-btn:focus-visible,.cadou button:focus-visible,.cadou summary:focus-visible,.cadou a:focus-visible{outline:3px solid var(--pc-aur);outline-offset:3px}

/* ---------- primul ecran ---------- */
.cadou .pc-hero{position:relative;isolation:isolate;overflow:hidden;color:var(--pc-crem);padding:clamp(28px,4vw,56px) 0 clamp(56px,7vw,96px);
  background:radial-gradient(900px 620px at 74% 44%,var(--pc-lumina),transparent 62%),radial-gradient(1300px 760px at 12% -12%,rgba(255,243,227,.06),transparent 64%),linear-gradient(180deg,var(--pc-f1),var(--pc-f2))}
.cadou .pc-sclipiri{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;color:var(--pc-sclipire)}
.cadou .pc-hero__grila{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,5vw,72px);align-items:center}
.cadou .pc-fir{display:flex;gap:10px;margin:0 0 24px;font-size:13px;color:var(--pc-crem-3)}
.cadou .pc-fir a{color:var(--pc-crem-3);text-decoration:none}
.cadou .pc-fir a:hover{color:var(--pc-crem)}
.cadou .pc-hero .pc-eticheta{display:flex;align-items:center;gap:10px;color:var(--pc-aur-2)}
.cadou .pc-stea{color:var(--pc-aur);font-size:14px;letter-spacing:0}
.cadou .pc-hero h1{margin:0 0 20px;font-size:clamp(42px,4.8vw,74px);font-weight:740;line-height:1;letter-spacing:-.045em;color:var(--pc-crem)}
.cadou .pc-hero h1 em{font-style:normal;color:var(--pc-aur);background:none}
.cadou .pc-hero h1.pc-titlu--lung{font-size:clamp(38px,4vw,60px)}
.cadou .pc-hero h1.pc-titlu--foarte-lung{font-size:clamp(34px,3.4vw,50px);line-height:1.04}
.cadou .pc-sub{max-width:34em;margin:0 0 26px;font-size:17px;line-height:1.65;color:var(--pc-crem-2)}
.cadou .pc-pret{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0 0 22px}
.cadou .pc-pret b{font:800 38px/1 var(--font-display);letter-spacing:-.03em;color:var(--pc-crem)}
.cadou .pc-pret span{font-size:14px;color:var(--pc-crem-3)}
.cadou .pc-cta{display:flex;flex-wrap:wrap;gap:12px}
.cadou .pc-nota{margin:18px 0 0;font-size:14px;color:var(--pc-aur-2)}
.cadou .pc-hero__scena{position:relative}
.cadou .pc-hero__scena::before{content:"";position:absolute;inset:4% 0 0;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,var(--pc-lumina),transparent);filter:blur(30px)}
.cadou .pc-scena__titlu{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--pc-aur-2)}
.cadou .pc-punct{width:8px;height:8px;border-radius:50%;background:var(--pc-aur);box-shadow:0 0 0 4px rgba(227,181,99,.2)}
/* lângă demonstrațiile înalte (cartea, scrisoarea, portretul cu stilurile dedesubt) textul stă sus, iar ele se îngustează puțin pe
   desktop, ca titlul, prețul și butonul să încapă în primul ecran al unui laptop (1440 × 900, cu bara browserului) */
@media (min-width:981px){
  .cadou .pc-hero__grila--inalt{align-items:start}
  .cadou .pc-hero__scena--carte{width:min(100%,490px);justify-self:center}
  .cadou .pc-hero__scena--nl-scrisoare{width:min(100%,450px);justify-self:center}
  .cadou .pc-hero__scena--inainte-dupa{width:min(100%,540px);justify-self:center}
}
/* demonstrația, pe o planșă de hârtie */
.cadou .pc-scena{padding:clamp(16px,2.4vw,28px);border-radius:26px;background:var(--pc-hartie);color:var(--pc-ink);box-shadow:0 40px 90px -30px rgba(0,0,0,.75),0 0 0 8px rgba(255,243,227,.05)}
.cadou .pc-scena .lp-demo{position:relative;width:100%;min-width:0}
.cadou .pc-scena .lp-rezerva{position:relative;margin:0;width:100%}
.cadou .pc-scena .lp-rezerva__img{width:100%;height:100%;object-fit:cover}

/* ---------- ce primești ---------- */
.cadou .pc-ce{padding:clamp(64px,8vw,110px) 0;background:var(--pc-hartie)}
.cadou .pc-ce__grila{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.cadou .pc-ce__card{padding:26px 24px;border-radius:20px;background:#fff;border:1px solid var(--pc-linie)}
.cadou .pc-ce__nr{display:block;margin-bottom:22px;font:600 14px/1 var(--font-display);color:var(--fam-text,var(--pc-zmeura));letter-spacing:.04em}
.cadou .pc-ce__card h3{margin:0 0 10px;font-size:22px;font-weight:700;line-height:1.15}
.cadou .pc-ce__card p{margin:0;font-size:15px;line-height:1.65;color:var(--pc-muted)}

/* ---------- exemplele ---------- */
.cadou .pc-exemple{padding:clamp(64px,8vw,110px) 0;background:linear-gradient(180deg,var(--pc-f1),var(--pc-f2));color:var(--pc-crem)}
.cadou .pc-exemple h2{color:var(--pc-crem)}
.cadou .pc-exemple h2 em{color:var(--pc-aur)}
.cadou .pc-exemple .pc-cap>p:not(.pc-eticheta){color:var(--pc-crem-2)}
.cadou .pc-exemple__grila{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.cadou .pc-exemplu{margin:0;display:grid;gap:12px}
.cadou .pc-exemplu img,.cadou .pc-exemplu .lp-lipsa{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:18px;box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.cadou .pc-exemplu figcaption{font-size:14px;line-height:1.55;color:var(--pc-crem-2)}

/* ---------- comanda ---------- */
.cadou .pc-comanda{padding:clamp(64px,8vw,110px) 0;background:radial-gradient(900px 500px at 12% 0%,var(--pc-lumina),transparent 62%),linear-gradient(180deg,var(--pc-f1),var(--pc-f2));color:var(--pc-crem)}
.cadou .pc-exemple+.pc-comanda{background:radial-gradient(900px 500px at 12% 0%,var(--pc-lumina),transparent 62%),var(--pc-f2)}
.cadou .pc-comanda__grila{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,72px);align-items:start}
.cadou .pc-comanda__cap{position:sticky;top:calc(var(--hdr-h) + 30px)}
.cadou .pc-comanda h2{color:var(--pc-crem)}
.cadou .pc-comanda h2 em{color:var(--pc-aur)}
.cadou .pc-comanda__cap>p:not(.pc-eticheta){margin:18px 0 22px;font-size:17px;line-height:1.7;color:var(--pc-crem-2)}
.cadou .pc-comanda__puncte{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.cadou .pc-comanda__puncte li{display:flex;gap:10px;font-size:15px;color:var(--pc-crem-2)}
.cadou .pc-comanda__puncte li::before{content:"✓";color:var(--pc-aur);font-weight:700}
.cadou .pc-comanda__caseta{padding:clamp(22px,3vw,36px);border-radius:26px;background:var(--pc-hartie);color:var(--pc-ink);box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.cadou .pc-comanda__caseta .hp-eyebrow{display:none}

/* ---------- variantele ---------- */
.cadou .pc-formate{padding:clamp(64px,8vw,110px) 0;background:var(--pc-hartie)}
.cadou .pc-formate__grila{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;align-items:stretch}
.cadou .pc-format{position:relative;display:flex;flex-direction:column;gap:14px;padding:28px 26px;border-radius:22px;background:#fff;border:1px solid var(--pc-linie)}
.cadou .pc-format.is-acesta{border:2px solid var(--pc-zmeura);box-shadow:0 24px 50px -30px rgba(201,42,72,.55)}
.cadou .pc-format__acum{position:absolute;top:-12px;left:22px;padding:5px 12px;border-radius:999px;background:var(--pc-zmeura);color:#fff;font-size:12px;font-weight:650}
.cadou .pc-format h3{margin:0;font-size:24px;font-weight:720}
.cadou .pc-format__pret{font:800 30px/1 var(--font-display);letter-spacing:-.03em;color:var(--pc-zmeura)}
.cadou .pc-format ul{display:grid;gap:8px;margin:0;padding:0;list-style:none;flex:1}
.cadou .pc-format li{display:flex;gap:10px;font-size:15px;line-height:1.5;color:var(--pc-muted)}
.cadou .pc-format li::before{content:"✓";color:var(--pc-zmeura);font-weight:700}
.cadou .pc-format .pc-btn{align-self:flex-start}

/* ---------- pașii ---------- */
.cadou .pc-pasi{padding:clamp(64px,8vw,110px) 0;background:linear-gradient(180deg,var(--pc-f1),var(--pc-f2));color:var(--pc-crem)}
.cadou .pc-pasi h2{color:var(--pc-crem)}
.cadou .pc-pasi h2 em{color:var(--pc-aur)}
.cadou .pc-pasi__lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0;padding:0;list-style:none;counter-reset:pas}
.cadou .pc-pasi__lista li{counter-increment:pas;padding-top:24px;border-top:1px solid var(--pc-aur-fir)}
.cadou .pc-pasi__lista li::before{content:counter(pas,decimal-leading-zero);display:block;margin-bottom:16px;font:500 42px/1 var(--font-display);color:var(--pc-aur)}
.cadou .pc-pasi__lista h3{margin:0 0 10px;font-size:23px;font-weight:700;color:var(--pc-crem)}
.cadou .pc-pasi__lista p{margin:0;font-size:15px;line-height:1.7;color:var(--pc-crem-2)}
.cadou .pc-pasi__ai{margin:36px 0 0;font-size:13px;color:var(--pc-crem-3)}

/* ---------- întrebările ---------- */
.cadou .pc-intrebari{padding:clamp(64px,8vw,110px) 0;background:var(--pc-hartie)}
.cadou .pc-intrebari__grila{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(32px,5vw,80px)}
.cadou .pc-intrebari__lista details{border-bottom:1px solid var(--pc-linie)}
.cadou .pc-intrebari__lista summary{display:flex;justify-content:space-between;gap:24px;padding:22px 0;cursor:pointer;list-style:none;font:600 17px/1.45 var(--font-body)}
.cadou .pc-intrebari__lista summary::-webkit-details-marker{display:none}
.cadou .pc-intrebari__lista summary span{color:var(--pc-zmeura);font-size:22px;line-height:1;transition:transform .2s}
.cadou .pc-intrebari__lista details[open] summary span{transform:rotate(45deg)}
.cadou .pc-intrebari__lista details p{margin:0 0 22px;padding-right:40px;font-size:16px;line-height:1.75;color:var(--pc-muted)}

/* ---------- pe scurt: descrierea lungă, ca fișă (titlul în stânga, textul în dreapta) ---------- */
.cadou .pc-dupa{padding:clamp(56px,7vw,96px) 0;background:var(--pc-hartie);border-top:1px solid var(--pc-linie)}
.cadou .pc-dupa .hp-desc{max-width:none;margin:0;padding:0;border:0}
.cadou .pc-dupa .entry-content{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,1fr);column-gap:clamp(24px,4vw,64px);max-width:1040px}
.cadou .pc-dupa .entry-content>*{grid-column:2;margin:0;padding:0 0 22px;font-size:16px;line-height:1.75;color:var(--pc-muted)}
.cadou .pc-dupa .entry-content>h3{grid-column:1;padding:22px 0;border-top:1px solid var(--pc-linie);font-size:20px;font-weight:700;line-height:1.25;color:var(--pc-ink)}
.cadou .pc-dupa .entry-content>h3+*{padding-top:22px;border-top:1px solid var(--pc-linie)}
.cadou .pc-dupa .entry-content ul,.cadou .pc-dupa .entry-content ol{padding-left:1.2em}
.cadou .pc-dupa .entry-content a{color:var(--pc-ink);text-decoration:underline;text-underline-offset:3px}
.cadou .pc-dupa .related.products{margin-top:clamp(40px,5vw,64px)}

/* ---------- se potrivesc ---------- */
.cadou .pc-alte{padding:clamp(56px,7vw,96px) 0;background:var(--pc-hartie);border-top:1px solid var(--pc-linie)}
.cadou .pc-alte__grila{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cadou .pc-alt{display:grid;grid-template-rows:auto auto 1fr auto;gap:10px;padding:0 0 22px;border-radius:22px;overflow:hidden;background:#fff;border:1px solid var(--pc-linie);color:var(--pc-ink);text-decoration:none;transition:transform .2s,box-shadow .2s}
.cadou .pc-alt:hover{transform:translateY(-3px);box-shadow:0 24px 50px -30px rgba(30,26,32,.4)}
.cadou .pc-alt__img{display:block;aspect-ratio:4/3;background:var(--fam-fundal,#F1E7DA)}
.cadou .pc-alt__img img{display:block;width:100%;height:100%;object-fit:cover}
.cadou .pc-alt__titlu{padding:6px 22px 0;font:700 22px/1.15 var(--font-display);letter-spacing:-.02em}
.cadou .pc-alt__text{padding:0 22px;font-size:15px;line-height:1.6;color:var(--pc-muted)}
.cadou .pc-alt__pret{padding:0 22px;font:700 16px/1 var(--font-body);color:var(--pc-zmeura)}
/* un singur cadou potrivit: cardul stă pe lat, cu poza în stânga, ca să nu rămână o treime de pagină goală */
.cadou .pc-alte__grila>.pc-alt:only-child{grid-column:1/-1;max-width:900px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-rows:1fr auto auto auto 1fr;gap:12px 10px;padding:0}
.cadou .pc-alt:only-child .pc-alt__img{grid-column:1;grid-row:1/-1}
.cadou .pc-alt:only-child .pc-alt__titlu,.cadou .pc-alt:only-child .pc-alt__text,.cadou .pc-alt:only-child .pc-alt__pret{grid-column:2;padding-inline:20px 30px}
.cadou .pc-alt:only-child .pc-alt__titlu{grid-row:2;font-size:28px}
.cadou .pc-alt:only-child .pc-alt__text{grid-row:3;font-size:16px}
.cadou .pc-alt:only-child .pc-alt__pret{grid-row:4;padding-top:6px}

.cadou .pc-bara{display:none}

/* ---------- ecrane mai mici ---------- */
@media (max-width:980px){
  .cadou .pc-hero__grila,.cadou .pc-comanda__grila,.cadou .pc-intrebari__grila{grid-template-columns:minmax(0,1fr)} /* 23.10.2026: cu „1fr”, Safari lățea coloana după cel mai lung titlu și textul ieșea din ecran */
  .cadou .pc-comanda__cap{position:static}
  .cadou .pc-pasi__lista{grid-template-columns:1fr}
  .cadou .pc-alte__grila{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .cadou .pc-wrap{width:calc(100% - 36px)}
  .cadou .pc-hero h1{font-size:clamp(34px,9.6vw,46px)}
  .cadou .pc-sub{font-size:16px}
  .cadou .pc-cta .pc-btn{flex:1 1 auto;white-space:nowrap}
  .cadou .pc-dupa .entry-content{grid-template-columns:1fr}
  .cadou .pc-dupa .entry-content>h3{grid-column:1;padding-bottom:8px}
  .cadou .pc-dupa .entry-content>*{grid-column:1}
  .cadou .pc-dupa .entry-content>h3+*{padding-top:0;border-top:0}
  .cadou .pc-alte__grila{grid-template-columns:1fr}
  .cadou .pc-alte__grila>.pc-alt:only-child{grid-template-columns:1fr;grid-template-rows:none;gap:10px;padding:0 0 22px}
  .cadou .pc-alt:only-child .pc-alt__img,.cadou .pc-alt:only-child .pc-alt__titlu,.cadou .pc-alt:only-child .pc-alt__text,.cadou .pc-alt:only-child .pc-alt__pret{grid-column:1;grid-row:auto;padding-inline:22px}
  .cadou .pc-alt:only-child .pc-alt__img{padding-inline:0}
  .cadou .pc-alt:only-child .pc-alt__titlu{font-size:22px}
  .cadou .pc-bara{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--pc-f2);color:var(--pc-crem);box-shadow:0 -10px 30px rgba(0,0,0,.25);font-size:14px}
  .cadou .pc-bara[hidden]{display:none}
  .cadou .pc-bara b{font-family:var(--font-display);font-size:18px}
  .cadou .pc-bara .pc-btn{min-height:44px;padding:0 20px}
}
@media (prefers-reduced-motion:reduce){
  .cadou *,.cadou *::before,.cadou *::after{animation:none!important;transition:none!important}
}

/* 23.10.2026: butoanele cu numele omului („Pregătește petrecerea pentru Alexandra-Maria”) trec pe două rânduri pe telefoanele mici, nu ies din ecran */
.cadou .pc-btn{max-width:100%}
.cadou .pc-btn>span{min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:center}
@media (max-width:767px){.cadou .pc-cta .pc-btn{white-space:normal}}