/* hooo · frații în același mesaj video de la Moș Crăciun (28.10.2026): „Mai am un copil”, cardurile fraților și totalul, în pasul
   „Copilul” al configuratorului (assets/mos-frati.js). Peste assets/mos.css și carti-pasi.css; aceleași culori (zmeura, aurul, hârtia). */

/* „Câți copii sunt în mesaj”: rămâne în formular, îl schimbă butoanele (fără JavaScript, lista se vede) */
.mos .pm-frati__nr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;margin:0!important;padding:0!important;border:0!important}

.mos .pm-frati{grid-column:1/-1;display:grid;gap:14px;margin-top:2px}

/* un frate: cartonaș pe hârtia biletului, cu numărul lui, „+17 lei” și „Scoate” */
.mos .pm-frate{position:relative;border:1px solid #ecd9de;border-radius:16px;background:linear-gradient(180deg,#fffaf3,#fdf3ec);padding:14px 16px 16px;box-shadow:0 10px 26px -22px #3b071d80;animation:pm-frate-intra .32s cubic-bezier(.2,.8,.2,1)}
.mos .pm-frate::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:16px 0 0 16px;background:linear-gradient(180deg,var(--pm-zmeura,#c92a48),#e6b764)}
.mos .pm-frate__cap{display:flex;align-items:center;gap:10px;margin:0 0 12px;flex-wrap:wrap}
.mos .pm-frate__t{margin:0;font:750 17px/1.25 var(--font-display);letter-spacing:-.02em;color:var(--pm-ink,#272126)}
.mos .pm-frate__pret{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:#fbe7ea;color:#a3213d;font:700 12px/1 var(--font-body);letter-spacing:.01em}
.mos .pm-frate__scoate{margin-left:auto;min-height:40px;padding:0 12px;border:1px solid #e3cfd5;border-radius:999px;background:#fff;color:#7d5662;font:600 13px/1 var(--font-body);cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.mos .pm-frate__scoate:hover{border-color:#c9a3ae;color:#a3213d}
.mos .pm-frate__scoate:focus-visible,.mos .pm-frati__btn:focus-visible{outline:2px solid var(--pm-zmeura,#c92a48);outline-offset:2px}
.mos .pm-frate__corp{display:grid;grid-template-columns:1fr 1fr;gap:14px}
/* peste regulile pasului „Copilul” din mos.css (câmpurile text pe tot rândul, pe telefon „auto”): în card, ordinea noastră */
.mos .pm-ghid .pm-frate .pm-frate__corp>.hooo-camp{margin:0;min-width:0;width:auto;max-width:none;grid-column:auto}
.mos .pm-ghid .pm-frate .pm-frate__corp>.pm-frate__camp--nume,.mos .pm-ghid .pm-frate .pm-frate__corp>.pm-frate__camp--fapta,
.mos .pm-ghid .pm-frate .pm-frate__corp>.pm-frate__camp--poza{grid-column:1/-1}
.mos .pm-ghid .pm-frate .pm-frate__corp input[type=text],.mos .pm-ghid .pm-frate .pm-frate__corp input[type=number]{width:100%}
.mos .pm-frate .hooo-ajutor{display:none}
.mos .pm-frate .pm-frate__camp--poza .hooo-ajutor{display:block}
.mos .pm-ghid .pm-frate .hooo-camp--poza{padding:12px 14px;background:#fff;border-color:#ecdfe3}
.mos .pm-ghid .pm-frate .hooo-optiuni{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
.mos .pm-frate .hooo-optiune{min-height:49px}

/* „Mai am un copil” */
.mos .pm-frati__adauga{display:grid;gap:6px}
.mos .pm-frati__btn{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:9px 16px 9px 10px;border:1.5px dashed #d9b9c2;border-radius:16px;background:#fffaf6;color:var(--pm-ink,#272126);text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.mos .pm-frati__btn:hover{border-color:var(--pm-zmeura,#c92a48);background:#fff4f2}
.mos .pm-frati__btn:active{transform:scale(.99)}
.mos .pm-frati__plus{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(180deg,#e34261,#c92a48 55%,#ac203e);color:#fff;font:700 24px/1 var(--font-body);box-shadow:0 8px 18px -10px #c92a48}
.mos .pm-frati__btn-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.mos .pm-frati__btn-t b{font:750 16px/1.2 var(--font-display);letter-spacing:-.01em}
.mos .pm-frati__btn-t small{font:700 12px/1.2 var(--font-body);color:#a3213d}
.mos .pm-frati__sub{margin:0;padding:0 4px;font-size:11.5px;line-height:1.55;color:#796c72}

/* totalul, sub frați */
.mos .pm-frati__total{margin:0;padding:11px 14px;border-radius:12px;background:#fbf1ee;font-size:13px;line-height:1.5;color:#5d4b53}
.mos .pm-frati__total b{color:var(--pm-ink,#272126);font-size:15px}

@keyframes pm-frate-intra{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.mos .pm-frate{animation:none}}

@media (max-width:899px){
  .mos .pm-frate{padding:13px 13px 14px}
  .mos .pm-frate__corp{gap:12px}
  .mos .pm-frate__t{font-size:16px}
}
/* pe telefon: un câmp pe rând, cu „Băiat” și „Fată” alături, pe toată lățimea */
@media (max-width:560px){
  .mos .pm-frate__corp{grid-template-columns:1fr}
  .mos .pm-ghid .pm-frate .pm-frate__corp>.hooo-camp{grid-column:1/-1}
  .mos .pm-ghid .pm-frate .pm-frate__camp--varsta input{max-width:160px}
  .mos .pm-frate__scoate{min-height:40px;padding:0 12px}
}

/* 28.10.2026, seara: frații în ultimul pas („Comanda”), înaintea termenului și a butonului; în pasul „Copilul”, doar nota */
.mos .cs-pas[data-pas=comanda] .pm-frati{margin:6px 0 2px}
.mos .pm-frati-nota{grid-column:1/-1;margin:-4px 0 0;padding:10px 14px;border-radius:12px;background:#fbf1ee;font-size:13px;line-height:1.5;color:#5d4b53}