:root{
  --vh: 100vh; /* optional pentru mobile fixes */
}
.h-scroll{
  position: relative;
  height: var(--vh);
  overflow: hidden;
}
.h-scroll .panels{
  display: flex;
  width: 300vw;              /* 3 panouri x 100vw */
  height: 100%;
}
.panel{
  flex: 0 0 100vw;
  height: 100%;
  padding: 8rem 5rem 4rem;
  box-sizing: border-box;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:#fff;           /* schimbă pe dark/light ce vrei */
}
.panel-1{ background:#F7F8FA; }
.panel-2{ background:#EAF7EF; }
.panel-3{ background:#FFF7E9; }

@media(max-width:991px){
  /* fallback: secțiuni verticale pe mobil */
  .h-scroll{ height:auto; overflow:visible; }
  .h-scroll .panels{ display:block; width:auto; }
  .panel{ width:100%; height:auto; min-height:100vh; }
}