/* Scoped styles: don't affect the site's existing slideshows or product cards. */
#common-home .mr-event-promo { box-sizing:border-box; clear:both; margin:14px auto 24px; padding:16px 14px; border-radius:10px; border:1px solid #e6e6e6; background:#fafafa; text-align:center; }
#common-home .mr-event-promo__top { font-size:clamp(20px,2.4vw,30px); line-height:1.25; font-weight:700; margin:0 auto 12px; }
#common-home .mr-event-promo__bottom { font-size:clamp(15px,1.5vw,19px); line-height:1.45; margin:12px auto 0; }
#common-home .mr-event-promo a { color:inherit; text-decoration:none; }
#common-home .mr-event-promo a:hover { text-decoration:underline; }
#common-home .mr-event-promo__poster { position:relative; width:fit-content; max-width:100%; margin:0 auto; }
#common-home .mr-event-promo__image-link { display:block; }
#common-home .mr-event-promo__image { display:block; width:auto; height:auto; max-width:100%; max-height:560px; margin:0 auto; object-fit:contain; border-radius:5px; }
#common-home .mr-event-promo__next { position:absolute; right:8px; bottom:8px; border:0; border-radius:50%; width:36px; height:36px; background:rgba(10,10,10,.66); color:white; font-size:24px; line-height:36px; cursor:pointer; }
#common-home .mr-event-promo__next:hover { background:rgba(10,10,10,.9); }
@media(max-width:767px){
  #common-home .mr-event-promo { margin:10px auto 18px; padding:12px 10px; }
  #common-home .mr-event-promo__image { max-height:65vh; }
}