/* Layout refresh for page content only. Navigation markup and layout stay untouched. */
:root {
  --layout-max: 1160px;
  --layout-wide: 1320px;
  --layout-pad: clamp(58px, 7vw, 96px);
  --layout-gap: clamp(24px, 4vw, 58px);
  --layout-panel: rgba(17, 24, 39, 0.82);
  --layout-line: rgba(250, 204, 21, 0.18);
}

html {
  scroll-padding-top: 88px;
}

body {
  overflow-x: hidden;
  padding-top: var(--nav-fixed-height, 74px);
}

.navbar.sticky-top,
body > .navbar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;
  isolation: isolate;
  transform: translateZ(0);
}

.breadcrumb-wrap {
  position: relative;
  z-index: 2;
  clear: both;
}

.navbar + .breadcrumb-wrap {
  margin-top: 0;
}

body > section,
main > section {
  position: relative;
}

body > section:not(:first-of-type),
main > section {
  padding-top: var(--layout-pad) !important;
  padding-bottom: var(--layout-pad) !important;
}

body > section:nth-of-type(even),
main > section:nth-of-type(even) {
  background-image: linear-gradient(90deg, rgba(250, 204, 21, 0.035), transparent 32%, rgba(220, 38, 38, 0.04));
}

body > section > .container,
main > section > .container,
footer > .container {
  max-width: var(--layout-max);
}

.hero,
.page-hero {
  padding-top: clamp(74px, 9vw, 122px) !important;
  padding-bottom: clamp(72px, 8vw, 112px) !important;
  isolation: isolate;
}

.hero > .container,
.page-hero > .container {
  max-width: var(--layout-wide);
  position: relative;
}

.hero > .container::after,
.page-hero > .container::after {
  content: "";
  position: absolute;
  inset: auto 18px -26px 18px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(250, 204, 21, 0.72), transparent);
  pointer-events: none;
}

.hero .row,
.page-hero .row,
section > .container > .row {
  --bs-gutter-x: var(--layout-gap);
  row-gap: var(--layout-gap);
}

.hero .row,
.page-hero .row {
  align-items: center;
}

.hero h1,
.page-hero h1,
.section-title,
.page-title {
  max-width: 860px;
  text-wrap: balance;
}

.hero p.lead,
.page-hero p.lead,
.section-subtitle,
.page-subtitle {
  max-width: 720px;
}

.hero-img-wrap,
.img-showcase .col-lg-6 {
  position: relative;
}

.hero-img-wrap img,
.showcase-img,
.article-cover,
.img-showcase img {
  border-radius: 6px !important;
  box-shadow: 18px 18px 0 rgba(250, 204, 21, 0.08), 0 22px 54px rgba(0, 0, 0, 0.32);
}

.stats-strip {
  transform: translateY(-1px);
}

.advantages,
.plans,
.comparison,
.testimonials,
.img-showcase {
  overflow: hidden;
}

.adv-card,
.plan-card,
.testi-card,
.feature-card,
.game-card,
.value-card,
.team-card,
.step-card,
.bonus-card,
.promo-card,
.article-card,
.card-news {
  height: 100%;
  border-radius: 6px !important;
  border-left: 4px solid rgba(250, 204, 21, 0.48) !important;
}

.adv-card,
.plan-card,
.testi-card,
.feature-card,
.game-card,
.value-card,
.team-card,
.step-card,
.bonus-card,
.promo-card,
.article-card,
.card-news {
  display: flex;
  flex-direction: column;
  padding: clamp(20px, 2.4vw, 32px) !important;
}

.adv-card:nth-child(even),
.feature-card:nth-child(even),
.game-card:nth-child(even),
.testi-card:nth-child(even),
.plan-card:nth-child(even) {
  transform: translateY(18px);
}

.game-card .btn,
.feature-card .btn,
.plan-card .btn,
.adv-card .btn,
.testi-card .btn,
.bonus-card .btn,
.promo-card .btn,
.article-card .btn,
.card-news .btn-main {
  margin-top: auto;
  align-self: flex-start;
}

.cta-banner {
  max-width: min(1060px, calc(100% - 32px));
  margin-left: auto;
  margin-right: auto;
  border-radius: 6px !important;
  padding: clamp(36px, 5vw, 64px) clamp(22px, 5vw, 72px) !important;
  display: grid;
  gap: 16px;
}

footer {
  padding-top: clamp(56px, 7vw, 88px) !important;
}

footer .row {
  row-gap: 36px;
}

@media (min-width: 992px) {
  .hero .col-lg-6:first-child,
  .page-hero .container > * {
    padding-left: clamp(10px, 3vw, 44px);
  }

  .hero-img-wrap {
    transform: translateY(28px);
  }

  section > .container > .row.align-items-center:nth-of-type(even),
  section > .container > .row.g-5:nth-of-type(even) {
    flex-direction: row-reverse;
  }
}

@media (max-width: 991.98px) {
  body {
    --nav-fixed-height: 66px;
  }

  .hero,
  .page-hero {
    text-align: left;
  }

  .adv-card:nth-child(even),
  .feature-card:nth-child(even),
  .game-card:nth-child(even),
  .testi-card:nth-child(even),
  .plan-card:nth-child(even),
  .hero-img-wrap {
    transform: none;
  }
}

@media (max-width: 767.98px) {
  body > section:not(:first-of-type),
  main > section {
    padding-top: 46px !important;
    padding-bottom: 46px !important;
  }

  .hero,
  .page-hero {
    padding-top: 54px !important;
    padding-bottom: 54px !important;
  }

  .hero h1,
  .page-hero h1,
  .page-title {
    font-size: clamp(2rem, 9vw, 3rem) !important;
  }

  .hero-img-wrap img,
  .showcase-img,
  .article-cover,
  .img-showcase img {
    box-shadow: 10px 10px 0 rgba(250, 204, 21, 0.08), 0 18px 36px rgba(0, 0, 0, 0.28);
  }
}