/* =========================================================
   CASINO GAMES PAGE UI POLISH
   ========================================================= */


/* =========================================================
   HERO
   ========================================================= */

.page-hero {
  padding: clamp(2.3rem, 6vw, 5rem) 1rem;
  text-align: center;
}

.page-hero h1 {
  width: min(950px, 100%);
  margin: 0 auto 1rem;

  font-size: clamp(2rem, 4.5vw, 3.8rem);
  line-height: 1.08;
  letter-spacing: -.025em;

  text-wrap: balance;
}

.page-hero p {
  width: min(760px, 100%);
  margin: 0 auto;

  font-size: clamp(.98rem, 1.4vw, 1.12rem);
  line-height: 1.7;
  opacity: .86;
}


/* =========================================================
   DEMO CATALOGUE
   ========================================================= */

#slotslaunch-games {
  width: min(1180px, calc(100% - 32px));

  margin:
    0 auto
    clamp(3rem, 6vw, 5.5rem);

  padding: clamp(1rem, 2.5vw, 2rem);

  border-radius: 22px;
  overflow: hidden;
}

#slotslaunch-games
.casino-games-demo-heading {
  text-align: center;
  margin-bottom: 1.4rem;
}

#slotslaunch-games
.demo-eyebrow {
  display: inline-block;

  margin-bottom: .65rem;
  padding: .35rem .7rem;

  border: 1px solid rgba(246,203,76,.35);
  border-radius: 999px;

  color: #f5cd54;

  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#slotslaunch-games h2 {
  margin: 0 0 .75rem;

  color: #f5dd8d;

  font-size: clamp(1.8rem, 3vw, 2.6rem);
  line-height: 1.15;

  text-wrap: balance;
}

#slotslaunch-games
.casino-games-demo-heading p {
  width: min(720px, 100%);
  margin: auto;

  color: rgba(255,255,255,.72);
  line-height: 1.65;
}


/* Catalogue controls */

#slotslaunch-games input,
#slotslaunch-games select {
  min-height: 46px;
  border-radius: 10px;
}


/* Game cards */

#slotslaunch-games .game-card,
#slotslaunch-games [class*="game-card"] {
  min-width: 0;

  border-radius: 14px !important;

  overflow: hidden;

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    border-color .2s ease;
}


@media (hover:hover) {

  #slotslaunch-games .game-card:hover,
  #slotslaunch-games [class*="game-card"]:hover {
    transform: translateY(-3px);

    box-shadow:
      0 16px 38px rgba(0,0,0,.28);
  }

}


#slotslaunch-games img {
  display: block;

  max-width: 100%;
  height: auto;
}


/* =========================================================
   MAIN ARTICLE
   ========================================================= */

.casino-games-content-update {
  width: min(1050px, calc(100% - 32px));

  margin:
    0 auto
    clamp(3rem, 7vw, 6rem);

  padding: clamp(1.5rem, 4vw, 3rem);

  border: 1px solid rgba(145,65,226,.20);

  border-radius: 22px;

  background:
    linear-gradient(
      180deg,
      rgba(28,13,46,.57),
      rgba(11,6,19,.42)
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025);
}


.casino-games-content-update p,
.casino-games-content-update li {
  font-size:
    clamp(1rem, 1.2vw, 1.075rem);

  line-height: 1.8;
}


.casino-games-content-update p {
  margin: 0 0 1.3rem;
}


.casino-games-content-update h2 {
  margin: 3.1rem 0 1.1rem;

  padding-left: 14px;

  border-left: 4px solid #f4ca4d;

  color: #f4db87;

  font-size:
    clamp(1.55rem, 2.7vw, 2.15rem);

  line-height: 1.18;

  letter-spacing: -.015em;

  text-wrap: balance;
}


.casino-games-content-update h3 {
  margin: 2.1rem 0 .85rem;

  color: #fff;

  font-size:
    clamp(1.18rem, 2vw, 1.5rem);

  line-height: 1.3;
}


.casino-games-content-update h4 {
  margin: 1.6rem 0 .7rem;

  color: #f5d26b;

  font-size: 1.08rem;
}


.casino-games-content-update strong {
  color: #f5d05d;
}


.casino-games-content-update ul,
.casino-games-content-update ol {
  margin: .8rem 0 1.6rem;
  padding-left: 1.5rem;
}


.casino-games-content-update li {
  margin-bottom: .55rem;
}


.casino-games-content-update
a:not(.btn) {
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}


/* =========================================================
   FAQ — PURPLE / GOLD STYLE
   Existing markup:
   .accordion
   .accordion-item
   .accordion-header
   .accordion-body
   ========================================================= */

body.casino-games-page
.accordion,
.casino-games-page .accordion {
  display: grid;
  gap: 14px;

  width: 100%;
}


/* FAQ parent article/card */

body.casino-games-page
.seo-card:has(.accordion),
.casino-games-page
.seo-card:has(.accordion) {
  width: min(1050px, calc(100% - 32px));

  margin:
    3.5rem auto;

  padding:
    clamp(1.4rem, 3vw, 2.5rem);

  border:
    1px solid rgba(143,66,226,.36);

  border-radius: 20px;

  background:
    linear-gradient(
      145deg,
      rgba(28,13,46,.98),
      rgba(17,8,30,.98)
    );

  box-shadow:
    0 18px 50px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.025);
}


/* FAQ heading */

body.casino-games-page
.seo-card:has(.accordion) > h2,
.casino-games-page
.seo-card:has(.accordion) > h2 {
  margin: 0 0 1.5rem;

  padding: 0 0 1.15rem;

  border-bottom:
    1px solid rgba(246,203,77,.20);

  color: #f4d77f;

  font-size:
    clamp(1.55rem, 3vw, 2.3rem);

  line-height: 1.15;

  letter-spacing: -.015em;

  text-wrap: balance;
}


/* FAQ cards */

.casino-games-page
.accordion-item {
  width: 100%;
  margin: 0;

  border:
    1px solid rgba(143,66,226,.38);

  border-radius: 12px;

  background:
    rgba(35,17,57,.82);

  overflow: hidden;

  transition:
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}


@media (hover:hover) {

  .casino-games-page
  .accordion-item:hover {
    border-color:
      rgba(255,207,73,.46);

    background:
      rgba(43,21,67,.95);

    transform:
      translateY(-1px);

    box-shadow:
      0 8px 24px rgba(0,0,0,.18);
  }

}


/* Question */

.casino-games-page
.accordion-header {
  position: relative;

  display: flex;
  align-items: center;

  width: 100%;
  min-height: 64px;

  margin: 0;

  padding:
    1.15rem 3.6rem
    1.15rem 1.35rem;

  border: 0;

  background: transparent;

  cursor: pointer;

  color: #fff;

  font: inherit;

  font-size:
    clamp(.98rem, 1.2vw, 1.075rem);

  font-weight: 750;

  line-height: 1.45;

  text-align: left;
}


/* Gold + */

.casino-games-page
.accordion-header::after {
  content: "+";

  position: absolute;

  top: 50%;
  right: 1.25rem;

  width: 28px;
  height: 28px;

  display: grid;
  place-items: center;

  transform:
    translateY(-50%);

  color: #ffd04b;

  font-size: 1.45rem;
  font-weight: 900;

  line-height: 1;
}


/* Support common JS active classes */

.casino-games-page
.accordion-item.active,
.casino-games-page
.accordion-item.open,
.casino-games-page
.accordion-item.is-open {
  border-color:
    rgba(255,207,73,.48);

  background:
    rgba(43,20,68,.97);

  box-shadow:
    0 12px 30px rgba(0,0,0,.20);
}


.casino-games-page
.accordion-item.active
.accordion-header,
.casino-games-page
.accordion-item.open
.accordion-header,
.casino-games-page
.accordion-item.is-open
.accordion-header {
  color: #f7df92;
}


.casino-games-page
.accordion-item.active
.accordion-header::after,
.casino-games-page
.accordion-item.open
.accordion-header::after,
.casino-games-page
.accordion-item.is-open
.accordion-header::after {
  content: "−";
}


/* If JS uses aria-expanded */

.casino-games-page
.accordion-header[aria-expanded="true"]::after {
  content: "−";
}


/* Answer */

.casino-games-page
.accordion-body {
  padding:
    0 1.35rem 1.35rem;

  color:
    rgba(255,255,255,.82);
}


.casino-games-page
.accordion-body::before {
  content: "";

  display: block;

  height: 1px;

  margin-bottom: 1rem;

  background:
    linear-gradient(
      90deg,
      rgba(246,203,75,.23),
      rgba(143,67,225,.16),
      transparent
    );
}


.casino-games-page
.accordion-body p {
  margin: 0;

  font-size: 1rem;
  line-height: 1.72;
}


/* Keyboard focus */

.casino-games-page
.accordion-header:focus-visible {
  outline:
    2px solid #ffd04c;

  outline-offset:
    -3px;

  border-radius: 10px;
}


/* =========================================================
   AFFILIATE CTA
   ========================================================= */

.casino-games-page
.contextual-pathway {
  width:
    min(1050px, calc(100% - 32px));

  margin-left: auto;
  margin-right: auto;

  border-radius: 20px;

  overflow: hidden;
}


.casino-games-page
.contextual-pathway__card {
  padding:
    clamp(1.25rem, 4vw, 2.5rem);
}


.casino-games-page
.contextual-pathway__cta {
  display: grid;

  grid-template-columns:
    minmax(0,1fr) auto;

  gap: 1.5rem;

  align-items: center;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

  .casino-games-page
  .contextual-pathway__cta {
    grid-template-columns: 1fr;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

  .page-hero {
    padding:
      2.15rem 1rem
      1.75rem;
  }


  .page-hero h1 {
    font-size:
      clamp(1.75rem, 8vw, 2.5rem);
  }


  #slotslaunch-games {
    width:
      calc(100% - 20px);

    padding:
      .9rem;

    border-radius:
      16px;
  }


  #slotslaunch-games input,
  #slotslaunch-games select {
    width: 100%;
    min-height: 46px;
  }


  .casino-games-content-update {
    width:
      calc(100% - 20px);

    padding:
      1.2rem 1rem;

    border-radius:
      16px;
  }


  .casino-games-content-update p,
  .casino-games-content-update li {
    font-size: 1rem;
    line-height: 1.72;
  }


  .casino-games-content-update h2 {
    margin-top: 2.4rem;

    font-size: 1.5rem;
  }


  .casino-games-content-update h3 {
    font-size: 1.2rem;
  }


  /* FAQ outer container */

  body.casino-games-page
  .seo-card:has(.accordion),
  .casino-games-page
  .seo-card:has(.accordion) {
    width:
      calc(100% - 20px);

    margin:
      2.5rem auto;

    padding:
      1rem;

    border-radius:
      16px;
  }


  body.casino-games-page
  .seo-card:has(.accordion) > h2,
  .casino-games-page
  .seo-card:has(.accordion) > h2 {
    font-size:
      1.5rem;
  }


  .casino-games-page
  .accordion {
    gap: 10px;
  }


  .casino-games-page
  .accordion-header {
    min-height: 58px;

    padding:
      .95rem 3rem
      .95rem .95rem;

    font-size: .94rem;
  }


  .casino-games-page
  .accordion-header::after {
    right: .9rem;

    width: 24px;
    height: 24px;

    font-size: 1.25rem;
  }


  .casino-games-page
  .accordion-body {
    padding:
      0 .95rem 1rem;
  }


  .casino-games-page
  .accordion-body p {
    font-size: .94rem;
    line-height: 1.65;
  }


  /* CTA */

  .casino-games-page
  .contextual-pathway {
    width:
      calc(100% - 20px);

    border-radius:
      16px;
  }


  .casino-games-page
  .contextual-pathway__cta {
    display: block;
  }


  .casino-games-page
  .contextual-pathway__button-wrap {
    width: 100%;
    margin-top: 1.2rem;
  }


  .casino-games-page
  .contextual-pathway__button {
    width: 100%;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

  .casino-games-content-update {
    width:
      calc(100% - 16px);

    padding:
      1.05rem .9rem;
  }


  body.casino-games-page
  .seo-card:has(.accordion),
  .casino-games-page
  .seo-card:has(.accordion) {
    width:
      calc(100% - 16px);

    padding:
      .85rem;
  }


  body.casino-games-page
  .seo-card:has(.accordion) > h2,
  .casino-games-page
  .seo-card:has(.accordion) > h2 {
    font-size: 1.3rem;
  }


  .casino-games-page
  .accordion-header {
    padding:
      .9rem 2.75rem
      .9rem .85rem;

    font-size: .9rem;
  }

}


/* =========================================================
   OVERFLOW PROTECTION
   ========================================================= */

html,
body {
  max-width: 100%;
  overflow-x: clip;
}

img,
video,
iframe {
  max-width: 100%;
}


/* CASINO GAMES COMPACT CATALOGUE START
   =========================================================
   Desktop:
   - smaller text
   - consistent card heights
   - better title fitting

   Mobile:
   - compact catalogue header
   - 3 cards per row
   - compact buttons/text
   ========================================================= */


/* =========================================================
   CATALOGUE WIDTH
   ========================================================= */

body.casino-games-page #slotslaunch-games {
  width: min(1180px, calc(100% - 24px)) !important;
  max-width: 1180px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  box-sizing: border-box !important;
}


/* Make every generated element respect the catalogue width */

body.casino-games-page
#slotslaunch-games *,
body.casino-games-page
#slotslaunch-games *::before,
body.casino-games-page
#slotslaunch-games *::after {
  box-sizing: border-box;
}


/* =========================================================
   DESKTOP GAME GRID
   ========================================================= */

body.casino-games-page
#slotslaunch-games
.slc-grid {
  display: grid !important;

  grid-template-columns:
    repeat(4, minmax(0, 1fr)) !important;

  gap: 12px !important;

  width: 100% !important;

  align-items: stretch !important;
}


/* Stop artificial catalogue loading heights */

body.casino-games-page
#slotslaunch-games
.slc-grid[aria-busy="true"] {
  min-height: 0 !important;
}


/* =========================================================
   GAME CARDS
   ========================================================= */

body.casino-games-page
#slotslaunch-games
.slc-card {
  min-width: 0 !important;
  width: 100% !important;
  height: 100% !important;

  border-radius: 12px !important;

  overflow: hidden !important;

  display: flex !important;
  flex-direction: column !important;
}


/* Main game image */

body.casino-games-page
#slotslaunch-games
.slc-card > img,
body.casino-games-page
#slotslaunch-games
.slc-card picture img {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;

  aspect-ratio: 16 / 10 !important;

  object-fit: cover !important;
}


/* =========================================================
   CARD TEXT — DESKTOP
   ========================================================= */

body.casino-games-page
#slotslaunch-games
.slc-game-body {
  flex: 1 1 auto !important;

  min-height: 158px !important;

  padding:
    .65rem .7rem .7rem !important;
}


/* Provider */

body.casino-games-page
#slotslaunch-games
.slc-provider {
  margin-bottom: .32rem !important;

  font-size: .60rem !important;
  line-height: 1.15 !important;

  letter-spacing: .025em !important;

  white-space: nowrap !important;

  overflow: hidden !important;
  text-overflow: ellipsis !important;
}


/* Game title */

body.casino-games-page
#slotslaunch-games
.slc-game-body h3 {
  margin:
    .25rem 0 .4rem !important;

  min-height: 2.45em !important;

  font-size: .93rem !important;
  line-height: 1.22 !important;

  letter-spacing: 0 !important;

  overflow: hidden !important;

  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;

  overflow-wrap: anywhere !important;
}


/* Game type / facts */

body.casino-games-page
#slotslaunch-games
.slc-facts,
body.casino-games-page
#slotslaunch-games
.slc-game-type,
body.casino-games-page
#slotslaunch-games
.slc-category {
  font-size: .64rem !important;
  line-height: 1.25 !important;
}


/* =========================================================
   CARD ACTIONS
   ========================================================= */

body.casino-games-page
#slotslaunch-games
.slc-game-actions {
  gap: .42rem !important;

  margin-top: auto !important;
}


body.casino-games-page
#slotslaunch-games
.slc-play,
body.casino-games-page
#slotslaunch-games
.slc-real-money {
  width: 100% !important;

  min-height: 36px !important;

  padding:
    .42rem .42rem !important;

  border-radius: 8px !important;

  font-size: .68rem !important;
  line-height: 1.1 !important;

  font-weight: 800 !important;

  white-space: nowrap !important;

  overflow: hidden !important;
  text-overflow: ellipsis !important;
}


/* Text inside buttons */

body.casino-games-page
#slotslaunch-games
.slc-play span,
body.casino-games-page
#slotslaunch-games
.slc-real-money span {
  font-size: inherit !important;
}


/* =========================================================
   CATALOGUE INTRO / OPENER
   Keep same visual design, just compact it.
   ========================================================= */

body.casino-games-page
#slotslaunch-games
.slc-opener-card {
  width: min(580px, 100%) !important;
  max-width: 100% !important;

  padding: 1rem !important;

  gap: .65rem !important;
}


body.casino-games-page
#slotslaunch-games
.slc-opener-card strong {
  max-width: 100% !important;

  font-size:
    clamp(.95rem, 2vw, 1.25rem) !important;

  line-height: 1.15 !important;

  overflow-wrap: anywhere !important;
}


body.casino-games-page
#slotslaunch-games
.slc-opener-card p {
  max-width: 100% !important;

  font-size: .76rem !important;
  line-height: 1.45 !important;
}


/* Prevent catalogue header overflow */

body.casino-games-page
#slotslaunch-games
.slc-opener-logo,
body.casino-games-page
#slotslaunch-games
.slc-opener-kicker,
body.casino-games-page
#slotslaunch-games
.slc-opener-title,
body.casino-games-page
#slotslaunch-games
.slc-opener-copy {
  max-width: 100% !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 980px) {

  body.casino-games-page
  #slotslaunch-games
  .slc-grid {
    grid-template-columns:
      repeat(3, minmax(0, 1fr)) !important;

    gap: 10px !important;
  }


  body.casino-games-page
  #slotslaunch-games
  .slc-game-body h3 {
    font-size: .83rem !important;
  }


  body.casino-games-page
  #slotslaunch-games
  .slc-play,
  body.casino-games-page
  #slotslaunch-games
  .slc-real-money {
    font-size: .63rem !important;
  }

}


/* =========================================================
   MOBILE — THREE CARDS PER ROW
   ========================================================= */

@media (max-width: 740px) {

  body.casino-games-page
  #slotslaunch-games {
    width:
      calc(100% - 10px) !important;

    padding:
      .55rem !important;

    margin-left:
      auto !important;

    margin-right:
      auto !important;

    border-radius:
      12px !important;
  }


  /* Force THREE games per row */

  body.casino-games-page
  #slotslaunch-games
  .slc-grid,

  body.casino-games-page
  #slotslaunch-games
  .slc-grid[aria-busy="true"] {

    grid-template-columns:
      repeat(3, minmax(0, 1fr)) !important;

    gap:
      6px !important;

    width:
      100% !important;

    min-height:
      0 !important;

    margin-top:
      .5rem !important;
  }


  /* Card */

  body.casino-games-page
  #slotslaunch-games
  .slc-card {
    min-width:
      0 !important;

    border-radius:
      8px !important;
  }


  /* Smaller body */

  body.casino-games-page
  #slotslaunch-games
  .slc-game-body {
    min-height:
      116px !important;

    padding:
      .4rem !important;
  }


  /* Provider */

  body.casino-games-page
  #slotslaunch-games
  .slc-provider {
    margin-bottom:
      .18rem !important;

    font-size:
      .44rem !important;

    line-height:
      1.1 !important;
  }


  /* Title */

  body.casino-games-page
  #slotslaunch-games
  .slc-game-body h3 {
    margin:
      .18rem 0 .28rem !important;

    min-height:
      2.35em !important;

    font-size:
      .62rem !important;

    line-height:
      1.18 !important;

    -webkit-line-clamp:
      2 !important;
  }


  /* Type */

  body.casino-games-page
  #slotslaunch-games
  .slc-facts,
  body.casino-games-page
  #slotslaunch-games
  .slc-game-type,
  body.casino-games-page
  #slotslaunch-games
  .slc-category {
    font-size:
      .45rem !important;

    line-height:
      1.15 !important;
  }


  /* Action area */

  body.casino-games-page
  #slotslaunch-games
  .slc-game-actions {
    gap:
      .28rem !important;
  }


  /* Mobile buttons */

  body.casino-games-page
  #slotslaunch-games
  .slc-play,

  body.casino-games-page
  #slotslaunch-games
  .slc-real-money {

    width:
      100% !important;

    min-width:
      0 !important;

    min-height:
      29px !important;

    padding:
      .25rem .18rem !important;

    border-radius:
      6px !important;

    font-size:
      .49rem !important;

    line-height:
      1 !important;

    letter-spacing:
      -.01em !important;

    white-space:
      nowrap !important;
  }


  /* Image */

  body.casino-games-page
  #slotslaunch-games
  .slc-card > img,

  body.casino-games-page
  #slotslaunch-games
  .slc-card picture img {
    width:
      100% !important;

    aspect-ratio:
      16 / 10 !important;

    object-fit:
      cover !important;
  }


  /* =====================================================
     MOBILE CATALOGUE HEADER
     Same desktop visual language, scaled down
     ===================================================== */

  body.casino-games-page
  #slotslaunch-games
  .slc-opener-card {

    width:
      100% !important;

    max-width:
      100% !important;

    padding:
      .65rem !important;

    gap:
      .45rem !important;

    border-radius:
      10px !important;

    overflow:
      hidden !important;
  }


  body.casino-games-page
  #slotslaunch-games
  .slc-opener-card img {

    width:
      min(92px, 38%) !important;

    max-width:
      92px !important;

    height:
      auto !important;
  }


  body.casino-games-page
  #slotslaunch-games
  .slc-opener-card strong {

    max-width:
      100% !important;

    font-size:
      .86rem !important;

    line-height:
      1.08 !important;

    text-align:
      center !important;

    overflow-wrap:
      anywhere !important;
  }


  body.casino-games-page
  #slotslaunch-games
  .slc-opener-card p {

    max-width:
      100% !important;

    margin:
      .2rem auto 0 !important;

    font-size:
      .64rem !important;

    line-height:
      1.35 !important;

    text-align:
      center !important;
  }


  body.casino-games-page
  #slotslaunch-games
  .slc-opener-kicker {

    font-size:
      .44rem !important;

    line-height:
      1.1 !important;

    letter-spacing:
      .045em !important;
  }


  /* Search/filter controls */

  body.casino-games-page
  #slotslaunch-games
  input,

  body.casino-games-page
  #slotslaunch-games
  select {

    width:
      100% !important;

    min-width:
      0 !important;

    min-height:
      34px !important;

    padding:
      .35rem .45rem !important;

    font-size:
      .66rem !important;

    border-radius:
      7px !important;
  }


  /* Filter chips */

  body.casino-games-page
  #slotslaunch-games
  button:not(.slc-play):not(.slc-real-money) {

    min-height:
      28px !important;

    padding:
      .28rem .45rem !important;

    font-size:
      .55rem !important;
  }

}


/* =========================================================
   SMALL PHONE — STILL THREE COLUMNS
   ========================================================= */

@media (max-width: 420px) {

  body.casino-games-page
  #slotslaunch-games
  .slc-grid,

  body.casino-games-page
  #slotslaunch-games
  .slc-grid[aria-busy="true"] {

    grid-template-columns:
      repeat(3, minmax(0, 1fr)) !important;

    gap:
      5px !important;

    min-height:
      0 !important;
  }


  body.casino-games-page
  #slotslaunch-games
  .slc-game-body {

    min-height:
      108px !important;

    padding:
      .34rem !important;
  }


  body.casino-games-page
  #slotslaunch-games
  .slc-provider {

    font-size:
      .40rem !important;
  }


  body.casino-games-page
  #slotslaunch-games
  .slc-game-body h3 {

    min-height:
      2.3em !important;

    font-size:
      .57rem !important;

    line-height:
      1.15 !important;
  }


  body.casino-games-page
  #slotslaunch-games
  .slc-facts,
  body.casino-games-page
  #slotslaunch-games
  .slc-game-type,
  body.casino-games-page
  #slotslaunch-games
  .slc-category {

    font-size:
      .40rem !important;
  }


  body.casino-games-page
  #slotslaunch-games
  .slc-play,

  body.casino-games-page
  #slotslaunch-games
  .slc-real-money {

    min-height:
      27px !important;

    padding:
      .2rem .1rem !important;

    font-size:
      .44rem !important;

    border-radius:
      5px !important;
  }


  body.casino-games-page
  #slotslaunch-games
  .slc-opener-card {

    padding:
      .55rem !important;
  }


  body.casino-games-page
  #slotslaunch-games
  .slc-opener-card strong {

    font-size:
      .78rem !important;
  }


  body.casino-games-page
  #slotslaunch-games
  .slc-opener-card p {

    font-size:
      .59rem !important;
  }

}


/* =========================================================
   EXTRA-SMALL PHONE
   Keep requested 3-column layout
   ========================================================= */

@media (max-width: 350px) {

  body.casino-games-page
  #slotslaunch-games {

    width:
      calc(100% - 6px) !important;

    padding:
      .35rem !important;
  }


  body.casino-games-page
  #slotslaunch-games
  .slc-grid {

    gap:
      4px !important;
  }


  body.casino-games-page
  #slotslaunch-games
  .slc-game-body h3 {

    font-size:
      .52rem !important;
  }


  body.casino-games-page
  #slotslaunch-games
  .slc-play,

  body.casino-games-page
  #slotslaunch-games
  .slc-real-money {

    min-height:
      25px !important;

    font-size:
      .40rem !important;
  }

}


/* =========================================================
   OVERFLOW SAFETY
   ========================================================= */

body.casino-games-page {
  overflow-x:
    clip !important;
}


body.casino-games-page
#slotslaunch-games {

  overflow-x:
    hidden !important;
}


body.casino-games-page
#slotslaunch-games
.slc-card {

  max-width:
    100% !important;
}


/* CASINO GAMES COMPACT CATALOGUE END */