/* ── Google Fonts ────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');

/* ─── Editor Preview ────────────────────────────────────────────── */
.feature-section-editor {
  position: relative;
  width: 100%;
  padding: 40px 24px;
  background-color: #0a0a0b;
  border-radius: 8px;
}

.feature-section-editor__content {
  display: flex;
  align-items: center;
  gap: 32px;
}

.feature-section-editor--media-left .feature-section-editor__content {
  flex-direction: row-reverse;
}

.feature-section-editor__col {
  flex: 1 1 55%;
  min-width: 0;
}

.feature-section-editor__media {
  flex: 1 1 45%;
  min-width: 0;
}

.feature-section-editor__media-btn {
  width: 100%;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border: 1px dashed rgba(255, 255, 255, 0.25);
  border-radius: 12px;
  background: transparent;
  cursor: pointer;
}

.feature-section-editor__media-btn img {
  max-width: 100%;
  height: auto;
  display: block;
}

.feature-section-editor__media-placeholder {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.875rem;
}

.feature-section-editor__title {
  color: #fff !important;
  font-size: clamp(1.75rem, 3.5vw, 2.75rem) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  margin: 0 0 16px !important;
}

.feature-section-editor__subtitle {
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 1rem !important;
  margin: 0 0 24px !important;
}

.feature-section-editor__list {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
}

.feature-section-editor__item {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
}

.feature-section-editor__bullet {
  flex: 0 0 auto;
  width: 20px;
  color: #ba001d;
  font-weight: 700;
}

.feature-section-editor__bullet img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  display: block;
}

.feature-section-editor__item-title {
  color: #fff !important;
  font-weight: 700 !important;
}

.feature-section-editor__item-text {
  color: rgba(255, 255, 255, 0.75) !important;
}

.feature-section-editor__empty {
  color: rgba(255, 255, 255, 0.55) !important;
  font-style: italic;
  margin: 0 0 24px !important;
}

.feature-section-editor__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.feature-section-editor__btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: #ba001d;
  border-radius: 10px;
  padding: 10px 18px;
  color: #fff;
}

.feature-section-editor__btn-icon img {
  width: 30px;
  height: 30px;
  object-fit: contain;
  display: block;
}

.feature-section-editor__btn-text {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}

.feature-section-editor__btn-small {
  font-size: 0.75rem;
}

.feature-section-editor__btn-main {
  font-size: 0.9375rem;
  font-weight: 700;
}

/* ─── Frontend Section ───────────────────────────────────────────── */
.wp-block-mytheme-feature-section.mytheme-feature-section {
  display: block;
  width: 100%;
  padding: 72px 0;
  background-color: #0a0a0b;
}

/* Capped, but always keeping a gutter so it never touches the viewport edge.
   1280 to match the other sections on the page — at 1440 this one sat wider
   than its neighbours and the edges did not line up. */
.mytheme-feature-section__container {
  width: 100%;
  max-width: min(1280px, calc(100% - 48px));
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 48px;
}

.mytheme-feature-section--media-left .mytheme-feature-section__container {
  flex-direction: row-reverse;
}

.mytheme-feature-section__col {
  flex: 1 1 55%;
  min-width: 0;
}

.mytheme-feature-section__media {
  flex: 1 1 45%;
  min-width: 0;
  display: flex;
  justify-content: center;
}

.mytheme-feature-section__image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.mytheme-feature-section__title {
  color: #ffffff;
  /* Fluid rather than a flat 40px: the text column is only ~55% of the
     container, so at 1024px a fixed 40px broke the heading into a ragged
     one-or-two-words-per-line block. This scales it to the column instead. */
  font-size: clamp(28px, 3.2vw, 40px);
  font-weight: 800;
  line-height: 1.25;
  margin: 0 0 24px;
  /* Headings are editor content, so they can arrive with non-breaking spaces
     between words — a run joined that way is one unbreakable "word" and will
     run past the column rather than wrap. This lets it break anywhere it has
     to, which only ever happens when the alternative is overflowing. */
  overflow-wrap: break-word;
  word-break: break-word;
  /* Even out the ragged line lengths where the browser supports it. */
  text-wrap: balance;
}

.mytheme-feature-section__title .highlight-text {
  color: #ba001d;
}

.mytheme-feature-section__subtitle {
  color: #FFFFFF;
  font-size: 16px;
  line-height: 1.7;
  margin: 0 0 32px;
}

.mytheme-feature-section__list {
  list-style: none;
  margin: 0 0 40px;
  padding: 0;
}

.mytheme-feature-section__item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 24px;
}

.mytheme-feature-section__item:last-child {
  margin-bottom: 0;
}

/* Bullet: the uploaded icon when there is one, otherwise the inline SVG check
   from render.php, tinted by `color`. */
.mytheme-feature-section__bullet {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin-top: 3px;
  color: #ba001d;
  display: block;
}

.mytheme-feature-section__bullet svg,
.mytheme-feature-section__bullet img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.mytheme-feature-section__item-body {
  color: #FFFFFF;
  font-size: 16px;
  line-height: 1.7;
}

.mytheme-feature-section__item-title {
  color: #ffffff;
  font-weight: 700;
  margin-right: 4px;
}

.mytheme-feature-section__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.mytheme-feature-section__btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background-color: #ba001d;
  border-radius: 10px;
  padding: 12px 20px;
  text-decoration: none;
  color: #ffffff;
  transition: transform 0.2s ease, background-color 0.2s ease;
}

.mytheme-feature-section__btn:hover {
  transform: translateY(-3px);
  background-color: #d1032a;
}

.mytheme-feature-section__btn-icon {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mytheme-feature-section__btn-icon img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}

.mytheme-feature-section__btn-text {
  display: flex;
  flex-direction: column;
  line-height: 1.25;
}

.mytheme-feature-section__btn-small {
  font-size: 13px;
  font-weight: 400;
}

.mytheme-feature-section__btn-main {
  font-size: 16px;
  font-weight: 700;
}

/* ─── Tablet & Mobile: image drops below the text ────────────────── */
/* Manual line breaks typed into the heading are sized for a wide desktop
   column; below 1280px they strand single words on their own line ("Universe")
   and push the rest past the edge. Dropping them lets the heading reflow to
   whatever width it actually has. */
@media (max-width: 1279px) {
  .mytheme-feature-section__title br {
    display: none;
  }
}

/* ─── Narrow desktop: pin the image while the text scrolls ───────── */
/* From 1024px to 1279px the text column runs much taller than the image, so a
   vertically centred image leaves a long empty gap beside the list. Sticking
   it keeps the image beside the text for the whole section — and only for this
   section, since it releases at the container's bottom edge. 106px clears the
   90px sticky nav. */
@media (min-width: 1024px) and (max-width: 1279px) {
  .mytheme-feature-section__container {
    align-items: flex-start;
  }

  .mytheme-feature-section__media {
    position: sticky;
    top: 106px;
    align-self: flex-start;
  }
}

@media (max-width: 1023px) {
  .wp-block-mytheme-feature-section.mytheme-feature-section {
    padding: 56px 0;
  }

  .mytheme-feature-section__container,
  .mytheme-feature-section--media-left .mytheme-feature-section__container,
  .feature-section-editor__content,
  .feature-section-editor--media-left .feature-section-editor__content {
    flex-direction: column;
    align-items: stretch;
    gap: 32px;
  }

  .mytheme-feature-section__col,
  .mytheme-feature-section__media,
  .feature-section-editor__col,
  .feature-section-editor__media {
    flex: 1 1 auto;
    width: 100%;
  }

  .mytheme-feature-section__image {
    margin: 0 auto;
    max-height: 620px;
    width: auto;
  }

  .mytheme-feature-section__title {
    font-size: 32px;
  }

  /* Once the image sits below the text rather than beside it, the column is
     the full width and a left-aligned row of buttons reads as stranded. */
  .mytheme-feature-section__buttons,
  .feature-section-editor__buttons {
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .wp-block-mytheme-feature-section.mytheme-feature-section {
    padding: 40px 0;
  }

  .mytheme-feature-section__container {
    max-width: calc(100% - 32px);
  }

  /* Fluid rather than a flat 26px: a 390px screen has ~358px of column, and a
     long unbroken phrase at 26px does not fit it. Scaling with the viewport
     keeps the smallest phones readable without the heading running off. */
  .mytheme-feature-section__title {
    font-size: clamp(20px, 6vw, 26px);
    margin-bottom: 16px;
  }

  .mytheme-feature-section__subtitle,
  .mytheme-feature-section__item-body {
    font-size: 14px;
  }

  .mytheme-feature-section__item {
    margin-bottom: 18px;
  }

  .mytheme-feature-section__list {
    margin-bottom: 28px;
  }

  /* Two per row, and a lone last button centred across both columns. */
  .mytheme-feature-section__buttons {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .mytheme-feature-section__btn {
    padding: 10px;
    gap: 8px;
    justify-content: center;
    min-width: 0;
  }

  .mytheme-feature-section__btn:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    justify-self: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .mytheme-feature-section__btn-icon {
    width: 26px;
    height: 26px;
  }

  .mytheme-feature-section__btn-small {
    font-size: 10px;
    white-space: nowrap;
  }

  .mytheme-feature-section__btn-main {
    font-size: 12px;
    white-space: nowrap;
  }

  .mytheme-feature-section__image {
    max-height: 460px;
  }
}

/* ─── Very small phones (320px and under) ────────────────────────── */
/* Two columns no longer fit here without clipping the wider labels, so the
   buttons drop to a single full-width column. */
@media (max-width: 374px) {
  /* A 320px screen leaves ~288px of column — tighten the gutter and drop the
     heading a step further so long words like "FUNaloMAX" stop touching the
     edge. */
  .mytheme-feature-section__container {
    max-width: calc(100% - 32px);
  }

  .mytheme-feature-section__title {
    font-size: 20px;
    line-height: 1.3;
  }

  .mytheme-feature-section__buttons {
    grid-template-columns: minmax(0, 1fr);
  }

  /* Undo the centred full-width span: every button is already full width. */
  .mytheme-feature-section__btn:last-child:nth-child(odd) {
    grid-column: auto;
    justify-self: stretch;
  }

  .mytheme-feature-section__btn {
    padding: 10px 16px;
    gap: 10px;
  }

  .mytheme-feature-section__btn-icon {
    width: 28px;
    height: 28px;
  }

  .mytheme-feature-section__btn-small {
    font-size: 11px;
  }

  .mytheme-feature-section__btn-main {
    font-size: 14px;
  }
}

/* ── Google Fonts ────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');

/* ─── Editor Preview ────────────────────────────────────────────── */
.hero-banner-editor {
  position: relative;
  width: 100%;
  min-height: 400px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #0a0a0b;
  background-image: radial-gradient(60% 90% at 12% 30%, rgba(232, 19, 47, 0.18) 0%, rgba(232, 19, 47, 0) 70%);
}

.hero-banner-editor__overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.hero-banner-editor__content {
  position: relative;
  display: flex;
  align-items: center;
  gap: 32px;
  padding: 48px;
}

.hero-banner-editor__inner {
  flex: 0 1 46%;
  min-width: 0;
}

.hero-banner-editor__media {
  flex: 1 1 54%;
  min-width: 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  align-self: stretch;
}

.hero-banner-editor__image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.hero-banner-editor__placeholder {
  width: 100%;
  min-height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px dashed rgba(255, 255, 255, 0.3);
  border-radius: 6px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.875rem;
}

.hero-banner-editor__title {
  font-size: clamp(2rem, 5vw, 3.5rem) !important;
  color: #fff !important;
  line-height: 1.1 !important;
  margin: 0 0 16px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
}

.hero-banner-editor__subtitle {
  font-size: 1.125rem !important;
  color: rgba(255, 255, 255, 0.8) !important;
  margin: 0 0 24px !important;
}

.hero-banner-editor__buttons {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

.hero-banner-editor__btn {
  display: inline-block;
  padding: 14px 32px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 1rem;
  cursor: default;
}

.hero-banner-editor__btn--primary {
  background-color: #ba001d;
  color: #fff;
}

.hero-banner-editor__btn--secondary {
  border: 2px solid rgba(255, 255, 255, 0.5);
  color: #fff;
}

.hero-banner-editor__features {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, max-content);
  gap: 12px 20px;
  margin: 0;
  padding: 0;
}

.hero-banner-editor__feature {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-size: 0.9375rem;
  white-space: nowrap;
}

.hero-banner-editor__check {
  color: #ba001d;
  font-weight: 700;
}

.hero-banner-editor__download-buttons {
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
  margin-top: 24px;
}

.hero-banner-editor__download-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  background-color: #ba001d;
  border-radius: 10px;
  padding: 10px 14px;
  color: #fff;
  white-space: nowrap;
}

.hero-banner-editor__download-btn-icon img {
  width: 30px;
  height: 30px;
  object-fit: contain;
  display: block;
}

.hero-banner-editor__download-btn-text {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}

.hero-banner-editor__download-btn-small {
  font-size: 0.75rem;
}

.hero-banner-editor__download-btn-main {
  font-size: 0.9375rem;
  font-weight: 700;
}

/* ─── Frontend Banner ────────────────────────────────────────────── */
.wp-block-mytheme-hero-banner.mytheme-hero-banner {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: #0a0a0b;
  /* Radial fill from the design: #E8132F at 18% fading to fully transparent at
     70%. The end stop keeps the same hue so it fades out instead of greying. */
  background-image: radial-gradient(55% 100% at 10% 35%, rgba(232, 19, 47, 0.18) 0%, rgba(232, 19, 47, 0) 70%);
}

.mytheme-hero-banner__overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

/* 1328 = the 1280 the other sections cap at, plus this block's 24px side
   padding at each edge — the box is border-box, so the padding sits inside the
   max-width. That lands the text and image on the same line as the sections
   below it. */
.mytheme-hero-banner__content {
  position: relative;
  max-width: 1328px;
  margin: 0 auto;
  padding: 64px 24px 0;
  display: flex;
  align-items: center;
  gap: 24px;
}

/* The text column is capped so the leftover width — and it is the larger
   share — always goes to the image. */
.mytheme-hero-banner__inner {
  flex: 0 1 46%;
  min-width: 0;
  padding-bottom: 64px;
}

.mytheme-hero-banner__media {
  flex: 1 1 54%;
  min-width: 0;
  align-self: flex-end;
  display: flex;
  justify-content: flex-end;
}

/* The image fills its column and sits on the banner's bottom edge on desktop. */
.mytheme-hero-banner__image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  object-position: bottom right;
}

.mytheme-hero-banner__title {
  color: #fff;
  line-height: 1.1;
  margin: 0 0 20px;
  font-weight: 700;
  font-size: 48px;
  max-width: 700px;
  text-transform: uppercase;
}

.mytheme-hero-banner__title .highlight-text,
.mytheme-hero-banner .highlight-text {
  color: #ba001d;
}

.mytheme-hero-banner__subtitle {
  color: #FFFFFF;
  margin: 0 0 32px;
  font-size: 16px;
  max-width: 672px;
}

.mytheme-hero-banner__buttons {
  display: flex;
  gap: 16px;
  flex-wrap: nowrap;
  margin-bottom: 32px;
}

/* The SVG (.mytheme-hero-banner__btn-shape) is the button background, filled via
   `color` (fill: currentColor); .mytheme-hero-banner__btn-label sits on top. */
.mytheme-hero-banner__btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  text-decoration: none;
  isolation: isolate;
  --decoration: #ffffff; /* bottom-right accent triangle */
  transition: transform 0.2s ease, filter 0.2s ease;
  /* reset so the <button> primary matches the <a> secondary */
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

.mytheme-hero-banner__btn-shape {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.mytheme-hero-banner__btn-label {
  position: relative;
  z-index: 1; /* above the shape */
  padding: 14px 32px;
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: -1.2px;
  color: #ffffff;
  text-align: center;
}

.mytheme-hero-banner__btn:hover {
  transform: translateY(-5px);
}

.mytheme-hero-banner__btn--primary {
  color: #ba001d; /* fills the SVG shape */
}

.mytheme-hero-banner__btn--secondary {
  color: rgba(57, 57, 60, 0.6); /* fills the SVG shape */
  --decoration: rgba(255, 255, 255, 0.5);
}

/* Four items per row on desktop, on a single line — the labels never wrap,
   the row shrinks to fit instead. */
.mytheme-hero-banner__features {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, max-content);
  gap: 14px 20px;
  margin: 0;
  padding: 0;
}

.mytheme-hero-banner__feature {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #FFFFFF;
  font-size: clamp(14px, 1.15vw, 16px);
  white-space: nowrap;
}

.mytheme-hero-banner__check {
  color: #ba001d;
  font-weight: 700;
  line-height: 1;
}

/* ─── Download buttons (sit below the feature list) ──────────────── */
/* Desktop keeps every button on one line — like the feature row above it,
   the buttons shrink to fit the column instead of wrapping. */
.mytheme-hero-banner__download-buttons {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
  margin-top: 28px;
}

.mytheme-hero-banner__download-btn {
  display: inline-flex;
  align-items: center;
  gap: clamp(8px, 0.9vw, 12px);
  /* Never shrink below the label — the clamped padding and type above are what
     make the row fit; letting the box shrink instead clips the text. */
  flex: 0 0 auto;
  background-color: #ba001d;
  border-radius: 10px;
  padding: 12px clamp(12px, 1.4vw, 20px);
  text-decoration: none;
  color: #ffffff;
  transition: transform 0.2s ease, background-color 0.2s ease;
}

.mytheme-hero-banner__download-btn:hover {
  transform: translateY(-3px);
  background-color: #d1032a;
}

.mytheme-hero-banner__download-btn-icon {
  flex: 0 0 auto;
  width: clamp(26px, 2.4vw, 34px);
  height: clamp(26px, 2.4vw, 34px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.mytheme-hero-banner__download-btn-icon img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}

.mytheme-hero-banner__download-btn-text {
  display: flex;
  flex-direction: column;
  line-height: 1.25;
}

/* Labels stay on their own single line so a squeezed row shrinks the padding
   and type rather than stacking words. */
.mytheme-hero-banner__download-btn-small {
  font-size: clamp(11px, 0.95vw, 13px);
  font-weight: 400;
  white-space: nowrap;
}

.mytheme-hero-banner__download-btn-main {
  font-size: clamp(13px, 1.15vw, 16px);
  font-weight: 700;
  white-space: nowrap;
}

/* At 1024px the text column is too narrow for a single 4-up feature row and a
   single button row — both are allowed to wrap from here down, while the
   two-column layout is still in place. */
@media (max-width: 1024px) {
  .mytheme-hero-banner__features {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 14px 24px;
  }
}

/* ─── Narrow desktop (1024–1279px) ───────────────────────────────── */
/* The two columns are still side by side here but the text column is tight.
   The buttons stay on one line by getting smaller, and the image is scaled up
   past its column so the right side does not read as half empty. */
@media (min-width: 1024px) and (max-width: 1279px) {
  .mytheme-hero-banner__content {
    gap: 12px;
  }

  .mytheme-hero-banner__download-btn {
    padding: 10px 12px;
    gap: 8px;
  }

  .mytheme-hero-banner__download-btn-icon {
    width: 24px;
    height: 24px;
  }

  .mytheme-hero-banner__download-btn-small {
    font-size: 10px;
  }

  .mytheme-hero-banner__download-btn-main {
    font-size: 12px;
  }

  /* Overflows its column toward the right edge — the banner already clips
     anything past it, and the column is bottom-aligned so it grows upward
     into the empty space instead of pushing the layout. */
  .mytheme-hero-banner__image {
    width: 122%;
    max-width: none;
  }
}

/* ─── Tablet & Mobile: image stacks below the text ───────────────── */
@media (max-width: 1023px) {
  .mytheme-hero-banner__content {
    flex-direction: column;
    align-items: center;
    gap: 32px;
    padding: 48px 24px 0;
  }

  .mytheme-hero-banner__inner {
    flex: 1 1 auto;
    width: 100%;
    padding-bottom: 0;
    text-align: center;
  }

  .mytheme-hero-banner__media {
    flex: 1 1 auto;
    width: 100%;
    align-self: auto;
    justify-content: center;
  }

  .mytheme-hero-banner__image {
    margin: 0 auto;
    max-height: 520px;
    width: auto;
  }

  .mytheme-hero-banner__title,
  .mytheme-hero-banner__subtitle {
    max-width: none;
  }

  .mytheme-hero-banner__buttons {
    justify-content: center;
  }

  /* Stacked layout has no room for a fixed 4-up row — let the items wrap. */
  .mytheme-hero-banner__features {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px 28px;
  }

  /* Stacked layout is full width, so the buttons may wrap freely again. */
  .mytheme-hero-banner__download-buttons {
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .mytheme-hero-banner__content {
    padding: 32px 20px 0;
  }

  .mytheme-hero-banner__title {
    font-size: 32px;
  }

  .mytheme-hero-banner__subtitle {
    font-size: 14px;
    margin-bottom: 24px;
  }

  /* Two even columns instead of a wrapping row, so the four items read as a
     2 x 2 block rather than 2 + 1 + 1. */
  .mytheme-hero-banner__features {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    justify-content: center;
    gap: 10px 20px;
  }

  .mytheme-hero-banner__feature {
    font-size: 14px;
  }

  .mytheme-hero-banner__btn {
    width: 150px;
  }

  .mytheme-hero-banner__btn-label {
    font-size: 12px;
    padding: 15px 25px;
  }

  /* Two per row, and a lone last button centred across both columns. */
  .mytheme-hero-banner__download-buttons {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 20px;
  }

  .mytheme-hero-banner__download-btn {
    padding: 10px;
    gap: 8px;
    justify-content: center;
    min-width: 0;
  }

  .mytheme-hero-banner__download-btn:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    justify-self: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .mytheme-hero-banner__download-btn-icon {
    width: 26px;
    height: 26px;
  }

  .mytheme-hero-banner__download-btn-small {
    font-size: 10px;
  }

  .mytheme-hero-banner__download-btn-main {
    font-size: 12px;
  }

  .mytheme-hero-banner__image {
    max-height: 380px;
  }
}

/* ─── Very small phones (320px and under) ────────────────────────── */
/* Two columns no longer fit here — "Fast or Real Cashouts" and the wider
   button labels get clipped — so both rows drop to a single column. */
@media (max-width: 374px) {
  .mytheme-hero-banner__features {
    grid-template-columns: minmax(0, 1fr);
    justify-content: stretch;
    gap: 10px;
  }

  .mytheme-hero-banner__feature {
    justify-content: center;
    white-space: normal;
  }

  .mytheme-hero-banner__download-buttons {
    grid-template-columns: minmax(0, 1fr);
  }

  /* Undo the centred full-width span: every button is already full width. */
  .mytheme-hero-banner__download-btn:last-child:nth-child(odd) {
    grid-column: auto;
    justify-self: stretch;
  }

  .mytheme-hero-banner__download-btn {
    padding: 10px 16px;
    gap: 10px;
  }

  .mytheme-hero-banner__download-btn-icon {
    width: 28px;
    height: 28px;
  }

  .mytheme-hero-banner__download-btn-small {
    font-size: 11px;
  }

  .mytheme-hero-banner__download-btn-main {
    font-size: 14px;
  }
}

/* ── Google Fonts ────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');

/* ─── Editor Preview ────────────────────────────────────────────── */
.portrait-slider-editor {
  position: relative;
  width: 100%;
  padding: 40px 24px;
  background-color: #0a0a0b;
  border-radius: 8px;
  font-family: 'Montserrat', sans-serif;
}

.portrait-slider-editor__header {
  text-align: center;
  max-width: 900px;
  margin: 0 auto 32px;
}

.portrait-slider-editor__title {
  color: #fff !important;
  font-size: clamp(1.75rem, 4vw, 3rem) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  margin: 0 0 12px !important;
}

.portrait-slider-editor__subtitle {
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 1rem !important;
  margin: 0 !important;
}

.portrait-slider-editor__strip {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  padding-bottom: 8px;
}

.portrait-slider-editor__slide {
  flex: 0 0 auto;
  width: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.portrait-slider-editor__slide img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
}

.portrait-slider-editor__slide-empty {
  width: 100%;
  aspect-ratio: 9 / 16;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px dashed rgba(255, 255, 255, 0.25);
  border-radius: 12px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.75rem;
}

.portrait-slider-editor__dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 20px;
}

.portrait-slider-editor__dot {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background-color: rgba(255, 255, 255, 0.28);
}

.portrait-slider-editor__dot.is-active {
  width: 26px;
  background-color: #ba001d;
}

.portrait-slider-editor__add {
  margin-top: 20px;
  display: flex;
  justify-content: center;
}

/* ─── Frontend Section ───────────────────────────────────────────── */
.wp-block-mytheme-portrait-slider.mytheme-portrait-slider {
  display: block;
  width: 100%;
  padding: 72px 0;
  background-color: #0a0a0b;
  font-family: 'Montserrat', sans-serif;
  overflow: hidden;
}

.mytheme-portrait-slider__container {
  width: 100%;
  max-width: min(1280px, calc(100% - 48px));
  margin: 0 auto;
  box-sizing: border-box;
}

.mytheme-portrait-slider__header {
  text-align: center;
  max-width: 900px;
  margin: 0 auto 56px;
}

.mytheme-portrait-slider__title {
  color: #ffffff;
  font-size: 42px;
  font-weight: 800;
  line-height: 1.2;
  margin: 0;
}

/* The highlighted half of the heading drops to its own line, as in the design. */
.mytheme-portrait-slider__title .highlight-text {
  color: #ba001d;
  display: block;
}

.mytheme-portrait-slider__subtitle {
  color: #FFFFFF;
  font-size: 16px;
  line-height: 1.75;
  margin: 20px 0 0;
}

/* ── Swiper ──────────────────────────────────────────────────────── */
/* Held to the same width as the header above it, so the strip lines up with the
   heading and stops growing with the viewport past 1280px. */
.mytheme-portrait-slider__swiper {
  width: 100%;
  max-width: min(1280px, calc(100% - 48px));
  margin: 0 auto;
  padding: 0 0 8px;
  box-sizing: border-box;
}

/* Before Swiper takes over, the slides are sized here so the first paint
   already matches the finished layout — 5 across, centred — instead of showing
   a row of full-size images. Swiper overrides these inline once initialised. */
.mytheme-portrait-slider__swiper .swiper-wrapper {
  display: flex;
  justify-content: center;
  gap: 24px;
}

.mytheme-portrait-slider__swiper.is-ready .swiper-wrapper {
  justify-content: flex-start;
  gap: 0;
}

.mytheme-portrait-slider__slide {
  height: auto; /* overrides Swiper's stretch so the portrait ratio is kept */
  flex: 0 0 calc((100% - 4 * 24px) / 5);
  max-width: calc((100% - 4 * 24px) / 5);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Swiper sets each slide's width inline, so the flex basis has to stop
   competing with it. */
.mytheme-portrait-slider__swiper.is-ready .mytheme-portrait-slider__slide {
  flex: 0 0 auto;
  max-width: none;
}

/* If Swiper never loads, the strip stays usable as a horizontal scroller. */
.mytheme-portrait-slider__swiper.is-fallback {
  overflow-x: auto;
}

.mytheme-portrait-slider__swiper.is-fallback .swiper-wrapper {
  justify-content: flex-start;
  gap: 24px;
}

/* The container caps the slide width, so this mostly just centres the art. The
   height ceiling still earns its place on a short window — a laptop at 1280
   wide but only 700 tall — where art sized purely by slide width would run past
   the fold. */
.mytheme-portrait-slider__image {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: min(58vh, 520px);
  margin: 0 auto;
  border-radius: 16px;
  /* Off-centre slides sit back a little, so the middle one reads as active. */
  transform: scale(0.94);
  opacity: 0.75;
  transition: transform 0.5s ease, opacity 0.5s ease;
}

.mytheme-portrait-slider__swiper .swiper-slide-active .mytheme-portrait-slider__image {
  transform: scale(1);
  opacity: 1;
}

/* Before init there is no "active" slide, so nothing should look dimmed. */
.mytheme-portrait-slider__swiper:not(.is-ready) .mytheme-portrait-slider__image {
  transform: none;
  opacity: 1;
}

.mytheme-portrait-slider__link {
  display: block;
  width: 100%;
}

/* ── Pagination dots ─────────────────────────────────────────────── */
/* With one dot per image this is just a centred row. Past DOT_CAP images it
   becomes the window the row slides inside, and JS sets its width to exactly
   the visible dot count so the spare dot at each end stays clipped. */
.mytheme-portrait-slider__pagination {
  overflow: hidden;
  margin: 32px auto 0;
  line-height: 0;
}

.mytheme-portrait-slider__dots {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* The windowed row is wider than its host and positioned with transforms, so
   it has to start at the edge rather than be centred within it. */
.mytheme-portrait-slider__dots.is-windowed {
  justify-content: flex-start;
}

/* Only while stepping: the row is repositioned without animation once the
   movement has settled (see createDots in portrait-slider.js). */
.mytheme-portrait-slider__dots.is-animating {
  transition: transform 0.35s ease;
}

/* Equal-width slots regardless of the dot inside them, so one step of the row
   is always the same distance — the active pill is wider than the rest. */
.mytheme-portrait-slider__dot-slot {
  flex: 0 0 34px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mytheme-portrait-slider__dot {
  width: 9px;
  height: 9px;
  padding: 0;
  border: 0;
  /*border-radius: 999px;*/
  background-color: rgba(255, 255, 255, 0.28);
  cursor: pointer;
  transition: width 0.35s ease, background-color 0.35s ease;
}

.mytheme-portrait-slider__dot.is-active {
  width: 26px;
  background-color: #ba001d;
}

.mytheme-portrait-slider__dot:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 3px;
}

/* Users who prefer no motion still get the slider, just without the scaling. */
@media (prefers-reduced-motion: reduce) {
  .mytheme-portrait-slider__image {
    transform: none;
    opacity: 1;
    transition: none;
  }

  .mytheme-portrait-slider__dots.is-animating,
  .mytheme-portrait-slider__dot {
    transition: none;
  }
}

/* ─── Tablet ─────────────────────────────────────────────────────── */
@media (max-width: 1023px) {
  .wp-block-mytheme-portrait-slider.mytheme-portrait-slider {
    padding: 56px 0;
  }

  .mytheme-portrait-slider__title {
    font-size: 32px;
  }

  .mytheme-portrait-slider__header {
    margin-bottom: 40px;
  }

  /* Sizing and centring are inherited from the base rule; only the ceiling
     changes, since there is less height to spare here. */
  .mytheme-portrait-slider__image {
    max-height: 52vh;
  }

  /* Pre-init sizing tracks the Swiper breakpoints: 3 across on tablet. */
  .mytheme-portrait-slider__swiper .swiper-wrapper {
    gap: 20px;
  }

  .mytheme-portrait-slider__slide {
    flex-basis: calc((100% - 2 * 20px) / 3);
    max-width: calc((100% - 2 * 20px) / 3);
  }
}

/* ─── Mobile ─────────────────────────────────────────────────────── */
@media (max-width: 767px) {
  .wp-block-mytheme-portrait-slider.mytheme-portrait-slider {
    padding: 40px 0;
  }

  .mytheme-portrait-slider__container {
    max-width: calc(100% - 32px);
  }

  .mytheme-portrait-slider__title {
    font-size: 24px;
  }

  .mytheme-portrait-slider__subtitle {
    font-size: 14px;
    margin-top: 14px;
  }

  /* Matches the header's narrower gutter on a phone. */
  .mytheme-portrait-slider__swiper {
    max-width: calc(100% - 32px);
  }

  /* A phone shows one slide at a time and has the whole width to give it, so
     the ceiling is the most generous here — height is what constrains the art
     and the width follows from it. */
  .mytheme-portrait-slider__image {
    max-height: 68vh;
    /* One slide is in view at a time, so nothing should sit back or dim. */
    transform: none;
    opacity: 1;
  }

  /* Pre-init sizing tracks the Swiper breakpoints: 1 across on phones. */
  .mytheme-portrait-slider__swiper .swiper-wrapper {
    gap: 16px;
  }

  .mytheme-portrait-slider__slide {
    flex-basis: 100%;
    max-width: 100%;
  }

  .mytheme-portrait-slider__pagination {
    margin-top: 24px;
  }
}

.st8gl-wrapper{position:relative;display:flex;align-items:center;justify-content:center;background:#0a0a12;border-radius:8px;overflow:hidden;box-sizing:border-box}.st8gl-wrapper.st8gl-fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:99999;border-radius:0}.st8gl-wrapper iframe.st8gl-frame{position:absolute;inset:0;width:100%;height:100%;border:none;display:block}.st8gl-loader{display:flex;flex-direction:column;align-items:center;gap:14px;color:#c8c8d4;font-family:system-ui,sans-serif;font-size:14px}.st8gl-loader p{margin:0}.st8gl-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.12);border-top-color:#5b8af7;border-radius:50%;animation:st8gl-spin .75s linear infinite}@keyframes st8gl-spin{to{transform:rotate(360deg)}}.st8gl-error-box{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;text-align:center;color:#f87171;font-family:system-ui,sans-serif}.st8gl-error-msg{margin:0;font-size:14px;max-width:340px}.st8gl-retry{padding:8px 20px;background:#5b8af7;color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:background .2s}.st8gl-retry:hover{background:#3d6ee4}p.st8gl-error{color:#dc2626;font-size:13px}
.site-header__inner{padding:20px 0}.site-header__row{align-items:center;display:flex;gap:20px;justify-content:space-between}.site-branding{align-items:center;display:flex;gap:12px}.site-branding__text{color:#fff;font-size:18px;font-weight:700;text-decoration:none}.site-branding img{display:block;max-height:60px;width:auto}.mobile-menu-toggle{background:none;border:0;color:#fff;cursor:pointer;display:none;font-size:24px;line-height:1;padding:0}.site-navigation{display:block}.primary-menu{display:flex;gap:20px;list-style:none}.primary-menu,.primary-menu li{margin:0;padding:0}.primary-menu li a{color:#fff;font-weight:500;text-decoration:none}@media (max-width:768px){.site-header__row{flex-wrap:wrap}.mobile-menu-toggle{display:block}.site-navigation{display:none;margin-top:15px;width:100%}.site-navigation.is-active{display:block}.primary-menu{flex-direction:column;gap:12px}}
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}html{font-family:var(--font-sans);font-size:100%;line-height:1.5;scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;font-kerning:normal;font-synthesis:none}body{background-color:var(--bg-dark-3);color:#fff;font-family:var(--font-sans);font-weight:400;letter-spacing:-.005em;line-height:1.65}h1{font-size:var(--text-h1);font-weight:800;letter-spacing:-.02em;line-height:1.15}h2{font-size:var(--text-h2);letter-spacing:-.015em;line-height:1.2;margin:10px 0}h2,h3{font-weight:700}h3{font-size:var(--text-h3);line-height:1.25}h4{font-size:var(--text-h4);line-height:1.3}h4,h5{font-weight:600}h5{font-size:var(--text-h5);line-height:1.35}h6{font-size:var(--text-h6);font-weight:600;line-height:1.4}p{color:#e8e8ee;line-height:1.7}a{color:var(--color-hyperlink);text-decoration:underline;transition:color .2s ease}a:hover{color:#fff}::-moz-selection{background:var(--color-primary);color:#000}::selection{background:var(--color-primary);color:#000}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.container{margin-left:auto;margin-right:auto}.section{padding-bottom:var(--section-py);padding-top:var(--section-py)}.bg-dark-2{background-color:var(--bg-dark-2)}.bg-dark-3{background-color:var(--bg-dark-3)}.btn-primary-gradient{align-items:center;background:var(--color-primary);border-radius:.5rem;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.75rem;text-decoration:none;transition:opacity .2s ease,transform .2s ease;white-space:nowrap}a.btn-primary-gradient:hover{color:unset}.btn-primary-gradient:hover{opacity:.88}.card{background-color:var(--bg-gray-4);border:1px solid var(--border);border-radius:.75rem;box-shadow:var(--shadow-md);padding:1.75rem;transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.isolate{isolation:isolate}.\!block{display:block!important}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.\!grid{display:grid!important}.grid{display:grid}.contents{display:contents}.hidden{display:none}.size-6{height:1.5rem;width:1.5rem}.flex-shrink,.shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.break-all{word-break:break-all}.border{border-width:1px}.p-1{padding:.25rem}.text-center{text-align:center}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.italic{font-style:italic}.text-white\/60{color:hsla(0,0%,100%,.6)}.text-white\/80{color:hsla(0,0%,100%,.8)}.underline{text-decoration-line:underline}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--color-primary:#ba001d;--color-primary-hover:#fb11c1;--color-primary-light:#fb64d6;--color-secondary:#d63d4a;--color-secondary-hover:#e01a2a;--color-funalomax-gradient:#1e1e1e;--color-nav-active:#fff;--color-amber-gradient:linear-gradient(90deg,#936000,#e9c349);--color-hyperlink:#ffdb00;--bg-dark-1:#0a0a0b;--bg-dark-2:#231f33;--bg-dark-3:#000;--bg-dark-4:#1f1f25;--bg-dark-5:#26262e;--bg-gray-3:#3a3a45;--bg-gray-4:#42424f;--bg-gray-5:#4e4e5c;--border:hsla(0,0%,100%,.08);--border-strong:hsla(0,0%,100%,.15);--shadow-md:0 4px 20px rgba(0,0,0,.5);--shadow-lg:0 8px 40px rgba(0,0,0,.65);--shadow-glow:0 0 24px rgba(245,179,53,.25);--font-sans:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-display:"Montserrat",sans-serif;--text-hero:clamp(2.5rem,5vw,4.5rem);--text-h1:clamp(2rem,4vw,3.75rem);--text-h2:clamp(1.75rem,3vw,3rem);--text-h3:clamp(1.5rem,2.5vw,2.25rem);--text-h4:clamp(1.25rem,2vw,1.875rem);--text-h5:1.5rem;--text-h6:1.25rem;--text-lead:1.125rem;--section-py:clamp(2.5rem,6vw,6rem);--footer-bg:#000;--nav-bg:#ba041c;--nav-gradient-bg:linear-gradient(180deg,rgba(0,0,0,.2),#0f0d1e);--nav-border:rgba(247,29,194,.25);--nav-text:#a1a1aa;--nav-text-muted:#fff;--nav-active-underline:var(--color-primary);--nav-height:72px}.fnlmx-appbar{--appbar-h:clamp(52px,calc(min(var(--appbar-vw, 100vw), 1200px)/6),104px);--appbar-w:min(var(--appbar-vw,100vw),calc(var(--appbar-h)*7.5));--appbar-close:clamp(22px,calc(var(--appbar-h)*0.28),30px);background-image:url(https://games.funalomax.com/wp-content/themes/Gutenberg-Base-Theme/assets/css/../images/appbar-bg.png),linear-gradient(to right,#fff 0,#fff calc(50% + var(--appbar-w)/2),var(--nav-bg) calc(50% + var(--appbar-w)/2),var(--nav-bg) 100%);background-position:top,top;background-repeat:no-repeat,no-repeat;background-size:var(--appbar-w) 100%,100% 100%;bottom:0;left:0;overflow:visible;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .7s ease-out;width:100%;z-index:1000}.fnlmx-appbar.is-hidden{opacity:0;pointer-events:none;transform:translateY(100%);transition:transform .35s cubic-bezier(.55,.06,.68,.19),opacity .25s ease,visibility 0s linear .35s;visibility:hidden}.fnlmx-appbar.is-preload{transition:none!important}@media (prefers-reduced-motion:reduce){.fnlmx-appbar,.fnlmx-appbar.is-hidden{transition:none}}body.funalo-drawer-open .fnlmx-appbar{pointer-events:none;visibility:hidden}.fnlmx-appbar__inner{align-items:center;display:flex;gap:calc(var(--appbar-h)*.14);height:var(--appbar-h);margin:0 auto;overflow:hidden;padding:0 calc(var(--appbar-close) + var(--appbar-h)*.2) 0 calc(var(--appbar-h)*.25);position:relative;width:var(--appbar-w);z-index:1}.fnlmx-appbar__icon{border-radius:calc(var(--appbar-h)*.14);flex:0 0 auto;height:calc(var(--appbar-h)*.62);-o-object-fit:cover;object-fit:cover;width:calc(var(--appbar-h)*.62)}.fnlmx-appbar__heading{color:#000;flex:0 1 auto;font-family:var(--font-display);font-size:calc(var(--appbar-h)*.19);font-weight:800;letter-spacing:-.01em;line-height:1.06;margin:0;min-width:0;text-transform:uppercase;white-space:nowrap}.fnlmx-appbar__line1,.fnlmx-appbar__line2{display:block}.fnlmx-appbar__accent{color:var(--nav-bg)}.fnlmx-appbar__phone{flex:0 1 auto;height:calc(var(--appbar-h)*1.06);margin-left:auto;min-width:0;-o-object-fit:contain;object-fit:contain;width:auto}.fnlmx-appbar__btn{align-items:center;background-color:#fff;border-radius:999px;display:inline-flex;flex:0 0 auto;isolation:isolate;justify-content:center;margin-left:calc(var(--appbar-h)*.2);padding:calc(var(--appbar-h)*.11) calc(var(--appbar-h)*.3);position:relative;text-decoration:none;transition:background-color .2s ease}.fnlmx-appbar__btn .funalo-nav__cta-shape{display:none}.fnlmx-appbar__btn-label{color:#ba001d;font-family:Montserrat,sans-serif;font-size:calc(var(--appbar-h)*.14);font-weight:800;letter-spacing:.08em;position:relative;white-space:nowrap;z-index:1}.fnlmx-appbar__btn:focus,.fnlmx-appbar__btn:hover{background-color:#f3f3f3}.fnlmx-appbar__btn:focus .fnlmx-appbar__btn-label,.fnlmx-appbar__btn:hover .fnlmx-appbar__btn-label{color:#ba001d}.fnlmx-appbar__close{align-items:center;background-color:#fff;border:0;border-radius:50%;cursor:pointer;display:inline-flex;height:var(--appbar-close);isolation:isolate;justify-content:center;left:50%;padding:0;position:absolute;top:0;transform:translate(calc(var(--appbar-w)/2 - 100% - var(--appbar-h)*.07),-50%);transition:background-color .2s ease;width:var(--appbar-close);z-index:3}.fnlmx-appbar__close .funalo-nav__cta-shape{display:none}.fnlmx-appbar__close-icon{height:52%;position:relative;stroke:#ba001d;stroke-width:2.5;width:52%;z-index:1}.fnlmx-appbar__close:hover{background-color:#f3f3f3}body{padding-bottom:var(--fnlmx-appbar-h,0)}body .fnlmx-back-to-top{bottom:calc(var(--fnlmx-appbar-h, 0px) + 1rem);transition:bottom .9s cubic-bezier(.16,1,.3,1)}@media (prefers-reduced-motion:reduce){body .fnlmx-back-to-top{transition:none}}@media (min-width:1024px){.fnlmx-appbar{--appbar-w:min(var(--appbar-vw,100vw),calc(var(--appbar-h)*9.5))}.fnlmx-appbar__inner{gap:calc(var(--appbar-h)*.2)}.fnlmx-appbar__icon{border-radius:calc(var(--appbar-h)*.16);height:calc(var(--appbar-h)*.78);width:calc(var(--appbar-h)*.78)}.fnlmx-appbar__heading{font-size:calc(var(--appbar-h)*.3);line-height:1.1}.fnlmx-appbar__btn{padding:calc(var(--appbar-h)*.15) calc(var(--appbar-h)*.42)}}@media (max-width:600px){.fnlmx-appbar__inner{gap:calc(var(--appbar-h)*.1);padding:0 calc(var(--appbar-close) + var(--appbar-h)*.12) 0 calc(var(--appbar-h)*.18)}.fnlmx-appbar__icon{border-radius:calc(var(--appbar-h)*.12);height:calc(var(--appbar-h)*.56);width:calc(var(--appbar-h)*.56)}.fnlmx-appbar__heading{font-size:calc(var(--appbar-h)*.185);line-height:1.12}.fnlmx-appbar__phone{height:auto;max-height:calc(var(--appbar-h)*1.02)}.fnlmx-appbar__btn{margin-left:calc(var(--appbar-h)*.1);padding:calc(var(--appbar-h)*.12) calc(var(--appbar-h)*.2)}.fnlmx-appbar__btn-label{font-size:calc(var(--appbar-h)*.155);letter-spacing:.04em}.fnlmx-appbar__close{transform:translate(calc(var(--appbar-w)/2 - 100% - var(--appbar-h)*.05),-50%)}}.funalo-nav{background-color:var(--nav-bg);height:90px;position:sticky;top:0;z-index:990}.funalo-nav__inner{align-items:center;display:flex;gap:32px;height:var(--nav-height);height:90px;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 24px}.funalo-nav__logo a{align-items:center;display:flex;gap:10px;text-decoration:none}.funalo-nav__logo .custom-logo,.funalo-nav__logo img{height:52px;width:auto}.funalo-nav__logo-text{color:#fff;font-family:Montserrat,sans-serif;font-size:28px;letter-spacing:1px;line-height:1}.funalo-nav__primary{align-items:center;display:flex;gap:32px;list-style:none;margin:0;padding:0}.funalo-nav__primary li{position:relative}.funalo-nav__primary li a{color:var(--nav-text-muted);font-family:Montserrat,sans-serif;font-size:16px;font-weight:500;letter-spacing:-.8px;padding:4px 0;position:relative;text-decoration:none;text-transform:uppercase;transition:color .2s ease}.funalo-nav__primary li a:after{background:var(--color-nav-active);bottom:-4px;content:"";height:3px;left:0;position:absolute;transition:width .25s ease;width:0}.funalo-nav__primary li.current-menu-item>a,.funalo-nav__primary li.current-page-ancestor>a{color:var(--color-nav-active)}.funalo-nav__primary li a:hover:after,.funalo-nav__primary li.current-menu-item>a:after,.funalo-nav__primary li.current-page-ancestor>a:after{width:100%}.funalo-nav__primary li.current-menu-item>a{color:var(--color-nav-active)}.funalo-nav__primary li.current-menu-item>a:after{width:100%}.funalo-nav__primary li.current-page-ancestor>a{color:var(--color-nav-active)}.funalo-nav__primary li.menu-item-has-children>a{align-items:center;display:inline-flex;gap:6px}.funalo-nav__primary li.menu-item-has-children>a:before{border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid;content:"";height:0;opacity:.75;order:2;transition:transform .25s ease,opacity .2s ease;width:0}.funalo-nav__primary li.menu-item-has-children:focus-within>a:before,.funalo-nav__primary li.menu-item-has-children:hover>a:before{opacity:1;transform:rotate(180deg)}.funalo-nav__primary li ul.sub-menu{background:#1e1e1e;border:1px solid hsla(0,0%,100%,.08);border-radius:10px;box-shadow:0 18px 40px rgba(0,0,0,.55);left:-12px;list-style:none;margin:0;min-width:210px;opacity:0;padding:14px 0 8px;pointer-events:none;position:absolute;top:100%;transform:translateY(-6px);transition:opacity .22s ease,transform .22s ease,visibility .22s;visibility:hidden;z-index:100}.funalo-nav__primary li ul.sub-menu:before{bottom:100%;content:"";height:18px;left:0;position:absolute;right:0}.funalo-nav__primary li:focus-within>ul.sub-menu,.funalo-nav__primary li:hover>ul.sub-menu{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.funalo-nav__primary li ul.sub-menu li{width:100%}.funalo-nav__primary li ul.sub-menu li a{border-left:2px solid transparent;color:hsla(0,0%,100%,.72);display:block;font-size:13px;font-weight:500;letter-spacing:0;padding:11px 20px;text-transform:uppercase;transition:color .18s ease,background .18s ease,border-color .18s ease}.funalo-nav__primary li ul.sub-menu li a:focus-visible,.funalo-nav__primary li ul.sub-menu li a:hover,.funalo-nav__primary li ul.sub-menu li.current-menu-item>a{background:rgba(186,0,29,.16);border-left-color:var(--color-primary);color:#fff}.funalo-nav__primary li ul.sub-menu li a:after{display:none}.funalo-nav__right{align-items:center;display:flex;gap:16px}.funalo-nav__secondary{align-items:center;display:flex;gap:20px;list-style:none;margin:0;padding:0}.funalo-nav__secondary li a{color:var(--nav-text-muted);font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;letter-spacing:.06em;text-decoration:none;text-transform:uppercase;transition:color .2s ease}.funalo-nav__secondary li a:hover{color:var(--nav-text)}.funalo-nav__cta{align-items:center;color:var(--color-funalomax-gradient);display:inline-flex;justify-content:center;position:relative;--decoration:#fff;height:43px;isolation:isolate;transition:filter .2s ease,transform .2s ease}.funalo-nav__cta a{color:#fff;display:inline-block;font-family:Montserrat,sans-serif;font-size:13px;font-weight:800;letter-spacing:.08em;padding:11px 26px;position:relative;text-decoration:none;white-space:nowrap;z-index:1}.funalo-nav__cta-shape{display:block;height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:0}.funalo-nav__cta:hover{filter:brightness(1.3)}.funalo-nav__search-btn{align-items:center;color:var(--color-funalomax-gradient);display:flex;height:43px;justify-content:center;position:relative;width:43px;--decoration:#fff;cursor:pointer;flex-shrink:0;isolation:isolate;transition:filter .2s ease,transform .2s ease}.funalo-nav__search-btn>svg:not(.funalo-nav__cta-shape){position:relative;stroke:#fff;z-index:1}.funalo-nav__search-btn:hover{filter:brightness(1.3)}.funalo-search-overlay{align-items:center;background:rgba(0,0,0,.98);display:flex;inset:0;justify-content:center;opacity:0;position:fixed;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:1000}.funalo-search-overlay.is-open{opacity:1;visibility:visible}.funalo-search-overlay__inner{max-width:720px;padding:2rem;position:relative;width:100%}.funalo-search-overlay__close{align-items:center;background:none;border:none;color:hsla(0,0%,100%,.6);cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:0;top:-3rem;transition:color .2s ease,transform .2s ease}.funalo-search-overlay__close:hover{color:#fff;transform:rotate(90deg)}.funalo-search-overlay__label{color:hsla(0,0%,100%,.4);font-family:Montserrat,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.12em;margin:0 0 1.25rem;text-transform:uppercase}.funalo-search-overlay .search-form,.funalo-search-overlay form[role=search]{align-items:center;border-bottom:2px solid hsla(0,0%,100%,.2);display:flex;padding-bottom:.75rem;transition:border-color .2s ease}.funalo-search-overlay .search-form:focus-within,.funalo-search-overlay form[role=search]:focus-within{border-color:var(--color-primary)}.funalo-search-overlay .search-field,.funalo-search-overlay input[name=s],.funalo-search-overlay input[type=search]{background:transparent;border:none;caret-color:var(--color-primary);color:#fff;flex:1;font-family:Montserrat,sans-serif;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600;outline:none;padding:.25rem 0}.funalo-search-overlay .search-field::-moz-placeholder,.funalo-search-overlay input[type=search]::-moz-placeholder{color:hsla(0,0%,100%,.2)}.funalo-search-overlay .search-field::placeholder,.funalo-search-overlay input[type=search]::placeholder{color:hsla(0,0%,100%,.2)}.funalo-search-overlay .search-submit,.funalo-search-overlay button[type=submit]{align-items:center;background:none;border:none;color:hsla(0,0%,100%,.5);cursor:pointer;display:flex;padding:.25rem .5rem;transition:color .2s ease}.funalo-search-overlay .search-submit:hover,.funalo-search-overlay button[type=submit]:hover{color:var(--color-primary)}.funalo-nav__hamburger{align-items:center;color:var(--color-funalomax-gradient);display:none;height:43px;justify-content:center;width:43px;--decoration:#fff;background:none;border:none;cursor:pointer;flex-shrink:0;isolation:isolate;padding:0;transition:filter .2s ease}.funalo-nav__hamburger-close,.funalo-nav__hamburger-icon{stroke:#fff}.funalo-nav__hamburger-close,.funalo-nav__hamburger.is-open .funalo-nav__hamburger-icon{display:none}.funalo-nav__hamburger.is-open .funalo-nav__hamburger-close{display:block}.funalo-nav__hamburger:hover{filter:brightness(1.3)}.funalo-nav__hamburger{overflow:hidden;position:relative}.funalo-nav__hamburger .funalo-nav__cta-shape{color:#1e1e1e;height:100%;inset:0;position:absolute;width:100%;z-index:0}.funalo-nav__hamburger-close,.funalo-nav__hamburger-icon{position:relative;z-index:1}@media (max-width:1023px){.funalo-nav__logo .custom-logo,.funalo-nav__logo img{display:block;height:30px;max-width:100px;-o-object-fit:contain;object-fit:contain}.funalo-nav__hamburger{display:flex;height:43px;width:43px}}.funalo-drawer-backdrop{background:rgba(0,0,0,.55);inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .35s ease;z-index:998}.funalo-drawer-backdrop.is-open{opacity:1;pointer-events:all}.funalo-nav__mobile{background:var(--bg-dark-3);display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:420px;overflow-x:hidden;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(110%);transition:transform .38s cubic-bezier(.4,0,.2,1);visibility:hidden;width:100%;z-index:999}.funalo-nav__mobile.is-open{transform:translateX(0);visibility:visible}.funalo-drawer__header{align-items:center;background:var(--color-primary);display:flex;flex-shrink:0;justify-content:center;padding:10px;position:relative}.funalo-drawer__header .drawer-logo .custom-logo,.funalo-drawer__header .drawer-logo img{height:44px;width:auto}.funalo-drawer__header .drawer-logo-text{color:#fff;font-family:Montserrat,sans-serif;font-size:24px;letter-spacing:1px;text-decoration:none}.funalo-drawer__close{align-items:center;background:none;border:none;color:var(--color-funalomax-gradient);cursor:pointer;display:flex;height:38px;justify-content:center;position:absolute;right:24px;top:16px;width:38px;--decoration:#fff;flex-shrink:0;isolation:isolate;transition:filter .2s ease}.funalo-drawer__close:hover{filter:brightness(1.3)}.funalo-drawer__close .funalo-nav__cta-shape{height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:0}.funalo-drawer__close-icon{height:16px;position:relative;stroke:#fff;width:16px;z-index:1}.funalo-drawer__nav{display:flex;flex:1;flex-direction:column;justify-content:start;padding:16px 0}.funalo-nav__mobile ul{list-style:none;margin:0;padding:0}.funalo-nav__mobile ul li a{color:#fff;display:block;font-family:Montserrat,sans-serif;font-size:17px;font-weight:700;letter-spacing:.02em;padding:12px 28px;text-align:center;text-decoration:none;text-transform:uppercase;transition:color .2s ease,transform .2s ease}.funalo-nav__mobile ul li a:hover,.funalo-nav__mobile ul li.current-menu-item>a{color:var(--color-primary);transform:scale(1.04)}.funalo-nav__mobile ul li.menu-item-has-children.has-toggle{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.funalo-nav__mobile ul li.has-toggle>a{padding-right:8px}.funalo-submenu-toggle{align-items:center;background:none;border:none;border-radius:50%;color:hsla(0,0%,100%,.75);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:color .2s ease,background .2s ease,transform .25s ease;width:32px}.funalo-submenu-toggle svg{height:16px;width:16px}.funalo-submenu-toggle:hover{background:rgba(186,0,29,.14);color:var(--color-primary)}.menu-item-has-children.is-open>.funalo-submenu-toggle{color:var(--color-primary);transform:rotate(180deg)}.funalo-submenu-wrap{display:grid;flex-basis:100%;grid-template-rows:0fr;transition:grid-template-rows .3s ease,margin .3s ease;width:100%}.menu-item-has-children.is-open>.funalo-submenu-wrap{grid-template-rows:1fr;margin:2px 0 10px}.funalo-submenu-wrap>ul.sub-menu{border-left:none;margin:0;min-height:0;overflow:hidden;padding:0;width:100%}.funalo-nav__mobile ul ul.sub-menu li a{color:hsla(0,0%,100%,.72);font-family:Montserrat,sans-serif;font-size:17px;font-weight:700;letter-spacing:.02em;padding:12px 28px;text-transform:uppercase}.funalo-drawer__cta,.funalo-nav__mobile ul ul.sub-menu li a:hover,.funalo-nav__mobile ul ul.sub-menu li.current-menu-item>a{color:var(--color-primary)}.funalo-drawer__cta{display:flex;flex-shrink:0;margin:8px 24px 24px;position:relative;--decoration:#fff;isolation:isolate;transition:filter .2s ease}.funalo-drawer__cta a,.funalo-drawer__cta button{color:#fff;display:block;font-family:Montserrat,sans-serif;font-size:14px;font-weight:800;letter-spacing:.1em;padding:15px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap;width:100%;z-index:1}.funalo-drawer__cta .funalo-nav__cta-shape{height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:0}.funalo-drawer__cta:hover{filter:brightness(1.3)}@media (max-width:1279px){.funalo-nav__primary{gap:20px}.funalo-nav__primary li a{font-size:12px}}@media (max-width:1023px){.funalo-nav__primary,.funalo-nav__secondary{display:none}.funalo-nav__right{display:flex;gap:10px}.funalo-nav__cta a{font-size:11px;letter-spacing:.06em;padding:9px 16px}.funalo-nav__hamburger{display:flex}.funalo-nav,.funalo-nav__inner{height:56px}}@media (max-width:480px){.funalo-nav__inner{gap:12px;padding:0 16px}.funalo-nav__cta{height:36px}.funalo-nav__cta a{font-size:10px;padding:8px 12px}.funalo-nav__hamburger,.funalo-nav__search-btn{height:36px;width:36px}}@media (max-width:360px){.funalo-nav__inner{gap:8px;padding:0 10px}.funalo-nav__logo .custom-logo,.funalo-nav__logo img{max-width:78px}.funalo-nav__cta a{font-size:9px;letter-spacing:.04em;padding:7px 10px}.funalo-nav__hamburger,.funalo-nav__search-btn{height:32px;width:32px}}html{scrollbar-gutter:stable}body.funalo-drawer-open{overflow:hidden}.fm-reg-modal{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(0,0,0,.8);display:none;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9998}.fm-reg-modal.is-open{display:flex}.fm-reg-modal__card{background:#000;border:1px solid var(--color-primary);border-radius:16px;max-width:400px;overflow:hidden;position:relative;text-align:center;width:100%}.fm-reg-modal__head{background:var(--color-primary);padding:3rem 2rem 5rem;position:relative}.fm-reg-modal__body{background:#000;border-radius:50% 50% 0 0/34px 34px 0 0;margin-top:-34px;padding:2rem 2.5rem 2.5rem;position:relative;z-index:1}.fm-reg-modal__decor{align-items:flex-end;bottom:-14px;display:flex;gap:.5rem;justify-content:space-between;left:0;padding:0 1.5rem;pointer-events:none;position:absolute;right:0;z-index:3}.fm-reg-modal__decor-img{display:block;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45));height:74px;width:auto}.fm-reg-modal__decor-img:nth-child(2):nth-last-child(2){transform:translateY(-18px)}.fm-reg-modal__close{align-items:center;background:none;border:none;color:var(--color-funalomax-gradient);cursor:pointer;display:flex;height:32px;isolation:isolate;justify-content:center;padding:0;position:absolute;right:14px;top:14px;transition:filter .2s ease;width:32px;z-index:2}.fm-reg-modal__close:hover{filter:brightness(1.2)}.fm-reg-modal__close-shape{height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:0}.fm-reg-modal__close-icon{color:#fff;position:relative;z-index:1}.fm-reg-modal__brand{margin:0}.fm-reg-modal__brand .custom-logo,.fm-reg-modal__brand img{display:block;height:76px;margin:0 auto;width:auto}.fm-reg-modal__brand-text{font-size:28px;letter-spacing:1px}.fm-reg-modal__brand-text,.fm-reg-modal__title{color:#fff;font-family:Montserrat,sans-serif;font-weight:800}.fm-reg-modal__title{font-size:42px;letter-spacing:.01em;line-height:1.08;margin:0 0 18px;text-transform:uppercase}.fm-reg-modal__title-accent{color:var(--color-primary);display:block}.fm-reg-modal__sub{color:hsla(0,0%,100%,.65);font-family:Montserrat,sans-serif;font-size:15px;font-weight:500;line-height:1.55;margin:0 auto 34px;max-width:300px}.fm-reg-modal__field{align-items:center;background:#1a1a1a;border:1px solid hsla(0,0%,100%,.12);border-radius:8px;display:flex;gap:12px;height:62px;margin-bottom:18px;padding:0 20px}.fm-reg-modal__field-icon{color:hsla(0,0%,100%,.55);flex-shrink:0}.fm-reg-modal__cc{flex-shrink:0;font-weight:700}.fm-reg-modal__cc,.fm-reg-modal__input{color:#fff;font-family:Montserrat,sans-serif;font-size:16px}.fm-reg-modal__input{background:transparent;border:none;flex:1;height:100%;letter-spacing:.02em;min-width:0;outline:none}.fm-reg-modal__input::-moz-placeholder{color:hsla(0,0%,100%,.4)}.fm-reg-modal__input::placeholder{color:hsla(0,0%,100%,.4)}.fm-reg-modal__submit{align-items:center;background:none;border:none;color:var(--color-primary);display:flex;height:58px;justify-content:center;margin-top:4px;padding:0;position:relative;width:100%;--decoration:#fff;cursor:pointer;isolation:isolate;transition:filter .2s ease,transform .2s ease}.fm-reg-modal__submit:hover{filter:brightness(1.12)}.fm-reg-modal__submit-shape{height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:0}.fm-reg-modal__submit-label{color:#fff;font-family:Montserrat,sans-serif;font-size:17px;font-weight:700;letter-spacing:.06em;position:relative;text-transform:uppercase;z-index:1}.fm-reg-modal__terms{align-items:center;color:hsla(0,0%,100%,.8);cursor:pointer;display:flex;font-family:Montserrat,sans-serif;font-size:12px;font-weight:500;gap:8px;justify-content:center;line-height:1.4;margin-top:24px}.fm-reg-modal__terms input{accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;height:16px;width:16px}.fm-reg-modal__terms a{color:var(--color-primary);font-weight:600;text-decoration:none}@media (max-width:600px){.fm-reg-modal{padding:0}.fm-reg-modal__card{border:unset;border-radius:0;display:flex;flex-direction:column;height:100vh;height:100dvh;max-height:none;max-width:100%;padding:0;width:100%}.fm-reg-modal__head{padding:3rem 2rem 5.25rem}.fm-reg-modal__body{border-radius:50% 50% 0 0/42px 42px 0 0;display:flex;flex:1;flex-direction:column;margin-top:-42px;padding:5.5rem 12px 12px}.fm-reg-modal__sub{max-width:350px}.fm-reg-modal__decor{bottom:-20px;padding:0 1.75rem}.fm-reg-modal__decor-img{height:84px}.fm-reg-modal__title{font-size:46px}.fm-reg-modal__terms{text-align:left}}.fm-welcome-modal{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(0,0,0,.8);display:none;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9998}.fm-welcome-modal.is-open{display:flex}.fm-welcome-modal__card{background:#000;border:1px solid var(--color-primary);border-radius:20px;max-width:560px;overflow:hidden;position:relative;text-align:center;width:100%}.fm-welcome-modal__head{background:var(--color-primary);padding:2.25rem 2rem 5rem;position:relative}.fm-welcome-modal__body{background:#000;border-radius:50% 50% 0 0/30px 30px 0 0;margin-top:-30px;padding:0 2.5rem 2.25rem;position:relative;z-index:1}.fm-welcome-modal__close{align-items:center;background:none;border:none;color:var(--color-funalomax-gradient);cursor:pointer;display:flex;height:32px;isolation:isolate;justify-content:center;padding:0;position:absolute;right:14px;top:14px;transition:filter .2s ease;width:32px;z-index:2}.fm-welcome-modal__close:hover{filter:brightness(1.2)}.fm-welcome-modal__close-shape{height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:0}.fm-welcome-modal__close-icon{color:#fff;position:relative;z-index:1}.fm-welcome-modal__title{color:#fff;font-family:Montserrat,sans-serif;letter-spacing:.02em;margin:0 0 .5rem;text-transform:uppercase}.fm-welcome-modal__title-top{display:block;font-size:30px;font-weight:600;line-height:1.1}.fm-welcome-modal__title-main{display:block;font-size:46px;font-weight:800;line-height:1}.fm-welcome-modal__hero{margin:-52px auto .75rem;max-width:380px;position:relative}.fm-welcome-modal__hero img{display:block;height:auto;width:100%}.fm-welcome-modal__coin{align-items:center;background:radial-gradient(circle at 50% 38%,#ff5a72 0,var(--color-primary) 50%,#7a0013 100%);border:3px solid var(--color-primary);border-radius:50%;box-shadow:0 0 32px rgba(186,0,29,.55),inset 0 -4px 8px rgba(0,0,0,.3);display:flex;height:116px;justify-content:center;margin:8px auto 22px;width:116px}.fm-welcome-modal__coin-amount{color:#fff;font-family:Montserrat,sans-serif;font-size:42px;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.45)}.fm-welcome-modal__sub{color:#fff;font-family:Montserrat,sans-serif;font-size:18px;font-weight:600;line-height:1.5;margin:0 auto 18px;max-width:420px}.fm-welcome-modal__sub strong{color:#ff2e43;font-weight:800}.fm-welcome-modal__field{align-items:center;background:#1a1a1a;border:1px solid hsla(0,0%,100%,.12);border-radius:8px;display:flex;gap:12px;height:58px;margin-bottom:16px;padding:0 18px;text-align:left}.fm-welcome-modal__field-icon{color:hsla(0,0%,100%,.55);flex-shrink:0}.fm-welcome-modal__cc{flex-shrink:0;font-weight:700}.fm-welcome-modal__cc,.fm-welcome-modal__input{color:#fff;font-family:Montserrat,sans-serif;font-size:16px}.fm-welcome-modal__input{background:transparent;border:none;flex:1;height:100%;letter-spacing:.02em;min-width:0;outline:none}.fm-welcome-modal__input::-moz-placeholder{color:hsla(0,0%,100%,.4)}.fm-welcome-modal__input::placeholder{color:hsla(0,0%,100%,.4)}.fm-welcome-modal__cta{align-items:center;background:none;border:none;color:var(--color-primary);display:flex;height:60px;justify-content:center;padding:0;position:relative;width:100%;--decoration:#fff;cursor:pointer;filter:drop-shadow(0 8px 16px rgba(0,0,0,.3));isolation:isolate;transition:filter .2s ease,transform .2s ease}.fm-welcome-modal__cta:hover{filter:brightness(1.12) drop-shadow(0 8px 16px rgba(0,0,0,.3));transform:translateY(-1px)}.fm-welcome-modal__cta-shape{height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:0}.fm-welcome-modal__cta-label{color:#fff;font-family:Montserrat,sans-serif;font-size:18px;font-weight:800;letter-spacing:.04em;position:relative;text-transform:uppercase;z-index:1}@media (max-width:600px){.fm-welcome-modal{padding:0}.fm-welcome-modal__card{border:unset;border-radius:0;display:flex;flex-direction:column;height:100vh;height:100dvh;max-height:none;max-width:100%;padding:0;width:100%}.fm-welcome-modal__head{padding:2.5rem 1.5rem 3.5rem}.fm-welcome-modal__body{border-radius:50% 50% 0 0/32px 32px 0 0;display:flex;flex:1;flex-direction:column;justify-content:center;margin-top:-32px;padding:0 1.5rem 1.75rem}.fm-welcome-modal__hero{margin:-40px auto 1rem;max-width:320px}.fm-welcome-modal__title-top{font-size:24px}.fm-welcome-modal__title-main{font-size:36px}.fm-welcome-modal__sub{font-size:15px;margin-bottom:18px;max-width:300px}.fm-welcome-modal__cta{height:52px}.fm-welcome-modal__cta-label{font-size:15px}.fm-welcome-modal__close{height:28px;width:28px}}.fnlmx-fallback-logo{height:auto;max-width:130px;-o-object-fit:contain;object-fit:contain;opacity:.85;width:60%}.fnlmx-back-to-top{align-items:center;background:var(--color-primary);border:none;border-radius:50%;bottom:1.5rem;box-shadow:0 6px 20px rgba(0,0,0,.45);color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;opacity:0;padding:0;position:fixed;right:1.5rem;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease,box-shadow .2s ease;visibility:hidden;width:48px;z-index:980}.fnlmx-back-to-top.is-visible{opacity:1;transform:translateY(0);visibility:visible}.fnlmx-back-to-top:hover{box-shadow:0 10px 26px rgba(0,0,0,.55);transform:translateY(-3px)}.fnlmx-back-to-top:focus-visible{outline:2px solid #fff;outline-offset:2px}@media (max-width:560px){.fnlmx-back-to-top{bottom:1rem;height:42px;right:1rem;width:42px}}.fnlmx-footer{background:var(--footer-bg);color:#fff;font-family:Montserrat,sans-serif}.fnlmx-footer__container{margin:0 auto;max-width:80rem;padding:2rem}.fnlmx-footer__divider{background:#1e1e1e;height:1px;margin:2.5rem 0}.fnlmx-footer__divider-mobile{background:#1e1e1e;display:none;height:1px;margin:20px 0 0}.fnlmx-footer__top-row{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.fnlmx-footer__brand{align-items:center;display:flex;flex:1 1 auto;gap:1rem}.fnlmx-footer__brand .custom-logo-link{display:block;flex-shrink:0;margin-bottom:0}.fnlmx-footer__brand .custom-logo-link img{display:block;height:auto;max-width:160px}.fnlmx-footer__site-name{color:#fff;display:inline-block;font-size:1.75rem;letter-spacing:.06em;margin-bottom:1rem;text-decoration:none}.fnlmx-footer__desc{color:#fff;font-size:12px;font-weight:500;line-height:1.6;margin:0;max-width:52ch}.fnlmx-footer__top-right{align-items:center;display:flex;flex-shrink:0;gap:1rem}.fnlmx-footer__solaire{align-items:center;border-right:1px solid hsla(0,0%,100%,.12);display:flex;flex-shrink:0;height:72px;justify-content:center;padding:20px}.fnlmx-footer__solaire img{display:block;height:auto;-o-object-fit:contain;object-fit:contain;width:auto}.fnlmx-footer__rg-group{align-items:center;display:flex;gap:20px;height:72px}.fnlmx-rg-badge{flex-shrink:0;justify-content:center}.fnlmx-rg-badge:last-child{border-right:none}.fnlmx-rg-badge img{display:block;max-height:42px;max-width:160px;-o-object-fit:contain;object-fit:contain;width:auto}@media (max-width:767px){.fnlmx-rg-badge img{max-width:100%}}.fnlmx-footer__bottom-row{align-items:stretch;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:1024px){.fnlmx-footer__bottom-row{gap:20px;grid-template-columns:auto auto}.fnlmx-footer__top-row{flex-wrap:nowrap}.fnlmx-footer__brand{min-width:0}}.fnlmx-footer__nav-pill{background:#1e1e1e;border-radius:8px;display:grid;gap:6rem;grid-template-columns:max-content max-content;padding:20px}.fnlmx-footer__nav-heading{color:#fff;font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;letter-spacing:1.4px;margin:0 0 1.25rem}.fnlmx-footer__nav-list{-moz-column-gap:2.5rem;column-gap:2.5rem;display:grid;grid-template-columns:repeat(2,max-content);list-style:none;margin:0;padding:0;row-gap:.875rem}.fnlmx-footer__nav-list li{margin:0}.fnlmx-footer__nav-list li a{color:#fff;display:inline-block;font-size:16px;font-weight:400;letter-spacing:.6px;text-decoration:none;transition:color .2s}.fnlmx-footer__nav-list li a:hover{color:var(--color-primary)}.fnlmx-footer__trust-col{align-content:center;background:#1e1e1e;border-radius:8px;padding:20px}.fnlmx-trust-block{display:flex;flex-direction:column}.fnlmx-payment-list{display:flex;flex-wrap:wrap;gap:.5rem}.fnlmx-payment-badge{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.12);border-radius:.5rem;display:flex;height:44px;justify-content:center;min-width:68px;padding:.4rem .875rem;transition:border-color .22s,background .22s,transform .22s}.fnlmx-payment-badge:hover{background:hsla(0,0%,100%,.09);border-color:hsla(0,0%,100%,.28);transform:translateY(-2px)}.fnlmx-payment-badge img{display:block;max-height:26px;max-width:80px;-o-object-fit:contain;object-fit:contain;width:auto}.fnlmx-social-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.fnlmx-social-icon{align-items:center;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.15);border-radius:50%;display:flex;flex-shrink:0;height:2.75rem;justify-content:center;overflow:hidden;transition:all .25s;width:2.75rem}.fnlmx-social-icon:hover{background:var(--color-primary);border-color:var(--color-primary);transform:translateY(-4px)}.fnlmx-social-icon img{display:block;filter:brightness(0) invert(1);height:1.25rem;-o-object-fit:contain;object-fit:contain;opacity:.75;transition:opacity .22s;width:1.25rem}.fnlmx-social-icon:hover img{opacity:1}.fnlmx-footer__copyright{text-align:center}.fnlmx-footer__copy{color:hsla(0,0%,100%,.35);font-family:Montserrat,sans-serif;font-size:.8rem;letter-spacing:.02em;line-height:1;margin:0}@media (max-width:1024px){.fnlmx-footer__top-right{flex-direction:column}.fnlmx-footer__trust-col{width:unset}.fnlmx-footer__solaire{border-right:unset}.fnlmx-footer__nav-pill{grid-template-columns:1fr 1fr}.fnlmx-footer__nav-list{grid-template-columns:1fr}}@media (max-width:767px){.fnlmx-footer__solaire{border-right:unset}.fnlmx-footer__divider{display:none}.fnlmx-footer__divider-mobile{align-self:stretch;display:block;width:100%}.fnlmx-footer__brand .custom-logo-link img{margin:auto}.fnlmx-rg-badge{background:#1e1e1e;border-radius:8px;padding:.3rem 2rem}.custom-logo-link img,.fnlmx-rg-badge img{margin:auto}.fnlmx-footer__container{padding:1rem 1.25rem}.fnlmx-footer__top-row{align-items:flex-start;flex-direction:column;gap:unset;margin-bottom:20px}.fnlmx-footer__brand{align-items:center;flex-direction:column;max-width:100%;text-align:center;width:100%}.fnlmx-footer__desc{max-width:100%}.fnlmx-footer__brand .custom-logo-link{margin:0 auto 1rem}.fnlmx-footer__top-right{align-items:stretch;flex-direction:column;gap:.75rem;width:100%}.fnlmx-footer__solaire{height:64px;padding:.75rem 1.5rem;width:100%}.fnlmx-footer__rg-group{height:64px;justify-content:center;width:100%}.fnlmx-rg-badge{flex:1;height:64px;justify-content:center;padding:.75rem 1rem}.fnlmx-footer__nav-pill{gap:1.5rem;padding:1.5rem}.fnlmx-footer__trust-col{gap:1.5rem}.fnlmx-payment-list,.fnlmx-social-list{gap:.5rem}.fnlmx-trust-block{align-items:center}.fnlmx-footer__copy{margin-top:20px}}@media (max-width:600px){.fnlmx-footer__nav-heading{font-size:14px}.fnlmx-footer__nav-list li a{font-size:12px}.fnlmx-social-list{gap:.2rem}}@media (max-width:407px){.fnlmx-social-icon{height:2.45rem;width:2.45rem}.fnlmx-social-icon img{height:1rem;width:1rem}.fnlmx-social-list{justify-content:center}}@media (min-width:768px) and (max-width:1023px){.fnlmx-footer__top-right{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;margin:auto}.fnlmx-footer__solaire{border-right:1px solid hsla(0,0%,100%,.12)}.fnlmx-footer__bottom-row{grid-template-columns:1fr}.fnlmx-footer__trust-col{flex-direction:row;flex-wrap:wrap;gap:2rem}.fnlmx-trust-block{align-items:center;flex:1 1 200px}.fnlmx-footer__brand{align-items:center;flex-direction:column;margin:auto}.fnlmx-footer__brand .custom-logo-link img{margin:auto}.fnlmx-footer__desc{max-width:100%;text-align:center}}.fnlmx-rg-popup{align-items:center;display:flex;inset:0;justify-content:center;opacity:0;padding:1rem;position:fixed;transition:opacity .35s ease,visibility .35s ease;visibility:hidden;z-index:9997}.fnlmx-rg-popup.is-open{opacity:1;visibility:visible}.fnlmx-rg-popup__backdrop{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:rgba(0,0,0,.5);inset:0;position:absolute}.fnlmx-rg-popup__panel{background:#000;border:2px solid #fff;display:flex;flex-direction:column;max-height:90vh;max-height:90dvh;max-width:520px;overflow:hidden;position:relative;width:100%}.fnlmx-rg-popup__title{border-bottom:1px solid #1e1e1e;color:#fff;flex-shrink:0;font-family:Montserrat,sans-serif;font-size:1.125rem;font-weight:700;margin:0;padding:1.5rem 1.75rem 1.25rem;text-align:center}.fnlmx-rg-popup__body{flex:1;padding:1.25rem 1.75rem}.fnlmx-rg-popup__list,.fnlmx-rg-popup__wysiwyg ol,.fnlmx-rg-popup__wysiwyg ul{display:flex;flex-direction:column;list-style:none;margin:0 0 1.25rem;padding:0}.fnlmx-rg-popup__list li,.fnlmx-rg-popup__wysiwyg ol li,.fnlmx-rg-popup__wysiwyg ul li{color:#fff;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;line-height:1.6;padding-left:1.25rem;position:relative}.fnlmx-rg-popup__list li:before,.fnlmx-rg-popup__wysiwyg ol li:before,.fnlmx-rg-popup__wysiwyg ul li:before{color:var(--color-primary);content:"•";font-size:2rem;left:0;line-height:.4;position:absolute}.fnlmx-rg-popup__list li a,.fnlmx-rg-popup__wysiwyg a,.fnlmx-rg-popup__wysiwyg ol li a,.fnlmx-rg-popup__wysiwyg ul li a{color:#ffdb00;font-weight:500;transition:color .2s}.fnlmx-rg-popup__list li a:hover,.fnlmx-rg-popup__wysiwyg a:hover,.fnlmx-rg-popup__wysiwyg ol li a:hover,.fnlmx-rg-popup__wysiwyg ul li a:hover{color:hsla(0,0%,100%,.8)}.fnlmx-rg-popup__badges{background:#1e1e1e;border-radius:10px;display:flex;flex-direction:column;overflow:hidden}.fnlmx-rg-popup__badge-item,.fnlmx-rg-popup__badges-row{align-items:center;display:flex}.fnlmx-rg-popup__badge-item{flex:1;justify-content:center;min-height:64px;padding:.875rem 1.25rem}.fnlmx-rg-popup__badge-item img{display:block;-o-object-fit:contain;object-fit:contain;width:auto}.fnlmx-rg-popup__badge-divider{background:hsla(0,0%,100%,.12);flex-shrink:0;height:40px;width:1px}.fnlmx-rg-popup__badge-fallback{align-items:center;color:hsla(0,0%,100%,.75);display:flex;font-family:Montserrat,sans-serif;font-size:.875rem;font-weight:700;gap:.375rem}.fnlmx-rg-popup__badge-fallback--21{color:var(--color-primary);font-size:1.25rem}.fnlmx-rg-popup__disclaimer{border-top:1px solid hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.8);font-family:Montserrat,sans-serif;font-size:.8125rem;line-height:1.6;margin:0;padding:1rem 1.25rem 1.25rem}.fnlmx-rg-popup__remember{align-items:center;display:flex;flex-shrink:0;gap:.5rem;padding:0 1.75rem 1rem}.fnlmx-rg-popup__remember-check{accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;height:1rem;margin:0;width:1rem}.fnlmx-rg-popup__remember-label{color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;line-height:1.4}.fnlmx-rg-popup__actions{border-top:1px solid #1e1e1e;display:flex;flex-shrink:0;gap:.75rem;padding:1.25rem 1.75rem 1.5rem}.fnlmx-rg-popup__btn{background:none;border:none;cursor:pointer;flex:1;font-family:Montserrat,sans-serif;font-size:.9375rem;font-weight:700;isolation:isolate;letter-spacing:.04em;min-width:0;padding:1rem;position:relative;text-transform:uppercase;transition:opacity .2s ease,transform .15s ease}.fnlmx-rg-popup__btn:hover{opacity:.88}.fnlmx-rg-popup__btn--exit{color:#282828;--decoration:#282828}.fnlmx-rg-popup__btn--proceed{color:var(--color-primary);--decoration:#fff}.fnlmx-rg-popup__btn-label{color:#fff;font-size:.875rem;font-weight:700;padding:14px 20px;position:relative;text-transform:uppercase;white-space:nowrap;z-index:1}@media (min-width:561px) and (max-height:960px){.fnlmx-rg-popup__title{padding:1rem 1.75rem .875rem}.fnlmx-rg-popup__body{padding:.875rem 1.75rem}.fnlmx-rg-popup__list,.fnlmx-rg-popup__wysiwyg ol,.fnlmx-rg-popup__wysiwyg ul{margin-bottom:.875rem}.fnlmx-rg-popup__list li,.fnlmx-rg-popup__wysiwyg ol li,.fnlmx-rg-popup__wysiwyg ul li{line-height:1.45}.fnlmx-rg-popup__badge-item{min-height:52px;padding:.625rem 1.25rem}.fnlmx-rg-popup__disclaimer{line-height:1.45;padding:.75rem 1.25rem .875rem}.fnlmx-rg-popup__remember{padding-bottom:.75rem}.fnlmx-rg-popup__actions{padding:.875rem 1.75rem 1rem}.fnlmx-rg-popup__btn{height:38px;padding:0}.fnlmx-rg-popup__btn-label{align-items:center;display:flex;font-size:.8125rem;height:100%;justify-content:center;padding:0}}@media (max-width:560px){.fnlmx-rg-popup{padding:.5rem}.fnlmx-rg-popup__panel{border:unset;max-height:95vh;max-height:calc(100dvh - 1rem);max-width:328px;width:100%}.fnlmx-rg-popup__title{font-size:.9375rem;padding:.625rem 1.25rem .5rem}.fnlmx-rg-popup__body,.fnlmx-rg-popup__remember{padding:.5rem 1.25rem}.fnlmx-rg-popup__remember-label{font-size:.72rem;line-height:1.3}.fnlmx-rg-popup__actions{padding:.625rem .625rem .75rem}.fnlmx-rg-popup__list,.fnlmx-rg-popup__wysiwyg ol,.fnlmx-rg-popup__wysiwyg ul{gap:4px;margin-bottom:.5rem}.fnlmx-rg-popup__list li,.fnlmx-rg-popup__wysiwyg ol li,.fnlmx-rg-popup__wysiwyg ul li{font-size:13px;line-height:1.25}.fnlmx-rg-popup__badge-item{min-height:38px;padding:.45rem 1rem}.fnlmx-rg-popup__disclaimer{font-size:.72rem;line-height:1.3;padding:.45rem 1rem .5rem}.fnlmx-rg-popup__btn{font-size:12px;height:42px;padding:0}.fnlmx-rg-popup__btn-label{align-items:center;display:flex;height:100%;justify-content:center;padding:0}}@media (max-width:400px){.fnlmx-rg-popup__panel{max-width:328px}}@media (max-width:350px){.fnlmx-rg-popup__panel{max-width:300px}}.fnlmx-cta-wrap{background-color:#0e0125;font-family:Montserrat,sans-serif;overflow:hidden;position:relative;width:100%}.fnlmx-cta__bg{display:block;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:0}.fnlmx-cta__bg--desktop{display:block}.fnlmx-cta__bg--mobile{display:none}.fnlmx-cta{color:#fff;margin-left:auto;margin-right:auto;max-width:1280px;position:relative;z-index:1}.fnlmx-cta__inner{align-items:stretch;display:flex;min-height:260px;position:relative;z-index:1}.fnlmx-cta__content-pane{align-items:center;display:flex;flex:0 0 55%;padding:60px 48px}.fnlmx-cta__content{max-width:520px;width:100%}.fnlmx-cta__image-pane{align-items:end;display:flex;flex:0 0 45%;justify-content:center}.fnlmx-cta__image{display:block;height:auto;max-width:100%}.fnlmx-cta__title{color:#fff;font-size:24px;font-weight:800;letter-spacing:.02em;line-height:1.2;margin:0 0 20px;text-transform:uppercase}.fnlmx-cta__description{color:hsla(0,0%,100%,.85);font-size:clamp(.875rem,1.2vw,1rem);line-height:1.7;margin:0 0 32px}.fnlmx-cta__description p{margin:0}.fnlmx-cta__buttons{align-items:center;display:flex;flex-wrap:nowrap;gap:16px}.fnlmx-cta__btn{align-items:center;cursor:pointer;display:inline-flex;isolation:isolate;justify-content:center;position:relative;text-decoration:none;width:200px;--decoration:#fff;transition:transform .2s ease}.fnlmx-cta__btn-shape{display:block;height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:0}.fnlmx-cta__btn-label{color:#fff;font-size:.875rem;font-weight:700;letter-spacing:.08em;padding:14px 32px;position:relative;text-transform:uppercase;white-space:nowrap;z-index:1}.fnlmx-cta__btn:hover{transform:translateY(-5px)}a.fnlmx-cta__btn--primary:hover{color:var(--color-primary)}a.fnlmx-cta__btn--secondary:hover{color:var(--color-funalomax-gradient)}.fnlmx-cta__btn--primary{color:var(--color-primary)}.fnlmx-cta__btn--secondary{color:#1e1e1e;--decoration:#fff}@media (min-width:768px) and (max-width:1023px){.fnlmx-cta__content-pane{flex:0 0 50%;padding:40px 32px}.fnlmx-cta__image-pane{flex:0 0 50%}}@media (max-width:767px){.fnlmx-cta__bg--desktop{display:none}.fnlmx-cta__bg--mobile{display:block}.fnlmx-cta__inner{flex-direction:column}.fnlmx-cta__content-pane{flex:none;padding:48px 24px 32px;width:100%}.fnlmx-cta__content{max-width:100%;text-align:center}.fnlmx-cta__title{font-size:clamp(1.25rem,5vw,1.5rem)}.fnlmx-cta__buttons{align-items:center;flex-direction:row;gap:12px;justify-content:center}.fnlmx-cta__btn{max-width:150px;width:100%}.fnlmx-cta__btn-label{font-size:12px}.fnlmx-cta__image-pane{flex:none;justify-content:center;width:100%}}div#error-404-wrapper,div#search-wrapper{align-items:center;background-color:var(--bg-dark-3);color:#fff;display:flex;justify-content:center;padding:40px 0}.text-center{text-align:center}.error-404{display:flex;flex-direction:column;gap:20px}h1.page-title-404{font-size:7rem;font-weight:900}.page-description-404,.page-subtitle-404{margin-bottom:20px}@media (min-width:1400px){.container{max-width:1320px}}@media (max-width:767px){h1.page-title{font-size:5rem}}.entry-content{background:#1e1e1e;border-radius:6px;box-sizing:border-box;margin:30px auto;max-width:1280px;overflow-wrap:break-word;padding:40px;word-wrap:break-word;color:#fff;overflow-x:hidden}.entry-content a,.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6,.entry-content li,.entry-content p{overflow-wrap:break-word;word-wrap:break-word;hyphens:auto;word-break:break-word}.entry-content iframe,.entry-content img,.entry-content table,.entry-content video{height:auto;max-width:100%}.entry-content ol,.entry-content ul{margin:0 0 1rem;padding-left:1.5rem}.entry-content ul{list-style:disc}.entry-content ol{list-style:decimal}.entry-content li{margin-bottom:.4rem}.entry-content ul li::marker{color:var(--color-primary)}@media (max-width:1024px){.entry-content{margin-left:20px;margin-right:20px;padding:40px}}@media (max-width:767px){.entry-content{margin-left:10px;margin-right:10px;padding:20px}}ul.sw-html-sitemap__list li.sw-html-sitemap__item:before{content:none}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}
/*
Theme Name: Funalomax
Theme URI: https://games.funalomax.com/
Author: Maurico Maun
Description: Funalox is a theme that is based on Gutenberg block theme starter with React custom blocks and Tailwind CSS v3.
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 8.1
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: funalomax
*/