@import url("/static/css/aeonian-typography.css?v=631ehf16b");
/* Phase 6.31E-HF13 — Members Club Logo & Mobile Benefits Carousel.
   Intentionally isolated from the shared public-preview stylesheet so this
   visual-only hotfix does not alter unrelated public surfaces. */

.aeonian-membership-brand img.aeonian-membership-logo{
  display:block;
  width:min(72%,280px);
  height:auto;
  max-height:104px;
  object-fit:contain;
  margin:0 auto;
  filter:none;
}
.aeonian-membership-card--premium .aeonian-membership-brand img.aeonian-membership-logo{
  filter:none;
  opacity:1;
}

@media(max-width:680px){
  .member-benefit-grid{
    display:flex;
    gap:14px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    overscroll-behavior-inline:contain;
    padding:2px 7vw 18px 0;
    margin-right:-7vw;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .member-benefit-grid::-webkit-scrollbar{display:none}
  .member-benefit-card{
    flex:0 0 min(82vw,330px);
    min-height:245px;
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }
  .member-club-membership-row{grid-template-columns:1fr}
  .aeonian-membership-brand img.aeonian-membership-logo{
    width:min(76%,240px);
    max-height:86px;
  }
}