#bizzo-site#bizzo-site #content .page-article {
  container-type: normal;
}
#bizzo-site#bizzo-site #content .visual-banner {
  aspect-ratio: auto !important;
  padding: 0 !important;
}
#bizzo-site#bizzo-site #content .article-block .visual-list {
  aspect-ratio: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  flex-direction: row !important;
}
#bizzo-site#bizzo-site #content .article-block.visual-card {
  aspect-ratio: auto !important;
  min-height: 0 !important;
}
#bizzo-site#bizzo-site #content .visual-list > :is(ul, ol),
#bizzo-site#bizzo-site #content .visual-list-actions,
#bizzo-site#bizzo-site #content .visual-card-content {
  max-width: none !important;
}
#bizzo-site#bizzo-site #content .visual-list-background,
#bizzo-site#bizzo-site #content .visual-card-background {
  aspect-ratio: auto !important;
}
#bizzo-site#bizzo-site #content .visual-banner {
  position: relative !important;
  display: block !important;
  min-height: 460px !important;
  height: auto !important;
  overflow: hidden !important;
}
#bizzo-site#bizzo-site #content .visual-banner > .visual-banner-image {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
}
#bizzo-site#bizzo-site #content .visual-banner::before {
  display: none !important;
}
#bizzo-site#bizzo-site #content .visual-banner::after {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
}
#bizzo-site#bizzo-site
  #content
  .visual-banner
  > :is(.intro-content, .offer-content, .mobile-banner-content) {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 18px !important;
  width: 53% !important;
  max-width: 53% !important;
  min-height: 460px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 34px !important;
}
#bizzo-site#bizzo-site
  #content
  .visual-banner
  :is(h1, h2, p, .page-trail, .offer-eyebrow) {
  max-width: 100% !important;
  margin: 0 !important;
}
#bizzo-site#bizzo-site
  #content
  .visual-banner
  :is(.intro-actions, .offer-actions, .mobile-banner-actions) {
  margin: 0 !important;
  align-self: flex-start !important;
  justify-content: flex-start !important;
}
#bizzo-site#bizzo-site #content .visual-banner h1 {
  font-size: clamp(28px, 2.8vw, 42px) !important;
}
#bizzo-site#bizzo-site #content .visual-banner h2 {
  font-size: clamp(27px, 2.6vw, 38px) !important;
}
#bizzo-site#bizzo-site #content .visual-banner .app-action {
  max-width: 100% !important;
  min-width: 0 !important;
}
@media (max-width: 1100px) and (min-width: 621px) {
  #bizzo-site#bizzo-site
    #content
    .visual-banner
    > :is(.intro-content, .offer-content, .mobile-banner-content) {
    width: 58% !important;
    max-width: 58% !important;
    padding: 26px !important;
  }
}
@media (max-width: 620px) {
  #bizzo-site#bizzo-site #content .visual-banner {
    min-height: 0 !important;
  }
  #bizzo-site#bizzo-site
    #content
    .visual-banner
    > :is(.intro-content, .offer-content, .mobile-banner-content) {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    gap: 16px !important;
    padding: 22px 20px !important;
    background: rgba(16, 30, 53, 0.76) !important;
  }
  #bizzo-site#bizzo-site #content .visual-banner h1,
  #bizzo-site#bizzo-site #content .visual-banner h2 {
    font-size: 27px !important;
    line-height: 1.25 !important;
  }
}
#bizzo-site#bizzo-site #content .visual-banner .mobile-banner-actions {
  width: 100% !important;
  min-width: 0 !important;
}
#bizzo-site#bizzo-site #content .visual-banner .app-action {
  box-sizing: border-box !important;
}
@media (max-width: 900px) {
  #bizzo-site#bizzo-site #content :is(.offer, .intro).visual-banner {
    min-height: 0 !important;
    padding: 0 16px 16px !important;
  }
  #bizzo-site#bizzo-site
    #content
    :is(.offer, .intro).visual-banner
    > :is(.offer-content, .intro-content) {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    padding: 22px 20px !important;
    background: rgba(16, 30, 53, 0.76) !important;
    gap: 16px !important;
  }
  #bizzo-site#bizzo-site #content :is(.offer, .intro).visual-banner::after {
    display: none !important;
  }
}
@media (min-width: 621px) and (max-width: 900px) {
  #bizzo-site#bizzo-site #content :is(.offer, .intro).visual-banner {
    padding-top: 0 !important;
  }
}
@media (max-width: 900px) {
  #bizzo-site#bizzo-site
    #content
    :is(.intro, .offer).visual-banner
    > :is(.intro-content, .offer-content, .mobile-banner-content) {
    align-items: center !important;
  }
  #bizzo-site#bizzo-site
    #content
    :is(.intro, .offer).visual-banner
    :is(.intro-actions, .offer-actions, .mobile-banner-actions) {
    align-self: center !important;
    justify-content: center !important;
  }
  #bizzo-site#bizzo-site
    #content
    :is(.intro, .offer).visual-banner
    .page-trail {
    justify-content: center !important;
  }
}
#bizzo-site#bizzo-site #content .article-block .visual-list {
  position: relative !important;
  container-type: inline-size !important;
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  min-height: 0 !important;
  margin: 20px 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
#bizzo-site#bizzo-site #content .visual-list > .visual-list-background {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
#bizzo-site#bizzo-site
  #content
  .visual-list.character-on-left
  > .visual-list-background {
  right: auto !important;
  left: 0 !important;
}
#bizzo-site#bizzo-site #content .article-block .visual-list > :is(ul, ol) {
  box-sizing: border-box !important;
  position: relative !important;
  display: block !important;
  min-width: 0 !important;
  padding: 14px !important;
  margin: 0 !important;
  list-style-position: inside !important;
  width: 58% !important;
}
#bizzo-site#bizzo-site
  #content
  .article-block
  .visual-list.character-on-left
  > :is(ul, ol) {
  margin-left: auto !important;
}
#bizzo-site#bizzo-site #content .article-block .visual-list > :is(ul, ol) > li {
  margin: 0 0 9px !important;
  padding: 12px 14px !important;
  line-height: 1.65 !important;
}
#bizzo-site#bizzo-site
  #content
  .article-block
  .visual-list
  > :is(ul, ol)
  > li:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 12px !important;
}
@container (max-width:560px) {
  #bizzo-site#bizzo-site #content .article-block .visual-list > :is(ul, ol) {
    width: 100% !important;
    padding: 14px !important;
  }
  #bizzo-site#bizzo-site #content .visual-list > .visual-list-background {
    width: 100% !important;
    padding: 0 !important;
  }
}
@media (max-width: 900px) {
  #bizzo-site#bizzo-site #content .article-block .visual-list > :is(ul, ol) {
    width: 100% !important;
    padding: 14px !important;
  }
  #bizzo-site#bizzo-site #content .visual-list > .visual-list-background {
    width: 100% !important;
    padding: 0 !important;
    position: absolute !important;
    inset: 0 !important;
    height: 100% !important;
  }
}
@media (max-width: 620px) {
  #bizzo-site#bizzo-site
    #content
    .article-block
    .visual-list
    > :is(ul, ol)
    > li {
    font-size: 15px !important;
    padding: 11px 12px !important;
  }
}
#bizzo-site#bizzo-site #content .visual-list::before {
  display: none !important;
}
#bizzo-site#bizzo-site
  #content
  :is(.article-image, .live-casino-illustration, .reviews-illustration) {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 24px 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
#bizzo-site#bizzo-site
  #content
  :is(.article-image, .live-casino-illustration, .reviews-illustration)
  img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
}
#bizzo-site#bizzo-site #content .article-block.visual-card {
  position: relative !important;
  overflow: hidden !important;
  padding: 18px !important;
}
#bizzo-site#bizzo-site #content .visual-card > .visual-card-background {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
#bizzo-site#bizzo-site #content .visual-card-content {
  box-sizing: border-box !important;
  padding: 22px !important;
  width: 58% !important;
}
#bizzo-site#bizzo-site #content .visual-card-content > p:last-child {
  margin-bottom: 0 !important;
}
@media (max-width: 900px) {
  #bizzo-site#bizzo-site #content .article-block.visual-card {
    padding: 14px !important;
  }
  #bizzo-site#bizzo-site #content .visual-card-content {
    width: 100% !important;
    padding: 18px !important;
  }
}
#bizzo-site#bizzo-site #content .article-block .visual-list-download {
  flex-direction: column !important;
  align-items: flex-start !important;
}
#bizzo-site#bizzo-site #content .visual-list-actions {
  position: relative !important;
  width: 58% !important;
  box-sizing: border-box !important;
  padding: 0 14px 14px !important;
}
#bizzo-site#bizzo-site #content .character-on-left > .visual-list-actions {
  margin-left: auto !important;
}
#bizzo-site#bizzo-site #content .visual-list-actions .action-article {
  width: fit-content !important;
  max-width: 100% !important;
}
@container (max-width:560px) {
  #bizzo-site#bizzo-site #content .visual-list-actions {
    width: 100% !important;
  }
}
@media (max-width: 900px) {
  #bizzo-site#bizzo-site #content .visual-list-actions {
    width: 100% !important;
  }
}
@media (max-width: 900px) {
  #bizzo-site#bizzo-site #content .visual-banner > .visual-banner-image {
    margin: 0 !important;
  }
  #bizzo-site#bizzo-site #content .visual-banner {
    padding: 0 16px 16px !important;
  }
  #bizzo-site#bizzo-site
    #content
    .visual-banner
    > :is(.intro-content, .offer-content, .mobile-banner-content) {
    padding: 22px 20px !important;
    background: rgba(16, 30, 53, 0.76) !important;
    min-height: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  #bizzo-site#bizzo-site #content .article-block .visual-list {
    flex-direction: column !important;
  }
}
@media (max-width: 900px) {
  #bizzo-site#bizzo-site
    #content
    :is(.offer, .intro, .mobile-banner).visual-banner {
    padding: 220px 12px 12px !important;
  }
  #bizzo-site#bizzo-site #content .visual-banner > .visual-banner-image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
  #bizzo-site#bizzo-site
    #content
    :is(.offer, .intro, .mobile-banner).visual-banner::after {
    display: block !important;
  }
}
#bizzo-site#bizzo-site #content .app-action,
#bizzo-site#bizzo-site #content .visual-list-actions .app-action {
  display: inline-flex !important;
  width: 300px !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 72px !important;
  margin-inline: 0 !important;
  padding: 12px 16px !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: flex-start !important;
  justify-self: start !important;
  gap: 12px !important;
}
@media (max-width: 900px) {
  #bizzo-site#bizzo-site #content .article-block .visual-list {
    padding-top: 190px !important;
  }
  #bizzo-site#bizzo-site #content .article-block.visual-card {
    padding-top: 204px !important;
  }
}
@container (max-width: 560px) {
  #bizzo-site#bizzo-site #content .article-block .visual-list {
    padding-top: 190px !important;
  }
}

#bizzo-site#bizzo-site #content .article-block .visual-list ul > li {
  list-style: disc inside !important;
}
#bizzo-site#bizzo-site #content .article-block .visual-list ol > li {
  list-style: decimal inside !important;
}
#bizzo-site#bizzo-site #content .article-block .visual-list > :is(ul, ol),
#bizzo-site#bizzo-site #content .visual-list-actions {
  border: 0 !important;
}
#bizzo-site#bizzo-site #content .article-block .visual-list > :is(ul, ol) > li {
  background: rgba(16, 30, 53, 0.78) !important;
  border: 1px solid #c9ddf24d !important;
  border-radius: 6px !important;
}
#bizzo-site#bizzo-site #content .mobile-banner.visual-banner {
  border: 0 !important;
}
#bizzo-site#bizzo-site #content .visual-card-content,
#bizzo-site#bizzo-site #content .visual-list-actions {
  margin: 0 !important;
}
#bizzo-site#bizzo-site #content .character-on-left > .visual-list-actions {
  margin-left: auto !important;
}
#bizzo-site#bizzo-site #content .visual-banner::before,
#bizzo-site#bizzo-site #content .visual-banner::after {
  display: none !important;
  background: none !important;
}

#bizzo-site#bizzo-site #content .article-block .visual-list > :is(ul, ol),
#bizzo-site#bizzo-site
  #content
  .article-block
  .visual-list
  > .visual-list-actions {
  background: transparent !important;
  box-shadow: none !important;
}



#bizzo-site#bizzo-site
  #content
  .visual-banner
  > :is(.intro-content, .offer-content, .mobile-banner-content) {
  border: 0 !important;
}
@media (min-width: 1025px) {
  #bizzo-site#bizzo-site #content .intro.visual-banner h1 {
    line-height: 1.16 !important;
  }
}

/* Keep the scene visible while improving hero and bonus text contrast. */
@media (min-width: 1025px) {
  #bizzo-site#bizzo-site #content :is(.intro, .offer).visual-banner::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(16, 30, 53, .42) 0%, rgba(16, 30, 53, .32) 40%, rgba(16, 30, 53, .12) 60%, transparent 78%) !important;
  }
  #bizzo-site#bizzo-site #content :is(.intro, .offer).visual-banner > :is(.intro-content, .offer-content) {
    z-index: 1 !important;
    background: transparent !important;
  }
}

/* Tablet and mobile scenes remain backgrounds; banner faces have room above the text. */
@media (max-width: 1024px) {
 #bizzo-site#bizzo-site #content :is(.visual-banner.visual-banner, .article-block .visual-list, .article-block.visual-card) {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  padding: 12px !important;
  background-image: none !important;
 }
 #bizzo-site#bizzo-site #content :is(.visual-banner.visual-banner, .visual-list.visual-list, .visual-card.visual-card) > :is(.visual-banner-image, .visual-list-background, .visual-card-background) {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 0 !important;
 }
 #bizzo-site#bizzo-site #content .visual-banner.visual-banner > :is(.intro-content, .offer-content, .mobile-banner-content),
 #bizzo-site#bizzo-site #content .article-block .visual-list > :is(ul, ol, .visual-list-actions),
 #bizzo-site#bizzo-site #content .article-block .visual-list.character-on-left > :is(ul, ol, .visual-list-actions),
 #bizzo-site#bizzo-site #content .visual-card > .visual-card-content {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  box-sizing: border-box !important;
 }
 #bizzo-site#bizzo-site #content .visual-banner.visual-banner {
  justify-content: flex-end !important;
  padding-top: clamp(130px, 22vw, 190px) !important;
  min-height: 280px !important;
 }
 #bizzo-site#bizzo-site #content .visual-banner.visual-banner > :is(.intro-content, .offer-content, .mobile-banner-content) {
  padding: 20px 16px !important;
  align-items: center !important;
  text-align: center !important;
  background: rgba(16, 30, 53, .66) !important;
  border: 1px solid #d5dfeb33 !important;
  border-radius: 8px !important;
 }
 #bizzo-site#bizzo-site #content .visual-banner.visual-banner :is(h1, h2, p, .bonus-label, .offer-eyebrow) {
  text-align: center !important;
 }
 #bizzo-site#bizzo-site #content .visual-card > .visual-card-content { padding: 18px !important; }
}

/* App banners keep only the download buttons, centred along the bottom. */
#bizzo-site#bizzo-site #content .mobile-banner.visual-banner.visual-banner {
 display: flex !important;
 flex-direction: column !important;
 justify-content: flex-end !important;
 padding: 20px !important;
}
#bizzo-site#bizzo-site #content .mobile-banner.visual-banner.visual-banner > .mobile-banner-content {
 position: relative !important;
 z-index: 1 !important;
 width: 100% !important;
 max-width: 100% !important;
 min-height: 0 !important;
 padding: 0 !important;
 margin: auto 0 0 !important;
 background: transparent !important;
 border: 0 !important;
 box-shadow: none !important;
 align-items: center !important;
}
#bizzo-site#bizzo-site #content .mobile-banner.visual-banner.visual-banner .mobile-banner-actions {
 display: flex !important;
 flex-direction: row !important;
 flex-wrap: wrap !important;
 justify-content: center !important;
 align-items: center !important;
 align-self: center !important;
 gap: 12px !important;
}
#bizzo-site#bizzo-site #content .mobile-banner.visual-banner.visual-banner .mobile-banner-actions .app-action {
 align-self: center !important;
 margin: 0 !important;
}
@media (max-width: 1024px) {
 #bizzo-site#bizzo-site #content .mobile-banner.visual-banner.visual-banner { padding-top: clamp(130px, 22vw, 190px) !important; }
}
