.games-grid{display:grid!important;grid-auto-flow:column!important;grid-template-columns:none!important;grid-auto-columns:152px!important;grid-template-rows:1fr!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;scroll-behavior:smooth;padding-bottom:4px}
.games-grid::-webkit-scrollbar{display:none}
@media(max-width:560px){.games-grid{grid-auto-columns:132px!important}}
.wb-rowholder{position:relative}
.wb-rowarrow{position:absolute;top:50%;transform:translateY(-50%);z-index:8;width:38px;height:38px;border-radius:50%;border:0;background:rgba(13,10,26,.82);color:#fff;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.4)}
.wb-rowarrow--prev{left:2px}.wb-rowarrow--next{right:2px}
.wb-rowarrow:hover{background:#8b5cf6}
.wb-rowarrow[disabled]{opacity:0;pointer-events:none}

/* Mobile: make HERO carousel natively scrollable (promo has its own rule) */
@media(max-width:768px){
  .row-start-1 .embla__viewport{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none;scroll-snap-type:x mandatory}
  .row-start-1 .embla__viewport::-webkit-scrollbar{display:none}
  .row-start-1 .embla__container{transform:none!important;touch-action:pan-x pan-y!important}
  .row-start-1 .embla__slide{flex:0 0 90%!important;max-width:90%!important;min-width:90%!important;scroll-snap-align:start!important}
}

@media(max-width:768px){
  .wb-rowarrow--promo{top:calc(94px);width:34px;height:34px;font-size:20px}
  .wb-rowarrow--promo.wb-rowarrow--prev{left:6px}
  .wb-rowarrow--promo.wb-rowarrow--next{right:6px}
}
@media(min-width:769px){
  .wb-rowarrow--promo{display:none}
}