.mb-amenity-grid {
  display: grid;
  /*grid-template-columns: repeat(auto-fill, minmax(185px, 1fr));*/
  gap: 13px;
}
.mb-a-flip { height: 154px; perspective: 800px; cursor: pointer; }
.mb-a-flip-inner {
  position: relative; width: 100%; height: 100%;
  transform-style: preserve-3d;
  transition: transform .5s cubic-bezier(.4,0,.2,1);
}
.mb-a-flip:hover .mb-a-flip-inner { transform: rotateY(180deg); }
.mb-a-front, .mb-a-back {
  position: absolute; inset: 0; border-radius: 14px;
  backface-visibility: hidden; -webkit-backface-visibility: hidden;
}
.mb-a-front {
  background: #FAFCFE; border: 1px solid #D4E2EF;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 9px; padding: 18px;
}
.mb-a-front .ai { font-size: 28px; }
.mb-a-front h3 { font-size: 13px; font-weight: 700;
  color: #1A2535; text-align: center; line-height: 1.3; }
.mb-a-back {
  background: #0A2035; border: 1px solid rgba(58,155,213,.25);
  transform: rotateY(180deg);
  display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 7px; padding: 16px; text-align: center;
}
.mb-a-back h3 { font-size: 11px; font-weight: 700; color: #3A9BD5; }
.mb-a-back p  { font-size: 11px; color: rgba(255,255,255,.55); line-height: 1.5; }
.flip-card-icon {
    width: 48px;
    height: 48px;
}