/* Ajustari pentru ecrane mici. Se incarca ULTIMUL — ordinea conteaza. */
/* ================= MOBIL ================= */
@media (max-width:860px){
  /* Coloana cu fotografia e sticky pe desktop (ramane fixa langa text).
     Pe mobil coloanele se suprapun intr-una, deci sticky face poza sa stea
     lipita sus si textul sa treaca pe sub ea. */
  main div[style*="position:sticky"]{position:static !important;top:auto !important}
  /* --- Hero: decupaj patrat dedicat, cu fata centrata --- */
  #acasa{background-image:none !important;background-color:#F7F3EC !important;
         min-height:auto !important;padding:0 !important;display:block !important}
  #acasa::before{content:'';display:block;width:100%;height:min(92vw,52vh);
    background-image:url('../assets/img-1-mobil.jpg');background-size:cover;
    background-position:center center;border-bottom:1px solid #E3DCD1}
  #acasa .hero-scrim{display:none !important}
  #acasa .hero-txt{max-width:100% !important}
  #acasa > div:last-of-type{padding-top:2.4rem !important;padding-bottom:2.8rem !important}
  #acasa h1{font-size:clamp(2.3rem,10.5vw,3.2rem) !important}

  /* --- Antet mai scund --- */
  header > div{padding:.7rem 5vw !important;flex-wrap:nowrap !important;gap:1rem !important}
  header .brand-name{font-size:1.18rem !important}
  header .brand-sub{font-size:.5rem !important;letter-spacing:.18em !important;margin-top:.15rem !important}

  /* --- Butoane pe toata latimea, zone de atins generoase --- */
  a[style*="padding:1.1rem"],a[style*="padding:1.05rem"]{width:100%;text-align:center}
  section:not(#acasa){padding-left:6vw !important;padding-right:6vw !important}

  /* --- Campuri de 16px, ca iOS sa nu dea zoom la focus --- */
  input,textarea,select{font-size:16px !important}
}
@media (max-width:430px){
  #acasa h1{font-size:2.25rem !important}
}