img { max-width: 100%; height: auto; }
a, button { max-width: 100%; box-sizing: border-box; }
a.btn,
a[class*="btn"],
a.main-button,
a[class*="button"],
button[class*="btn"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  max-width: 100%;
  height: auto !important;
  min-height: 44px;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  text-align: center;
  line-height: 1.2;
}
header a.btn,
.header-actions a,
.site-header a.btn {
  width: auto !important;
  flex: 0 0 auto;
}
[class*="grid"] { align-items: stretch; }
[class*="grid"] > * { min-width: 0; height: 100%; }
a[class*="card"] {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;
}
a[class*="card"] > article,
a[class*="card"] > div {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
}
[class*="card"] img,
[class*="game"] img,
[class*="slot"] img {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  height: auto;
}
[class*="logo"] img,
img[class*="logo"],
img[src*="logo"] {
  aspect-ratio: auto;
  object-fit: contain;
  width: auto;
  max-height: 72px;
}
[class*="card"] p,
[class*="game"] p,
[class*="card"] h3 + span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.6em;
}
[class*="games-grid"] {
  align-items: stretch;
}
[class*="games-grid"] > * {
  height: 100%;
}
div:has(> a[class*="card"]) {
  align-items: stretch;
}
div:has(> a[class*="card"]) > a[class*="card"] {
  height: 100%;
}
body { padding-bottom: 96px; }
@media (max-width: 760px) {
  a, button {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  main a.btn,
  main a[class*="btn"],
  main a.main-button,
  .hero a.btn,
  .hero__cta a {
    width: 100%;
    white-space: normal !important;
  }
  header a,
  nav a,
  .header-actions a,
  .site-header a {
    width: auto !important;
    white-space: nowrap !important;
    font-size: 13px;
  }
  .site-header__inner,
  .header-actions { flex-wrap: wrap; }
  table { display: block; max-width: 100%; overflow-x: auto; }
  #gift-widget { width: auto; max-width: 46vw; }
}