/* Mobile layout safeguards shared by the VENTA X main pages. */
html,body{max-width:100%}
img,video,svg,iframe{max-width:100%}
.hd-in,.hero-in,.wrap,.g2,.g3,.g4,.split,.two,.side,.tbl,.trow,.card,.glass{min-width:0}

@media (max-width:767px){
  p,li,td,th,a{overflow-wrap:anywhere}
  .split,.split.has-photos,.two,.two.wide-left,.two.ctl,.two.prod,.side,
  .hero-cols,.tiles,.pats,.ops,.steps,.kp{grid-template-columns:minmax(0,1fr)!important}
  .split-img{order:-1;min-height:0;aspect-ratio:16/9}
  .step,.step:nth-child(even){padding:22px 0;border-left:0}
  .step:nth-child(n+2){border-top:1px solid var(--ln)}
  .tbl .thead{display:none}
  .tbl .trow,.tbl.c2 .trow,.tbl.c3 .trow,.tbl.src .trow{grid-template-columns:minmax(0,1fr)!important;gap:6px}
  .apply{grid-template-columns:var(--ic) minmax(0,1fr)}
  .apply p{grid-column:1/-1}
  .crow{grid-template-columns:36px var(--ic) minmax(0,1fr);padding:22px 18px;column-gap:12px}
  .sheet-foot .btn{white-space:normal;text-align:center}
}

@media (max-width:480px){
  :root{--pad:16px}
  .hd-cta{display:none!important}
  .hd-right{gap:4px}
  .hero-cta .btn,.cta-band .btn{height:auto;min-height:48px;padding:12px 16px;white-space:normal;text-align:center;line-height:1.35}
  .photos,.tiles3,.stats3,.sv-big,.keep2{grid-template-columns:minmax(0,1fr)!important}
  .glass,.card,.survey{padding-left:18px;padding-right:18px}
  .sheet-foot{display:grid;grid-template-columns:1fr;gap:8px}
  .sheet-foot .lang,.sheet-foot .btn{width:100%;margin:0}
}