/* 115 Schiller | approved beerfest / river art + experience hero spacing | v0.5
   Scoped to the four affected Events pages; no checkout, owner or global theme edits. */
body.sch-events-index .hub-tile img[src$="events-beerfest-riverfront-v01.webp"],
body.sch-events-index .sch-campaign-image[src$="events-river-overlook-sunset-v01.webp"]{
  object-fit: cover;
  object-position: 50% 48%;
}
body.sch-events-detail .event-hero.sch-beerfest-image::before{
  background-image:linear-gradient(90deg,rgba(9,35,28,.93) 0%,rgba(9,35,28,.78) 42%,rgba(9,35,28,.34) 80%),
    url('/assets/editorial/events-beerfest-riverfront-v01.webp') !important;
  background-position: center 46% !important;
  background-size:cover;
}
/* The older .xp-hero .event-shell {width:100%} removed side gutters.
   Restore the same centered rhythm as other event pages, at every viewport. */
body.sch-events-detail .xp-page .xp-hero.xp-family > .event-shell,
body.sch-events-detail .xp-page .xp-hero.xp-fish > .event-shell{
  box-sizing:border-box;
  width:min(1240px,calc(100% - 80px)) !important;
  max-width:1240px;
  margin-inline:auto !important;
  padding:clamp(80px,7.5vw,110px) 0 !important;
}
body.sch-events-detail .xp-page .xp-hero.xp-family > .event-shell > :first-child,
body.sch-events-detail .xp-page .xp-hero.xp-fish > .event-shell > :first-child{
  margin-top:0;
}
@media(max-width:800px){
  body.sch-events-detail .event-hero.sch-beerfest-image::before{
    background-image:linear-gradient(90deg,rgba(9,35,28,.94),rgba(9,35,28,.56)),
      url('/assets/editorial/events-beerfest-riverfront-v01.webp') !important;
    background-position:57% center !important;
  }
  body.sch-events-detail .xp-page .xp-hero.xp-family > .event-shell,
  body.sch-events-detail .xp-page .xp-hero.xp-fish > .event-shell{
    width:calc(100% - 48px) !important;
    padding:72px 0 77px !important;
  }
}
@media(max-width:600px){
  body.sch-events-detail .xp-page .xp-hero.xp-family > .event-shell,
  body.sch-events-detail .xp-page .xp-hero.xp-fish > .event-shell{
    width:calc(100% - 40px) !important;
    padding:62px 0 70px !important;
  }
  body.sch-events-detail .xp-page .xp-hero.xp-family h1,
  body.sch-events-detail .xp-page .xp-hero.xp-fish h1{
    overflow-wrap:normal;
  }
}
