/* Upcoming global events: full 2:3 posters. Never crop, never collapse to a hairline.
   Specificity stays above cinema-dim and rail-parity (both use !important). */
html body.page-home #global-events .global-events-body{
  display:block!important;
  overflow:visible!important;
  width:100%!important;
  max-width:100%!important;
  padding:12px 14px 16px!important;
  box-sizing:border-box!important;
}
html body.page-home #global-events .global-event-grid{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:14px!important;
  width:100%!important;
  max-width:100%!important;
  min-height:297px!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  padding:4px 2px 12px!important;
  margin:0!important;
  box-sizing:border-box!important;
  scrollbar-width:thin;
}
html body.page-home #global-events article.global-event{
  position:relative!important;
  flex:0 0 190px!important;
  width:190px!important;
  height:285px!important;
  min-width:190px!important;
  max-width:190px!important;
  min-height:285px!important;
  max-height:285px!important;
  margin:0!important;
  padding:0!important;
  border:2px solid #e5c158!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:#120a24!important;
  box-shadow:0 12px 40px rgba(0,0,0,.55)!important;
  box-sizing:border-box!important;
}
html body.page-home #global-events article.global-event>a,
html body.page-home #global-events article.global-event .id-art{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
}
html body.page-home #global-events article.global-event img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  aspect-ratio:auto!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#120a24!important;
}
html body.page-home #global-events article.global-event .id-poster{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.55rem!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  margin:0!important;
  padding:22px 12px!important;
  border:0!important;
  border-radius:0!important;
  background:
    radial-gradient(120% 70% at 50% 12%,rgba(243,207,105,.22),transparent 62%),
    linear-gradient(160deg,#2a1b12,#123021 55%,#0e1b2c)!important;
  background-size:auto!important;
  text-align:center!important;
}
html body.page-home #global-events article.global-event h3{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:3!important;
  margin:0!important;
  padding:28px 10px 10px!important;
  background:linear-gradient(transparent,rgba(0,0,0,.92))!important;
  font-size:13px!important;
  line-height:1.25!important;
  text-align:center!important;
  max-height:none!important;
}
html body.page-home #global-events article.global-event h3 a{
  color:#fff!important;
  text-decoration:none!important;
}
html body.page-home #global-events article.global-event>p,
html body.page-home #global-events article.global-event>.gold-btn,
html body.page-home #global-events article.global-event .id-summary,
html body.page-home #global-events article.global-event .id-cta,
html body.page-home #global-events article.global-event .id-official,
html body.page-home #global-events article.global-event .id-kicker{
  display:none!important;
}
html body.page-home #global-events article.global-event .event-badge{
  position:absolute!important;
  top:16px!important;
  left:-38px!important;
  z-index:4!important;
  transform:rotate(-45deg)!important;
  padding:5px 42px!important;
  border-radius:0!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.6px!important;
  text-transform:uppercase!important;
  box-shadow:0 3px 10px rgba(0,0,0,.55)!important;
}
html body.page-home #global-events article.global-event .event-badge.event-live{
  background:linear-gradient(135deg,#d32f2f,#8b0000)!important;
  color:#fff!important;
}
html body.page-home #global-events article.global-event .event-badge.event-soon{
  background:linear-gradient(135deg,#7b5cff,#4b2ea8)!important;
  color:#fff!important;
}
html body.page-home #global-events .ge-archive{
  display:inline-flex!important;
  margin:12px 0 0!important;
}
@media(max-width:430px){
  html body.page-home #global-events .global-event-grid{min-height:264px!important}
  html body.page-home #global-events article.global-event{
    flex-basis:168px!important;
    width:168px!important;
    min-width:168px!important;
    max-width:168px!important;
    height:252px!important;
    min-height:252px!important;
    max-height:252px!important;
  }
}

/* Retained ended events: visible for 3 days at the row end, then hidden by global-events.js. */
html body.page-home #global-events article.global-event .event-badge.event-ended{
  background:linear-gradient(135deg,#4b4652,#211e26)!important;
  color:#f3eef6!important;
  border-top:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 3px 12px rgba(0,0,0,.62)!important;
}
html body.page-home #global-events article.international-day.id-ended-retained .event-badge.event-ended{
  top:20px!important;
  left:-54px!important;
  padding:7px 60px!important;
  background:linear-gradient(135deg,#5c5664,#25212b)!important;
  color:#fff!important;
  z-index:8!important;
}

/* MatchApp global events carousel: existing shared controller in app.js.
   Force one horizontal swipe rail on every viewport, including desktop;
   do not change poster identities, event links or ended-item logic. */
html body.page-home #global-events .events-rail-shell{
  position:relative;
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  isolation:isolate;
}
html body.page-home #global-events .events-rail-shell .global-event-grid{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:14px!important;
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:4px 48px 14px!important;
  scroll-padding-inline:48px;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
  box-sizing:border-box;
}
html body.page-home #global-events .events-rail-shell .global-event-grid::-webkit-scrollbar{display:none}
html body.page-home #global-events .events-rail-shell article.global-event{
  flex:0 0 190px!important;
  width:190px!important;
  min-width:190px!important;
  max-width:190px!important;
  height:285px!important;
  min-height:285px!important;
  max-height:285px!important;
  aspect-ratio:2/3!important;
  scroll-snap-align:start;
}
html body.page-home #global-events .events-rail-shell article.global-event[hidden]{
  display:none!important;
}
html body.page-home #global-events .events-rail-shell button.marquee-arrow{
  display:flex!important;
  align-items:center;
  justify-content:center;
  position:absolute!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:12!important;
  width:44px!important;
  height:44px!important;
  padding:0!important;
  margin:0!important;
  border-radius:50%!important;
  border:1px solid rgba(229,193,88,.84)!important;
  background:rgba(13,10,24,.90)!important;
  color:#f4d77f!important;
  font-size:24px!important;
  line-height:1!important;
  cursor:pointer;
  touch-action:manipulation;
}
html body.page-home #global-events .events-rail-shell button.events-prev{left:2px!important}
html body.page-home #global-events .events-rail-shell button.events-next{right:2px!important}
html body.page-home #global-events .events-rail-shell button.marquee-arrow:disabled{
  opacity:.32!important;
  cursor:default;
}
html body.page-home #global-events .events-rail-shell button.marquee-arrow:focus-visible{
  outline:3px solid #f4d77f;
  outline-offset:2px;
}
@media(max-width:430px){
  html body.page-home #global-events .events-rail-shell article.global-event{
    flex-basis:168px!important;
    width:168px!important;
    min-width:168px!important;
    max-width:168px!important;
    height:252px!important;
    min-height:252px!important;
    max-height:252px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html body.page-home #global-events .events-rail-shell .global-event-grid{
    scroll-behavior:auto!important;
  }
}


/* Adult Home event rail wins over the older desktop grid layout. Reuse the
   shared scroll controller and arrows; never create a second timer. */
html body.page-home #global-events .events-rail-shell #events-viewport{
  display:flex!important;
  flex-flow:row nowrap!important;
  grid-template-columns:none!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  width:100%!important;
  max-width:100%!important;
  scroll-snap-type:x proximity!important;
}
html body.page-home #global-events .events-rail-shell button.events-prev,
html body.page-home #global-events .events-rail-shell button.events-next{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:20!important;
}
html body.page-home #global-events .events-rail-shell button.events-prev:disabled,
html body.page-home #global-events .events-rail-shell button.events-next:disabled{
  opacity:.55!important;
}