/* Mesajul de la Moș Crăciun · 29.10.2026, Adrian: formularul într-o fereastră pe tot ecranul (assets/mos-modal.js). Cerul de noapte al
   paginii, bara de sus cu numele și ×, cutia albă a formularului la mijloc (pe calculator) sau pe toată lățimea (pe telefon). */
html.pm-modal-deschis,html.pm-modal-deschis body{overflow:hidden}
:is(.mos,.pm) dialog.pm-modal{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;color:#fff3e3;
  overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  background:url("mos/stele.png") 0 0/420px repeat,radial-gradient(1200px 560px at 50% 0%,#1a2a5a 0%,#1a2a5a00 70%),radial-gradient(900px 600px at 100% 100%,#3a1630aa,#3a163000 70%),linear-gradient(180deg,#0c1533,#0f1937);
  opacity:0;transform:translateY(22px) scale(.985);transition:opacity .3s ease-out,transform .45s cubic-bezier(.2,.7,.2,1)}
:is(.mos,.pm) dialog.pm-modal.is-vizibil{opacity:1;transform:none}
:is(.mos,.pm) dialog.pm-modal.is-iese{opacity:0;transform:translateY(16px);transition:opacity .22s ease-in,transform .26s ease-in}
:is(.mos,.pm) dialog.pm-modal::backdrop{background:#0c1533e6}
@media (prefers-reduced-motion:reduce){:is(.mos,.pm) dialog.pm-modal{transition:none;transform:none}}

/* bara de sus: lipită, cu cerul sub ea */
:is(.mos,.pm) .pm-modal__bara{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px max(20px,calc((100% - 1160px) / 2)) 12px;background:linear-gradient(180deg,#0c1533f2 60%,#0c153300)}
:is(.mos,.pm) .pm-modal__t{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 12px;min-width:0;margin:0}
:is(.mos,.pm) .pm-modal__t>span:first-child{font:700 11px/1.4 var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:#e6b764}
:is(.mos,.pm) .pm-modal__pentru{font:600 24px/1 var(--pf-mana,"hooo Scris",cursive);color:#f2c879;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60vw}
:is(.mos,.pm) .pm-modal__pentru b{font-weight:inherit}
:is(.mos,.pm) .pm-modal__x{flex:none;display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid #e6b76466;border-radius:50%;background:#ffffff12;color:#fff3e3;cursor:pointer;
  backdrop-filter:blur(6px);transition:background .2s,border-color .2s,transform .25s}
:is(.mos,.pm) .pm-modal__x svg{width:20px;height:20px}
:is(.mos,.pm) .pm-modal__x:hover{background:#c92a48;border-color:#c92a48;transform:rotate(90deg)}
:is(.mos,.pm) .pm-modal__x:focus-visible{outline:3px solid #dfa74f;outline-offset:3px}

/* secțiunea formularului, în fereastră: fără marginile și fundalul din pagină */
:is(.mos,.pm) dialog.pm-modal .pm-atelier{margin:0;padding:6px 0 48px;background:none;-webkit-mask:none;mask:none}
:is(.mos,.pm) dialog.pm-modal .pm-atelier>.cs-wrap{width:min(1160px,calc(100% - 40px))}
:is(.mos,.pm) dialog.pm-modal .pn-echo{display:none}
:is(.mos,.pm) dialog.pm-modal .pm-ghid{box-shadow:0 40px 90px -40px #000,0 0 0 1px #ffffff26}
:is(.mos,.pm) dialog.pm-modal .pm-proof{top:84px}
@media (min-width:900px){
  /* cutia la mijloc când e mai mică decât ecranul */
  :is(.mos,.pm) dialog.pm-modal[open]{display:flex;flex-direction:column}
  :is(.mos,.pm) dialog.pm-modal .pm-atelier{flex:1 0 auto;display:flex;flex-direction:column;justify-content:center;padding-bottom:6vh}
}
@media (max-width:899px){
  :is(.mos,.pm) .pm-modal__bara{padding:10px 14px 10px 18px}
  :is(.mos,.pm) .pm-modal__t{flex-direction:column;gap:0}
  :is(.mos,.pm) .pm-modal__t>span:first-child{font-size:10px}
  :is(.mos,.pm) .pm-modal__pentru{font-size:22px;max-width:70vw}
  :is(.mos,.pm) .pm-modal__x{width:42px;height:42px}
  :is(.mos,.pm) dialog.pm-modal .pm-atelier{padding:0 0 0}
  :is(.mos,.pm) dialog.pm-modal .pm-atelier>.cs-wrap{width:calc(100% - 16px)}
  :is(.mos,.pm) dialog.pm-modal .pm-ghid{min-height:calc(100dvh - 70px);border-radius:22px 22px 0 0}
}

/* în pagină: secțiunea nu mai stă între primul ecran și film (e în fereastră) */
.mos.pm-cu-modal .pm-scena{padding-bottom:clamp(8px,2vw,24px)}

/* butoanele noi din pagină, care deschid fereastra: după film și după „Un singur preț” */
.mos .pm-cta-mijloc{display:flex;flex-direction:column;align-items:center;gap:10px;margin:clamp(30px,4vw,48px) auto 0;text-align:center}
.mos .pm-cta-mijloc .pm-main-cta{min-width:min(100%,360px)}

/* ---------- 29.10.2026, Adrian („CTA-urile din pagină mai pulsabile, să te facă să dai click”) ----------
   Butoanele din pagină care deschid fereastra (și cel din bara de jos de pe telefon): respiră (se măresc puțin), trimit un inel care
   se stinge în jur, o lumină trece peste ele, iar cele trei cercuri („ooo”) bat pe rând, ca un ecou. Se opresc sub mouse / la focus;
   cu „mai puțină mișcare”, nimic. */
.mos .pm-main-cta,.mos .pm-bara .pm-btn--alb{position:relative;overflow:hidden;isolation:isolate}
.mos .pm-main-cta>span{position:relative;z-index:1}
@media (prefers-reduced-motion:no-preference){
  .mos .pm-main-cta,.mos .pm-erou.is-visible .pm-main-cta{animation:pm-cta-puls 2.4s cubic-bezier(.4,0,.3,1) infinite}
  .mos .pm-main-cta::before{content:"";position:absolute;inset:-2px;z-index:0;pointer-events:none;
    background:linear-gradient(105deg,#fff0 30%,#ffffff7a 48%,#fff0 64%);transform:translateX(-130%);animation:pm-cta-luciu 3.6s ease-in-out infinite}
  .mos .pm-main-cta .pm-cta-echo i{animation:pm-cta-ecou 1.6s ease-in-out infinite}
  .mos .pm-main-cta .pm-cta-echo i:nth-child(2){animation-delay:.18s}
  .mos .pm-main-cta .pm-cta-echo i:nth-child(3){animation-delay:.36s}
  .mos .pm-main-cta:hover,.mos .pm-main-cta:focus-visible{animation:none;transform:translateY(-3px) scale(1.03);
    box-shadow:0 22px 46px -14px #c92a48e6,0 0 0 4px #e6b76440,inset 0 1px #fff4}
  .mos .pm-main-cta:hover::before{animation-duration:1.4s}
  /* butoanele din pagină se trezesc pe rând: cel din primul ecran imediat, celelalte cu o mică întârziere, ca să nu bată toate deodată */
  .mos .pm-cta-mijloc .pm-main-cta,.mos .pm-cta-mijloc .pm-main-cta::before{animation-delay:.6s}
  .mos .pm-fratii .pm-main-cta,.mos .pm-fratii .pm-main-cta::before{animation-delay:1.2s}
}
@keyframes pm-cta-puls{
  0%{transform:scale(1);box-shadow:0 15px 38px -16px #c92a48cc,0 0 0 0 #e34261a6,inset 0 1px #fff4}
  38%{transform:scale(1.04);box-shadow:0 22px 48px -14px #c92a48f2,0 0 0 16px #e3426100,inset 0 1px #fff4}
  70%,100%{transform:scale(1);box-shadow:0 15px 38px -16px #c92a48cc,0 0 0 0 #e3426100,inset 0 1px #fff4}
}
@keyframes pm-cta-luciu{0%,52%{transform:translateX(-130%)}82%,100%{transform:translateX(130%)}}
@keyframes pm-cta-ecou{0%,100%{opacity:.35;transform:rotate(-12deg) scale(.86)}35%{opacity:1;transform:rotate(-12deg) scale(1.12)}}

/* ---------- 29.10.2026, Adrian: bara de jos, pe calculator și pe telefon, în culoarea butoanelor, cu butonul alb ----------
   Calculator: capsulă plutitoare, centrată. Telefon: lipită jos, pe toată lățimea, cu loc pentru bara iPhone-ului. Alunecă afară
   (.is-ascunsa, din assets/mos.js). Butonul alb pulsează mai discret decât cele din pagină. */
.mos .pm-bara{position:fixed;left:50%;right:auto;bottom:16px;z-index:40;display:flex;align-items:center;gap:14px;width:min(920px,calc(100% - 32px));
  padding:9px 9px 9px 14px;border:0;border-radius:999px;color:#fff;font-size:inherit;
  background:linear-gradient(180deg,#e34261,#c92a48 55%,#ac203e);box-shadow:0 26px 56px -20px #000d,0 0 0 1px #ffffff30 inset,0 1px 0 #ffffff55 inset;
  transform:translateX(-50%);transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .35s}
.mos .pm-bara[hidden]{display:none}
.mos .pm-bara.is-ascunsa{transform:translate(-50%,150%);opacity:0;pointer-events:none}
.mos .pm-bara__sigiliu{flex:none;width:48px;height:48px;rotate:-8deg;filter:drop-shadow(0 4px 6px #3a0812aa)}
.mos .pm-bara__text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.mos .pm-bara__nume{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:750 16px/1.2 var(--font-display);color:#fff}
.mos .pm-bara .pm-bara__pentru{font:600 26px/1 var(--pf-mana,"hooo Scris",cursive);color:#fff6e2;white-space:nowrap}
.mos .pm-bara__pret{display:flex;align-items:baseline;gap:8px;line-height:1}
.mos .pm-bara .pm-bara__pret s{margin:0;font-size:13px;color:#ffd3db}
.mos .pm-bara .pm-bara__pret b{font:800 18px/1 var(--font-display);color:#fff}
.mos .pm-bara .pm-btn--alb{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border:0;border-radius:999px;
  background:#fff;color:#c92a48;font:800 16px/1 var(--font-display);text-decoration:none;white-space:nowrap;box-shadow:0 10px 24px -10px #3a0812cc}
.mos .pm-bara .pm-btn--alb[hidden]{display:none}
.mos .pm-bara .pm-btn--alb:hover{color:#ac203e;transform:translateY(-2px)}
.mos .pm-bara .pm-btn--alb:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media (prefers-reduced-motion:no-preference){
  .mos .pm-bara .pm-btn--alb{animation:pm-bara-puls 2.8s cubic-bezier(.4,0,.3,1) infinite}
  .mos .pm-bara .pm-btn--alb::before{content:"";position:absolute;inset:-2px;z-index:-1;pointer-events:none;background:linear-gradient(105deg,#fff0 30%,#ffd7df 48%,#fff0 64%);
    transform:translateX(-130%);animation:pm-cta-luciu 4.2s ease-in-out infinite}
  .mos .pm-bara .pm-btn--alb:hover{animation:none}
}
@keyframes pm-bara-puls{
  0%{transform:scale(1);box-shadow:0 10px 24px -10px #3a0812cc,0 0 0 0 #ffffffb3}
  40%{transform:scale(1.035);box-shadow:0 12px 26px -10px #3a0812cc,0 0 0 12px #fff0}
  70%,100%{transform:scale(1);box-shadow:0 10px 24px -10px #3a0812cc,0 0 0 0 #fff0}
}
@media (max-width:899px){
  .mos .pm-bara{left:0;right:0;bottom:0;width:auto;gap:10px;padding:9px 10px calc(9px + env(safe-area-inset-bottom)) 12px;border-radius:20px 20px 0 0;transform:none}
  .mos .pm-bara.is-ascunsa{transform:translateY(120%)}
  .mos .pm-bara__sigiliu{width:40px;height:40px}
  .mos .pm-bara__nume{font-size:14px}
  .mos .pm-bara .pm-bara__pentru{font-size:23px}
  .mos .pm-bara .pm-bara__pret b{font-size:16px}
  .mos .pm-bara .pm-btn--alb{min-height:46px;padding:0 16px;font-size:14px}
}
/* telefoanele obișnuite (până la 420 px): fără sigiliu, ca „Mesajul de la Moș Crăciun” să încapă întreg lângă buton */
@media (max-width:420px){.mos .pm-bara__sigiliu{display:none}.mos .pm-bara{padding-left:16px}.mos .pm-bara__nume{font-size:12.5px}.mos .pm-bara .pm-btn--alb{padding:0 13px;font-size:13px}}