/*
 * Ghidul gratuit „Crăciunul organizat” (/ghid/), ca landing (1 octombrie 2026; page-ghid.php, inc/pagina-ghid.php).
 * Culorile primei pagini: noapte #0D1915 · brad #173C31 · aur #E3B563 · zmeuriu #C92A48 · cremă #FFF3E3 · hârtie #FBF6EF.
 * Sus, pe noapte, foile ghidului prinse cu un magnet; dedesubt, cele șase pagini pe hârtie; la final, pașii pe brad.
 */
body.ghid-landing{background:#FBF6EF}
.gh{
  --noapte:#0D1915;--brad:#173C31;--aur:#E3B563;--aur-2:#F3DDAA;--aur-fir:rgba(227,181,99,.3);--zmeura:#C92A48;--zmeura-d:#A81F3B;
  --crem:#FFF3E3;--crem-2:#E9DCC7;--crem-3:#B8AC99;--hartie:#FBF6EF;--ink:#1E1A20;--muted:#6E665F;--linie:#E6DCCD;
  display:block;color:var(--ink);background:var(--hartie);overflow-x:clip
}
.gh .gh-wrap{width:min(1240px,calc(100% - 48px));margin-inline:auto}
.gh h1,.gh h2,.gh h3{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;margin:0}
.gh h2{font-size:clamp(34px,4vw,54px);font-weight:720;line-height:1.03}
.gh h2 em{font-style:normal;color:var(--zmeura)}
.gh .gh-eticheta{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:11.5px;font-weight:650;letter-spacing:.16em;color:var(--aur-2)}
.gh .gh-eticheta span{color:var(--aur);font-size:14px;letter-spacing:0}
.gh .gh-eticheta-mica{margin:0 0 16px;font-size:11.5px;font-weight:650;letter-spacing:.16em;color:var(--zmeura)}
.gh a:focus-visible,.gh button:focus-visible,.gh input:focus-visible{outline:3px solid var(--aur);outline-offset:3px}

/* ---------- sus: titlul, formularul și foile ---------- */
.gh-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(40px,5vw,72px) 0 clamp(56px,6vw,88px);color:var(--crem);
  background:radial-gradient(820px 560px at 76% 46%,rgba(227,181,99,.14),transparent 62%),radial-gradient(1100px 700px at 0% 100%,rgba(31,91,74,.35),transparent 62%),linear-gradient(180deg,var(--brad),var(--noapte) 78%)}
.gh-sclipiri{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none;color:var(--aur-2)}
.gh-hero__grila{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(32px,5vw,80px);align-items:center}
.gh-hero h1{font-size:clamp(42px,5vw,74px);font-weight:740;line-height:1;letter-spacing:-.045em;color:var(--crem)}
.gh-hero h1 em{display:block;font-style:normal;color:var(--aur)}
.gh-sub{max-width:34em;margin:22px 0 28px;font-size:17.5px;line-height:1.65;color:var(--crem-2)}
/* formularul modulului lista, pe noapte */
.gh-formular{max-width:560px}
.gh-formular .hl{max-width:none}
.gh-formular .hl__row{gap:8px;padding:6px;border-radius:999px;background:rgba(255,243,227,.08);box-shadow:inset 0 0 0 1px rgba(255,243,227,.16)}
.gh-formular .hl__row input{height:52px;padding:0 20px;border:0;border-radius:999px;background:rgba(8,16,13,.55);color:#FFF8EE;font-size:16px}
.gh-formular .hl__row input::placeholder{color:rgba(255,243,227,.45)}
.gh-formular .hl__row .btn{min-height:52px;padding:0 24px;border:0;border-radius:999px;background:var(--zmeura);color:#fff;font:650 15px/1 var(--font-body);box-shadow:0 14px 30px -14px rgba(201,42,72,.85);cursor:pointer}
.gh-formular .hl__row .btn:hover{background:var(--zmeura-d)}
.gh-formular .hl__opt{color:var(--crem-2);font-size:14px}
.gh-formular .hl__opt input{accent-color:var(--aur)}
.gh-formular .hl__note{color:var(--crem-3)}
.gh-formular .hl__note a{color:var(--aur-2)}
.gh-formular .hl__msg--ok{background:rgba(127,211,164,.12);border-color:rgba(127,211,164,.4);color:#BFF0D3}
.gh-formular .hl__msg--err{background:rgba(238,91,120,.14);border-color:rgba(238,91,120,.45);color:#FFC9D3}
/* foile ghidului, prinse pe frigider */
.gh-hero__foi{position:relative;height:clamp(420px,40vw,580px)}
.gh-foaie{position:absolute;top:6%;width:56%;aspect-ratio:1/1.415;background:#fff;border-radius:3px;box-shadow:0 30px 60px -24px rgba(0,0,0,.7);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.gh-foaie img{display:block;width:100%;height:100%;object-fit:cover;border-radius:3px}
.gh-foaie--a{left:2%;transform:rotate(-9deg) translateY(6%)}
.gh-foaie--b{right:0;transform:rotate(8deg) translateY(9%)}
.gh-foaie--fata{left:22%;top:0;z-index:2;transform:rotate(-2deg);box-shadow:0 40px 80px -28px rgba(0,0,0,.8)}
.gh-hero__foi:hover .gh-foaie--a{transform:rotate(-12deg) translate(-5%,5%)}
.gh-hero__foi:hover .gh-foaie--b{transform:rotate(11deg) translate(5%,8%)}
.gh-magnet{position:absolute;top:-14px;left:50%;width:34px;height:34px;margin-left:-17px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#F06A85,var(--zmeura) 55%,#7E1530);box-shadow:0 6px 10px -3px rgba(0,0,0,.5),inset 0 -3px 0 rgba(0,0,0,.15)}

/* ---------- cele șase pagini ---------- */
.gh-pagini{padding:clamp(64px,8vw,110px) 0}
.gh-cap{max-width:700px;margin-bottom:46px}
.gh-cap>p:not(.gh-eticheta-mica){margin:18px 0 0;font-size:17px;line-height:1.7;color:var(--muted)}
.gh-grila{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px;margin:0;padding:0;list-style:none}
.gh-pag{display:flex;flex-direction:column;gap:8px}
.gh-pag__foaie{margin:0 0 12px;aspect-ratio:1/1.415;overflow:hidden;border-radius:6px;background:#fff;box-shadow:0 30px 50px -36px rgba(40,30,20,.55),0 0 0 1px var(--linie);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.gh-pag__foaie img{display:block;width:100%;height:100%;object-fit:cover}
.gh-pag:hover .gh-pag__foaie{transform:translateY(-4px) rotate(-.6deg)}
.gh-pag__nr{margin:0;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--zmeura)}
.gh-pag h3{font-size:22px;font-weight:700;line-height:1.15}
.gh-pag p:not(.gh-pag__nr){margin:0;font-size:15.5px;line-height:1.6;color:var(--muted)}

/* ---------- cum îl primești ---------- */
.gh-pasi{padding:clamp(56px,7vw,96px) 0;color:var(--crem);background:radial-gradient(760px 420px at 90% 0%,rgba(227,181,99,.14),transparent 60%),var(--brad)}
.gh-pasi__grila{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,80px);align-items:start}
.gh-pasi h2{color:var(--crem)}
.gh-pasi h2 em{color:var(--aur)}
.gh-btn{display:inline-flex;align-items:center;gap:12px;min-height:52px;margin-top:26px;padding:0 26px;border-radius:999px;background:var(--crem);color:var(--noapte);font:650 15px/1 var(--font-body);text-decoration:none;transition:transform .2s,background .2s}
.gh-btn:hover{background:#fff;color:var(--noapte);transform:translateY(-2px)}
.gh-pasi__lista{display:grid;gap:18px;margin:0;padding:0;list-style:none;counter-reset:pas}
.gh-pasi__lista li{counter-increment:pas;display:grid;grid-template-columns:44px 1fr;gap:4px 16px;padding:18px 20px;border-radius:18px;background:rgba(255,243,227,.06);box-shadow:inset 0 0 0 1px rgba(255,243,227,.12)}
.gh-pasi__lista li::before{content:counter(pas);grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--aur);color:var(--noapte);font:800 17px/1 var(--font-display)}
.gh-pasi__lista b{font-size:17px;color:var(--crem)}
.gh-pasi__lista span{font-size:15px;line-height:1.55;color:var(--crem-2)}

/* ---------- ecrane mai mici ---------- */
@media (max-width:980px){
  .gh-hero__grila,.gh-pasi__grila{grid-template-columns:1fr}
  .gh-hero__foi{max-width:520px;width:100%;margin:8px auto 0}
  .gh-grila{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){
  .gh .gh-wrap{width:calc(100% - 36px)}
  .gh-hero h1{font-size:clamp(36px,10vw,46px)}
  .gh-sub{font-size:16px}
  .gh-formular .hl__row{flex-direction:column;border-radius:24px}
  .gh-formular .hl__row .btn{width:100%}
  .gh-hero__foi{height:330px}
  .gh-grila{grid-template-columns:1fr 1fr;gap:28px 16px}
  .gh-pag h3{font-size:18px}
  .gh-pag p:not(.gh-pag__nr){font-size:14px}
}
@media (prefers-reduced-motion:reduce){
  .gh *{transition:none!important}
  .gh-sclipiri{display:none}
}