/* ===== Mobile fixes ===== */
html,body{overflow-x:hidden;max-width:100vw}
img{max-width:100%}
.drawer-group{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gold,#F8CD1E);margin:14px 0 2px;opacity:.85}

/* ===== HERO homepage: poza ca fundal full-bleed cu text peste (desktop + mobil) ===== */
.hp-hero{position:relative;min-height:84vh;display:flex;align-items:center;overflow:hidden}
.hp-hero-mobbg{display:block;position:absolute;inset:0;z-index:0;background:url('/assets/photo-femei-negru.jpg') center 32%/cover no-repeat}
.hp-hero-mobbg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,4,3,.5) 0%,rgba(7,4,3,.55) 40%,rgba(7,4,3,.82) 100%)}
.hp-hero .wrap{position:relative;z-index:2}
.hp-hero .hp-video{display:none}
.hp-hero-head h1{text-shadow:0 2px 26px rgba(0,0,0,.7)}
.hp-hero-head .lead{text-shadow:0 1px 14px rgba(0,0,0,.6)}

@media (max-width:600px){
  h1,h2,h3{overflow-wrap:break-word}
  .hp-hero{min-height:88vh;padding:96px 18px 60px}
  .hp-hero-mobbg{background-position:center 36%}
  .field input,.field textarea,.ins-card input,.ins-card select,.ins-card textarea{width:100% !important;box-sizing:border-box;font-size:16px !important}
  .ins-card{padding:26px 18px !important}
  .news-form{max-width:100% !important}
  .hp-alice .pic{aspect-ratio:3/4 !important;min-height:300px}
  .legal-hero{padding:120px 0 36px !important}
  .legal-body{padding:34px 18px 70px !important}
  .drawer-panel{overflow-y:auto}
}
.field select{width:100%;font-family:inherit;font-size:1rem;padding:14px 15px;border:1.5px solid rgba(244,240,232,.18);border-radius:8px;background:rgba(16,15,14,.6);color:#f4f0e8;cursor:pointer}

/* ===== carduri curs: CTA "Vezi cursul" mereu vizibil + clic clar (mai ales mobil) ===== */
.hp-course{cursor:pointer}
.hp-course .arrow{position:static;opacity:1;transform:none;display:inline-flex;align-items:center;gap:7px;align-self:flex-start;margin-top:8px;font-size:.86rem;font-weight:800;letter-spacing:.02em;color:var(--gold)}
.hp-course:hover .arrow{transform:translateX(3px)}
.hp-course .arrow svg{width:16px;height:16px}
.hp-course:active{transform:scale(.985);border-color:rgba(248,205,32,.6);background:#171209}

/* ancorele de formular sa nu intre sub header-ul fix la jump cross-page */
#lead-form,#contact,#formular{scroll-margin-top:90px}