/* KnownBoost Homepage V2.1
   Keeps the original public_html hero composition while allowing the
   Admin Homepage Builder to control its content, image and statistics. */

/* Brand colors remain consistent with the shared V5 primary header. */
.navbar-logo .gv-brand-known{color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important}
.navbar-logo .gv-brand-boost{color:var(--gold)!important;-webkit-text-fill-color:var(--gold)!important;background:none!important}

/* Preserve the original hero layout from the supplied website ZIP:
   copy on the left, artwork beginning at 42%, and statistic cards on the right. */
.homepage-v2 .home-hero-v2{
  --home-hero-overlay:.72;
  background:#0c1015;
}
.homepage-v2 .home-hero-v2 .market-hero-media{
  inset:0 0 0 42%;
  background-image:var(--home-hero-image)!important;
  background-position:var(--home-hero-position,center center)!important;
  background-size:cover;
  filter:saturate(.76) contrast(1.03) brightness(.72);
  opacity:.92;
}
.homepage-v2 .home-hero-v2::after{
  background:
    linear-gradient(90deg,
      #0c1015 0%,
      rgba(12,16,21,.97) 37%,
      rgba(12,16,21,var(--home-hero-overlay)) 66%,
      rgba(12,16,21,.82) 100%)!important;
}
.homepage-v2 .home-hero-v2 .hero-metrics{
  max-height:calc(100% - 46px);
  overflow:auto;
  scrollbar-width:none;
}
.homepage-v2 .home-hero-v2 .hero-metrics::-webkit-scrollbar{display:none}
.homepage-v2 .home-hero-v2 .hero-metric{
  backdrop-filter:blur(12px);
  box-shadow:0 12px 30px rgba(0,0,0,.18);
}

/* Configurable section backgrounds. */
.home-configurable-section{position:relative;isolation:isolate}
.home-configurable-section.has-home-background::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--home-section-image) center/cover no-repeat}
.home-configurable-section.has-home-background::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(12,16,21,var(--home-section-overlay,.88))}
.home-section-content{position:relative;z-index:1}
.homepage-category-strip{scrollbar-width:thin}
.homepage-category-tile{position:relative}
.home-category-badge{position:absolute;top:8px;left:8px;z-index:2;padding:4px 7px;border-radius:999px;background:rgba(243,189,69,.94);color:#171105;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.home-empty-state{padding:28px;border:1px dashed var(--border2);border-radius:10px;text-align:center;color:var(--text3);font-size:11px;background:rgba(12,16,21,.72)}
.home-trust-panel-v2,.home-cta-v2{backdrop-filter:blur(9px);background:rgba(16,21,27,.86)}

@media(max-width:980px){
  .homepage-v2 .home-hero-v2 .market-hero-media{inset:0;opacity:.55}
  .homepage-v2 .home-hero-v2::after{
    background:
      linear-gradient(90deg,rgba(12,16,21,.96),rgba(12,16,21,.72)),
      linear-gradient(0deg,#0c1015 0%,transparent 45%)!important;
  }
}

@media(max-width:700px){
  .homepage-v2 .home-hero-v2::after{
    background:
      linear-gradient(90deg,rgba(10,14,19,.96),rgba(10,14,19,.70)),
      linear-gradient(0deg,#0c1015 0%,transparent 45%)!important;
  }
  .homepage-v2 .home-hero-v2 .market-hero-media{background-position:var(--home-hero-position,center center)!important}
  .homepage-category-strip{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible!important}
  .homepage-category-tile{min-width:0!important}
  .homepage-category-tile .game-tile-media{aspect-ratio:1.45}
  .home-configurable-section.has-home-background::after{background:rgba(12,16,21,.92)}
}

@media(max-width:430px){
  .homepage-category-strip{grid-template-columns:1fr 1fr;gap:8px}
  .homepage-category-tile .game-tile-content{padding:8px}
  .home-category-badge{font-size:7px}
  .homepage-v2 .home-section-heading{align-items:flex-start;gap:8px}
  .homepage-v2 .home-section-heading>a{font-size:9px}
}

/* V3 premium header-matched hero */
.homepage-v2 .home-hero-v2{min-height:500px;background:#07101a;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}
.homepage-v2 .home-hero-v2 .market-hero-media{inset:0 0 0 48%;background-position:var(--home-hero-position,right center)!important;background-size:cover;filter:saturate(.92) contrast(1.04) brightness(.72);opacity:.98}
.homepage-v2 .home-hero-v2::after{background:linear-gradient(90deg,#07101a 0%,rgba(7,16,26,.98) 36%,rgba(7,16,26,.70) 58%,rgba(7,16,26,.16) 78%,rgba(7,16,26,.28) 100%)!important}
.homepage-v2 .home-hero-v2 .market-hero-inner{min-height:500px;max-width:1440px;padding:54px 32px;align-items:center}
.homepage-v2 .home-hero-v2 .market-hero-copy{width:min(660px,54%);position:relative;z-index:3}
.homepage-v2 .home-hero-v2 .hero-proof{font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:850;color:#8ee7ad;margin-bottom:20px}
.homepage-v2 .home-hero-v2 h1{font-size:58px;line-height:1.05;letter-spacing:-.045em;margin-bottom:20px}.homepage-v2 .home-hero-v2 h1 .accent{display:inline;color:var(--gold)}
.homepage-v2 .home-hero-v2 .hero-description{font-size:17px;line-height:1.7;max-width:620px;color:#b8c0ce}
.homepage-v2 .home-hero-v2 .hero-search{max-width:590px;margin-top:24px}.homepage-v2 .home-hero-v2 .hero-actions-inline{margin-top:30px;gap:14px}.homepage-v2 .home-hero-v2 .hero-actions-inline a{min-height:50px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-size:14px;font-weight:850}.homepage-v2 .home-hero-v2 .hero-trust-row{margin-top:26px;gap:28px;font-size:12px;color:#c2c8d4}
.homepage-v2 .home-hero-v2 .hero-metrics{right:30px;bottom:24px;top:auto;display:flex;flex-direction:row;gap:10px;max-width:48%;overflow:visible}.homepage-v2 .home-hero-v2 .hero-metric{min-width:125px;padding:13px 15px;background:rgba(9,15,25,.78);border:1px solid rgba(255,255,255,.1);border-radius:12px}.homepage-v2 .home-hero-v2 .hero-metric strong{font-size:18px}.homepage-v2 .home-hero-v2 .hero-metric span{font-size:10px}
@media(max-width:980px){.homepage-v2 .home-hero-v2 .market-hero-media{inset:0;opacity:.6}.homepage-v2 .home-hero-v2::after{background:linear-gradient(90deg,rgba(7,16,26,.98),rgba(7,16,26,.72)),linear-gradient(0deg,#07101a 0%,transparent 42%)!important}.homepage-v2 .home-hero-v2 .market-hero-copy{width:100%;max-width:650px}.homepage-v2 .home-hero-v2 .hero-metrics{display:none}}
@media(max-width:700px){.homepage-v2 .home-hero-v2,.homepage-v2 .home-hero-v2 .market-hero-inner{min-height:560px}.homepage-v2 .home-hero-v2 .market-hero-inner{padding:42px 18px;align-items:flex-start}.homepage-v2 .home-hero-v2 h1{font-size:42px}.homepage-v2 .home-hero-v2 .hero-description{font-size:14px}.homepage-v2 .home-hero-v2 .hero-actions-inline{display:flex;flex-direction:column}.homepage-v2 .home-hero-v2 .hero-actions-inline a{width:100%}.homepage-v2 .home-hero-v2 .hero-trust-row{gap:14px}}

/* ============================================================
   V8.3 — restore original artwork size and clean alignment
   ============================================================ */
.homepage-v2 .home-hero-v2{
  min-height:500px;
  overflow:hidden;
  isolation:isolate;
  background:#07101a;
  border-bottom:1px solid rgba(255,255,255,.08);
}

/* Restore the artwork to the original right-side region instead of
   stretching it across the full hero. This keeps its intended crop,
   proportions and visual quality. */
.homepage-v2 .home-hero-v2 .market-hero-media{
  inset:0 0 0 48%!important;
  z-index:0;
  opacity:1!important;
  background-image:var(--home-hero-image)!important;
  background-position:var(--home-hero-position,right center)!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  filter:saturate(.96) contrast(1.02) brightness(.86)!important;
}
.homepage-v2 .home-hero-v2 .market-hero-media::after{
  content:none!important;
}

/* Keep the left panel and the artwork visually connected without
   resizing or over-darkening the source image. The Admin darkness
   value remains active in the middle blend area. */
.homepage-v2 .home-hero-v2::after{
  z-index:1;
  background:linear-gradient(90deg,
    #07101a 0%,
    rgba(7,16,26,.99) 36%,
    rgba(7,16,26,var(--home-hero-overlay,.72)) 58%,
    rgba(7,16,26,.14) 78%,
    rgba(7,16,26,.24) 100%)!important;
}

.homepage-v2 .home-hero-v2 .market-hero-inner{
  position:relative;
  z-index:3;
}

@media(max-width:980px){
  .homepage-v2 .home-hero-v2 .market-hero-media{
    inset:0!important;
    opacity:.62!important;
    background-position:var(--home-hero-position,right center)!important;
    filter:saturate(.92) contrast(1.02) brightness(.82)!important;
  }
  .homepage-v2 .home-hero-v2::after{
    background:
      linear-gradient(90deg,rgba(7,16,26,.98) 0%,rgba(7,16,26,.86) 58%,rgba(7,16,26,.44) 100%),
      linear-gradient(0deg,#07101a 0%,transparent 45%)!important;
  }
}

@media(max-width:700px){
  .homepage-v2 .home-hero-v2 .market-hero-media{
    opacity:.48!important;
    background-position:var(--home-hero-position,right center)!important;
    filter:saturate(.88) contrast(1.02) brightness(.76)!important;
  }
  .homepage-v2 .home-hero-v2::after{
    background:
      linear-gradient(90deg,rgba(7,16,26,.98) 0%,rgba(7,16,26,.88) 65%,rgba(7,16,26,.58) 100%),
      linear-gradient(0deg,#07101a 0%,transparent 45%)!important;
  }
}

/* ============================================================
   V9 — dual-side hero artwork + centered floating statistics
   ============================================================ */
.homepage-v2 .home-hero-v2{
  min-height:620px!important;
  position:relative;
  isolation:isolate;
  background:#07101a!important;
  overflow:hidden;
}

/* Right-side artwork (the existing hero image). */
.homepage-v2 .home-hero-v2 .market-hero-media{
  position:absolute!important;
  inset:0 0 0 64%!important;
  z-index:0!important;
  opacity:1!important;
  background-image:var(--home-hero-image)!important;
  background-position:var(--home-hero-position,right center)!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  filter:saturate(.96) contrast(1.03) brightness(.84)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.72) 22%,#000 55%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.72) 22%,#000 55%);
}

/* Optional second image configured from Admin -> Homepage -> Hero. */
.homepage-v2 .home-hero-v2 .market-hero-media-left{
  position:absolute;
  inset:0 64% 0 0;
  z-index:0;
  background-image:var(--home-hero-left-image)!important;
  background-position:var(--home-hero-left-position,left center)!important;
  background-size:cover;
  background-repeat:no-repeat;
  filter:saturate(.94) contrast(1.03) brightness(.82);
  -webkit-mask-image:linear-gradient(270deg,transparent 0%,rgba(0,0,0,.72) 22%,#000 55%);
  mask-image:linear-gradient(270deg,transparent 0%,rgba(0,0,0,.72) 22%,#000 55%);
}

/* A calm central reading area that blends both pieces of artwork. */
.homepage-v2 .home-hero-v2::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(ellipse 48% 88% at 50% 44%,rgba(7,16,26,.97) 0%,rgba(7,16,26,.90) 48%,rgba(7,16,26,var(--home-hero-overlay,.68)) 72%,transparent 100%),
    linear-gradient(90deg,rgba(7,16,26,.28),transparent 26%,transparent 74%,rgba(7,16,26,.28))!important;
}

.homepage-v2 .home-hero-v2 .market-hero-inner{
  position:relative;
  z-index:3;
  min-height:620px!important;
  max-width:1440px;
  padding:58px 32px 158px!important;
  display:flex;
  align-items:center;
  justify-content:center;
}
.homepage-v2 .home-hero-v2 .market-hero-copy{
  width:min(720px,58%)!important;
  max-width:720px;
  margin:0 auto;
  text-align:center;
}
.homepage-v2 .home-hero-v2 .hero-description,
.homepage-v2 .home-hero-v2 .hero-search{
  margin-left:auto;
  margin-right:auto;
}
.homepage-v2 .home-hero-v2 .hero-actions-inline,
.homepage-v2 .home-hero-v2 .hero-trust-row{
  justify-content:center;
}
.homepage-v2 .home-hero-v2 h1{
  font-size:clamp(42px,4.3vw,64px)!important;
}

/* Statistics now float as one centered group instead of sitting at a side. */
.homepage-v2 .home-hero-v2 .hero-metrics{
  position:absolute!important;
  z-index:5!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:26px!important;
  transform:translateX(-50%);
  width:min(820px,calc(100% - 48px));
  max-width:820px!important;
  max-height:none!important;
  display:grid!important;
  grid-template-columns:repeat(var(--hero-metric-count,3),minmax(0,1fr))!important;
  gap:12px!important;
  overflow:visible!important;
}
.homepage-v2 .home-hero-v2 .hero-metric{
  min-width:0!important;
  padding:16px 18px!important;
  text-align:center;
  background:rgba(8,15,25,.82)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:14px!important;
  box-shadow:0 16px 40px rgba(0,0,0,.30)!important;
  backdrop-filter:blur(14px);
}
.homepage-v2 .home-hero-v2 .hero-metric strong{font-size:22px!important}
.homepage-v2 .home-hero-v2 .hero-metric span{font-size:10px!important;text-transform:uppercase;letter-spacing:.07em}

@media(max-width:1100px){
  .homepage-v2 .home-hero-v2 .market-hero-media{inset:0 0 0 58%!important}
  .homepage-v2 .home-hero-v2 .market-hero-media-left{inset:0 58% 0 0}
  .homepage-v2 .home-hero-v2 .market-hero-copy{width:min(700px,68%)!important}
}

@media(max-width:820px){
  .homepage-v2 .home-hero-v2,
  .homepage-v2 .home-hero-v2 .market-hero-inner{min-height:680px!important}
  .homepage-v2 .home-hero-v2 .market-hero-inner{padding:42px 18px 190px!important;align-items:flex-start}
  .homepage-v2 .home-hero-v2 .market-hero-copy{width:100%!important;max-width:640px}
  .homepage-v2 .home-hero-v2 .market-hero-media,
  .homepage-v2 .home-hero-v2 .market-hero-media-left{
    inset:0!important;
    opacity:.30!important;
    -webkit-mask-image:none;
    mask-image:none;
  }
  .homepage-v2 .home-hero-v2 .market-hero-media-left{clip-path:inset(0 50% 0 0)}
  .homepage-v2 .home-hero-v2 .market-hero-media{clip-path:inset(0 0 0 50%)}
  .homepage-v2 .home-hero-v2::after{
    background:linear-gradient(180deg,rgba(7,16,26,.82),rgba(7,16,26,.97) 72%,#07101a)!important;
  }
  .homepage-v2 .home-hero-v2 .hero-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:calc(100% - 28px);
    bottom:18px!important;
  }
}

@media(max-width:520px){
  .homepage-v2 .home-hero-v2,
  .homepage-v2 .home-hero-v2 .market-hero-inner{min-height:735px!important}
  .homepage-v2 .home-hero-v2 .market-hero-inner{padding:34px 14px 214px!important}
  .homepage-v2 .home-hero-v2 h1{font-size:38px!important}
  .homepage-v2 .home-hero-v2 .hero-actions-inline{display:grid!important;grid-template-columns:1fr!important}
  .homepage-v2 .home-hero-v2 .hero-trust-row{display:grid;grid-template-columns:1fr 1fr;gap:10px!important}
  .homepage-v2 .home-hero-v2 .hero-metric{padding:12px 10px!important}
  .homepage-v2 .home-hero-v2 .hero-metric strong{font-size:18px!important}
}


/* ============================================================
   V9.1 — editable hero color + restored left-aligned copy
   ============================================================ */
.homepage-v2 .home-hero-v2{
  background:var(--home-hero-bg,#07101a)!important;
}

/* Keep both optional side artworks, but return the content to the
   familiar left-side composition used by the earlier homepage. */
.homepage-v2 .home-hero-v2 .market-hero-inner{
  justify-content:flex-start!important;
}
.homepage-v2 .home-hero-v2 .market-hero-copy{
  width:min(660px,54%)!important;
  max-width:660px!important;
  margin:0!important;
  text-align:left!important;
}
.homepage-v2 .home-hero-v2 .hero-description,
.homepage-v2 .home-hero-v2 .hero-search{
  margin-left:0!important;
  margin-right:0!important;
}
.homepage-v2 .home-hero-v2 .hero-actions-inline,
.homepage-v2 .home-hero-v2 .hero-trust-row{
  justify-content:flex-start!important;
}

/* Blend the admin-selected base color into both images. The darkness
   slider still controls how strongly the images are covered. */
.homepage-v2 .home-hero-v2::after{
  background:
    linear-gradient(90deg,
      var(--home-hero-bg,#07101a) 0%,
      var(--home-hero-bg,#07101a) 30%,
      color-mix(in srgb,var(--home-hero-bg,#07101a) var(--home-hero-overlay-pct,68%),transparent) 61%,
      transparent 82%),
    linear-gradient(0deg,var(--home-hero-bg,#07101a) 0%,transparent 34%)!important;
}

/* The optional left image remains visible as background decoration,
   while a soft color veil protects text contrast. */
.homepage-v2 .home-hero-v2 .market-hero-media-left{
  opacity:.58!important;
}

@supports not (background:color-mix(in srgb,#000 50%,transparent)){
  .homepage-v2 .home-hero-v2::after{
    background:
      linear-gradient(90deg,var(--home-hero-bg,#07101a) 0%,var(--home-hero-bg,#07101a) 42%,rgba(7,16,26,.76) 68%,transparent 86%),
      linear-gradient(0deg,var(--home-hero-bg,#07101a) 0%,transparent 34%)!important;
  }
}

@media(max-width:1100px){
  .homepage-v2 .home-hero-v2 .market-hero-copy{
    width:min(640px,62%)!important;
  }
}

@media(max-width:820px){
  .homepage-v2 .home-hero-v2 .market-hero-copy{
    width:100%!important;
    max-width:640px!important;
    text-align:left!important;
  }
  .homepage-v2 .home-hero-v2::after{
    background:linear-gradient(180deg,
      color-mix(in srgb,var(--home-hero-bg,#07101a) 82%,transparent),
      var(--home-hero-bg,#07101a) 74%,
      var(--home-hero-bg,#07101a))!important;
  }
}

/* ============================================================
   V10 — floating marketplace statistics + mobile hero polish
   ============================================================ */
.homepage-v2 .home-hero-v2 .hero-metric{
  --kb-stat-delay:0s;
  animation:kbHeroMetricFloat 4.2s ease-in-out var(--kb-stat-delay) infinite;
  will-change:transform;
}
.homepage-v2 .home-hero-v2 .hero-metric:nth-child(2){--kb-stat-delay:-1.15s}
.homepage-v2 .home-hero-v2 .hero-metric:nth-child(3){--kb-stat-delay:-2.3s}
.homepage-v2 .home-hero-v2 .hero-metric:nth-child(4){--kb-stat-delay:-3.15s}
@keyframes kbHeroMetricFloat{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-7px,0)}
}
.homepage-v2 .home-hero-v2 .hero-metric:hover{
  animation-play-state:paused;
  transform:translate3d(0,-6px,0) scale(1.02);
}

@media(max-width:820px){
  .homepage-v2 .home-hero-v2,
  .homepage-v2 .home-hero-v2 .market-hero-inner{min-height:640px!important}
  .homepage-v2 .home-hero-v2 .market-hero-inner{
    padding:34px 16px 142px!important;align-items:flex-start!important;
  }
  .homepage-v2 .home-hero-v2 .market-hero-copy{max-width:620px!important}
  .homepage-v2 .home-hero-v2 h1{font-size:clamp(36px,8vw,48px)!important;line-height:1.06}
  .homepage-v2 .home-hero-v2 .hero-description{font-size:15px;line-height:1.58}
  .homepage-v2 .home-hero-v2 .hero-metrics{
    width:calc(100% - 24px)!important;bottom:12px!important;
    grid-template-columns:repeat(var(--hero-metric-count,3),minmax(0,1fr))!important;
    gap:8px!important;
  }
  .homepage-v2 .home-hero-v2 .hero-metric{
    padding:13px 8px!important;animation:none;will-change:auto;
  }
  .homepage-v2 .home-hero-v2 .hero-metric:hover{transform:none}
  .homepage-v2 .home-hero-v2 .market-hero-media,
  .homepage-v2 .home-hero-v2 .market-hero-media-left{opacity:.24!important}
}

@media(max-width:560px){
  .homepage-v2 .home-hero-v2,
  .homepage-v2 .home-hero-v2 .market-hero-inner{min-height:650px!important}
  .homepage-v2 .home-hero-v2 .market-hero-inner{padding:28px 14px 136px!important}
  .homepage-v2 .home-hero-v2 h1{font-size:34px!important;letter-spacing:-.035em}
  .homepage-v2 .home-hero-v2 .hero-description{font-size:14px}
  .homepage-v2 .home-hero-v2 .hero-actions-inline{gap:9px!important;margin-top:22px!important}
  .homepage-v2 .home-hero-v2 .hero-actions-inline a{min-height:46px!important}
  .homepage-v2 .home-hero-v2 .hero-trust-row{
    display:flex!important;flex-wrap:wrap;grid-template-columns:none!important;gap:8px 12px!important;
    margin-top:18px!important;font-size:10px!important;
  }
  .homepage-v2 .home-hero-v2 .hero-metrics{
    width:calc(100% - 20px)!important;bottom:10px!important;gap:0!important;padding:4px!important;
    background:rgba(8,15,25,.86);border:1px solid rgba(255,255,255,.12);border-radius:15px;
    box-shadow:0 16px 42px rgba(0,0,0,.34);backdrop-filter:blur(14px);
  }
  .homepage-v2 .home-hero-v2 .hero-metric{
    padding:10px 4px!important;background:transparent!important;border:0!important;border-radius:0!important;
    box-shadow:none!important;backdrop-filter:none;text-align:center;
  }
  .homepage-v2 .home-hero-v2 .hero-metric+.hero-metric{border-left:1px solid rgba(255,255,255,.10)!important}
  .homepage-v2 .home-hero-v2 .hero-metric strong{font-size:17px!important;line-height:1.1}
  .homepage-v2 .home-hero-v2 .hero-metric span{
    display:block;margin-top:4px;font-size:8px!important;line-height:1.25;letter-spacing:.035em!important;
    white-space:normal;
  }
}

@media(max-width:380px){
  .homepage-v2 .home-hero-v2 h1{font-size:31px!important}
  .homepage-v2 .home-hero-v2 .hero-metric strong{font-size:15px!important}
  .homepage-v2 .home-hero-v2 .hero-metric span{font-size:7.5px!important}
}

@media(prefers-reduced-motion:reduce){
  .homepage-v2 .home-hero-v2 .hero-metric{animation:none!important;transition:none!important;will-change:auto}
}

/* ============================================================
   V11 — admin-managed right-side hero image slider
   ============================================================ */
.homepage-v2 .home-hero-v2 .market-hero-slider{
  position:absolute;
  inset:0 0 0 56%;
  overflow:hidden;
  isolation:auto;
  pointer-events:auto;
}
.homepage-v2 .home-hero-v2 .hero-slider-track{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.78) 18%,#000 44%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.78) 18%,#000 44%);
}
.homepage-v2 .home-hero-v2 .hero-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  overflow:hidden;
  pointer-events:none;
  transition:opacity .68s ease,transform .68s cubic-bezier(.22,.61,.36,1),visibility 0s linear .68s;
  will-change:opacity,transform;
}
.homepage-v2 .home-hero-v2 .hero-slide.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition-delay:0s;
}
.homepage-v2 .home-hero-v2 .hero-slide-link{
  position:absolute;
  inset:0;
  display:block;
}
.homepage-v2 .home-hero-v2 .hero-slide img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.96) contrast(1.03) brightness(.86);
  transform:scale(1.012);
  transition:transform 7s ease;
  user-select:none;
  -webkit-user-drag:none;
}
.homepage-v2 .home-hero-v2 .hero-slide.is-active img{transform:scale(1.045)}

.homepage-v2 .home-hero-v2 .hero-slider-transition-fade .hero-slide{transform:translate3d(0,0,0)}
.homepage-v2 .home-hero-v2 .hero-slider-transition-slide .hero-slide{transform:translate3d(100%,0,0)}
.homepage-v2 .home-hero-v2 .hero-slider-transition-slide .hero-slide.is-active{transform:translate3d(0,0,0)}
.homepage-v2 .home-hero-v2 .hero-slider-transition-slide .hero-slide.is-enter-left{transform:translate3d(-100%,0,0)}
.homepage-v2 .home-hero-v2 .hero-slider-transition-slide .hero-slide.is-enter-right{transform:translate3d(100%,0,0)}
.homepage-v2 .home-hero-v2 .hero-slider-transition-slide .hero-slide.is-exit-left{transform:translate3d(-100%,0,0);opacity:0}
.homepage-v2 .home-hero-v2 .hero-slider-transition-slide .hero-slide.is-exit-right{transform:translate3d(100%,0,0);opacity:0}

.homepage-v2 .home-hero-v2 .hero-slider-arrow{
  position:absolute;
  z-index:4;
  top:50%;
  width:40px;
  height:40px;
  margin-top:-20px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  background:rgba(6,11,18,.66);
  color:#fff;
  font:inherit;
  line-height:0;
  padding:0;
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow:0 12px 30px rgba(0,0,0,.28);
  backdrop-filter:blur(10px);
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}

.homepage-v2 .home-hero-v2 .hero-slider-arrow>span{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:0;
}
.homepage-v2 .home-hero-v2 .hero-slider-arrow svg{display:block;margin:auto}
.homepage-v2 .home-hero-v2 .hero-slider-prev svg{transform:rotate(180deg)}

.homepage-v2 .home-hero-v2 .hero-slider-arrow:hover,
.homepage-v2 .home-hero-v2 .hero-slider-arrow:focus-visible{
  background:rgba(243,189,69,.92);
  border-color:var(--gold);
  color:#171105;
  transform:scale(1.06);
  outline:none;
}
.homepage-v2 .home-hero-v2 .hero-slider-prev{left:26px}
.homepage-v2 .home-hero-v2 .hero-slider-next{right:20px}
.homepage-v2 .home-hero-v2 .hero-slider-dots{
  position:absolute;
  z-index:4;
  top:24px;
  right:24px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  background:rgba(6,11,18,.58);
  backdrop-filter:blur(10px);
}
.homepage-v2 .home-hero-v2 .hero-slider-dot{
  width:8px;
  height:8px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.46);
  cursor:pointer;
  transition:width .22s ease,background .22s ease,transform .22s ease;
}
.homepage-v2 .home-hero-v2 .hero-slider-dot.is-active{width:24px;background:var(--gold)}
.homepage-v2 .home-hero-v2 .hero-slider-dot:focus-visible{outline:2px solid #fff;outline-offset:3px}
.homepage-v2 .home-hero-v2 .hero-slider-progress{
  position:absolute;
  z-index:4;
  top:0;
  left:0;
  right:0;
  height:3px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
}
.homepage-v2 .home-hero-v2 .hero-slider-progress i{
  display:block;
  width:100%;
  height:100%;
  background:linear-gradient(90deg,var(--gold),#fff0a8);
  transform-origin:left center;
  transform:scaleX(0);
}
@keyframes kbHeroSliderProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.homepage-v2 .home-hero-v2 .market-hero-slider.is-static .hero-slider-arrow,
.homepage-v2 .home-hero-v2 .market-hero-slider.is-static .hero-slider-dots,
.homepage-v2 .home-hero-v2 .market-hero-slider.is-static .hero-slider-progress{display:none!important}

@media(max-width:1100px){
  .homepage-v2 .home-hero-v2 .market-hero-slider{inset:0 0 0 52%}
  .homepage-v2 .home-hero-v2 .hero-slider-track{
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.82) 16%,#000 40%);
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.82) 16%,#000 40%);
  }
}

@media(max-width:820px){
  .homepage-v2 .home-hero-v2 .market-hero-slider{
    inset:0!important;
    opacity:.34;
  }
  .homepage-v2 .home-hero-v2 .hero-slider-track{
    -webkit-mask-image:none;
    mask-image:none;
  }
  .homepage-v2 .home-hero-v2 .hero-slide img{
    filter:saturate(.92) contrast(1.02) brightness(.72);
  }
  .homepage-v2 .home-hero-v2 .hero-slider-arrow{display:none}
  .homepage-v2 .home-hero-v2 .hero-slider-dots{
    top:14px;
    right:14px;
    padding:6px 8px;
  }
}

@media(max-width:560px){
  .homepage-v2 .home-hero-v2 .market-hero-slider{opacity:.28}
  .homepage-v2 .home-hero-v2 .hero-slider-dots{top:10px;right:10px;gap:5px}
  .homepage-v2 .home-hero-v2 .hero-slider-dot{width:7px;height:7px}
  .homepage-v2 .home-hero-v2 .hero-slider-dot.is-active{width:18px}
}

@media(prefers-reduced-motion:reduce){
  .homepage-v2 .home-hero-v2 .hero-slide,
  .homepage-v2 .home-hero-v2 .hero-slide img,
  .homepage-v2 .home-hero-v2 .hero-slider-arrow,
  .homepage-v2 .home-hero-v2 .hero-slider-dot{transition:none!important;animation:none!important}
  .homepage-v2 .home-hero-v2 .hero-slide img{transform:none!important}
  .homepage-v2 .home-hero-v2 .hero-slider-progress{display:none!important}
}

/* ============================================================
   V13 — admin desktop columns + separate mobile slider darkness
   ============================================================ */
/* Admin-selected homepage columns apply on every non-phone layout.
   The earlier 1121px threshold allowed the base 4/3-column rules to win
   on common laptops and tablets, making the admin control look broken. */
@media (min-width:821px){
  .homepage-v2 .homepage-category-strip.home-grid-custom,
  .homepage-v2 .home-featured-grid.home-grid-custom{
    display:grid!important;
    grid-template-columns:repeat(var(--home-desktop-columns,4),minmax(0,1fr))!important;
    overflow:visible!important;
  }
  .homepage-v2 .homepage-category-strip.home-grid-custom .homepage-category-tile{
    min-width:0!important;
  }
}

/* Phones use a readable responsive grid regardless of the desktop value. */
@media (max-width:820px){
  .homepage-v2 .homepage-category-strip.home-grid-custom,
  .homepage-v2 .home-featured-grid.home-grid-custom{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    overflow:visible!important;
  }
}
@media (max-width:430px){
  .homepage-v2 .home-featured-grid.home-grid-custom{
    grid-template-columns:1fr!important;
  }
}

.homepage-v2 .home-hero-v2 .market-hero-slider::after{display:none}
@media (max-width:820px){
  .homepage-v2 .home-hero-v2 .market-hero-slider{
    opacity:1!important;
  }
  .homepage-v2 .home-hero-v2 .market-hero-slider::after{
    content:"";
    display:block;
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:var(--home-hero-bg,#07101a);
    opacity:var(--home-hero-slider-mobile-overlay,.72);
  }
  .homepage-v2 .home-hero-v2 .hero-slide img{
    filter:saturate(.94) contrast(1.02) brightness(.88)!important;
  }
}
@media (max-width:560px){
  .homepage-v2 .home-hero-v2 .market-hero-slider{opacity:1!important}
}

/* ============================================================
   V22 — reliable mobile slider shade + compact mobile hero flow
   ============================================================ */
.homepage-v2 .home-hero-v2 .hero-slider-mobile-shade{
  display:none;
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
}

@media (max-width:820px){
  /* Use a real element with an inline Admin value. This avoids the
     old fixed mobile gradients overpowering the darkness control. */
  .homepage-v2 .home-hero-v2 .market-hero-slider::after{display:none!important}
  .homepage-v2 .home-hero-v2 .hero-slider-mobile-shade{display:block}
  .homepage-v2 .home-hero-v2::after{
    background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.10) 56%,rgba(0,0,0,.30) 100%)!important;
  }

  /* Let content determine the mobile hero height. Statistics now follow
     the buttons and trust text in normal flow, eliminating the large gap. */
  .homepage-v2 .home-hero-v2,
  .homepage-v2 .home-hero-v2 .market-hero-inner{
    min-height:0!important;
    height:auto!important;
  }
  .homepage-v2 .home-hero-v2 .market-hero-inner{
    padding:28px 16px 8px!important;
    align-items:flex-start!important;
  }
  .homepage-v2 .home-hero-v2 .hero-actions-inline{
    margin-top:20px!important;
  }
  .homepage-v2 .home-hero-v2 .hero-trust-row{
    margin-top:14px!important;
    margin-bottom:0!important;
  }
  .homepage-v2 .home-hero-v2 .hero-metrics{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:calc(100% - 24px)!important;
    max-width:none!important;
    margin:12px auto 16px!important;
  }
}

@media (max-width:560px){
  .homepage-v2 .home-hero-v2 .market-hero-inner{
    padding:24px 14px 6px!important;
  }
  .homepage-v2 .home-hero-v2 .hero-actions-inline{
    margin-top:18px!important;
  }
  .homepage-v2 .home-hero-v2 .hero-trust-row{
    margin-top:12px!important;
  }
  .homepage-v2 .home-hero-v2 .hero-metrics{
    width:calc(100% - 20px)!important;
    margin:10px auto 14px!important;
  }
}

/* ============================================================
   V24.14 — premium homepage game-card motion
   Behavior-only enhancement: existing card layout and styling stay intact.
   ============================================================ */
.homepage-v2 .homepage-category-strip.home-grid-popular.kb-home-game-motion{
  perspective:1200px;
}
.homepage-v2 .homepage-category-strip.home-grid-popular.kb-home-game-motion .homepage-category-tile{
  --kb-game-delay:0ms;
  --kb-game-tilt-x:0deg;
  --kb-game-tilt-y:0deg;
  --kb-game-glow-x:50%;
  --kb-game-glow-y:50%;
  position:relative;
  isolation:isolate;
  will-change:transform,opacity,filter;
  opacity:0;
  filter:blur(3px);
  transform:perspective(900px) translate3d(0,24px,0) scale(.97);
  transform-origin:center bottom;
  transition:
    opacity .62s cubic-bezier(.22,.76,.24,1) var(--kb-game-delay),
    filter .62s cubic-bezier(.22,.76,.24,1) var(--kb-game-delay),
    transform .62s cubic-bezier(.22,.76,.24,1) var(--kb-game-delay),
    border-color .28s ease,
    box-shadow .32s ease,
    background-color .28s ease;
}
.homepage-v2 .homepage-category-strip.home-grid-popular.kb-home-game-motion .homepage-category-tile.is-game-motion-visible{
  opacity:1;
  filter:none;
  transform:perspective(900px) translate3d(0,0,0) scale(1);
}
.homepage-v2 .homepage-category-strip.home-grid-popular.kb-home-game-motion .homepage-category-tile::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:4;
  pointer-events:none;
  border-radius:inherit;
  opacity:0;
  background:radial-gradient(circle at var(--kb-game-glow-x) var(--kb-game-glow-y),rgba(255,255,255,.16),transparent 34%);
  transition:opacity .28s ease;
}
.homepage-v2 .homepage-category-strip.home-grid-popular.kb-home-game-motion .homepage-category-tile::after{
  content:"";
  position:absolute;
  top:-35%;
  bottom:-35%;
  left:-62%;
  width:42%;
  z-index:5;
  pointer-events:none;
  opacity:0;
  transform:skewX(-18deg) translateX(-25%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);
}
.homepage-v2 .homepage-category-strip.home-grid-popular.kb-home-game-motion .game-tile-media{
  transform:translateZ(0);
}
.homepage-v2 .homepage-category-strip.home-grid-popular.kb-home-game-motion .game-tile-media img{
  transform:scale(1.001);
  transition:transform .72s cubic-bezier(.2,.72,.2,1),filter .42s ease;
  will-change:transform;
}
.homepage-v2 .homepage-category-strip.home-grid-popular.kb-home-game-motion .game-tile-media::after{
  transition:opacity .35s ease,background .35s ease;
}
.homepage-v2 .homepage-category-strip.home-grid-popular.kb-home-game-motion .game-tile-content{
  position:relative;
  z-index:2;
  transition:transform .36s cubic-bezier(.2,.72,.2,1);
}
.homepage-v2 .homepage-category-strip.home-grid-popular.kb-home-game-motion .game-tile-title{
  transition:color .25s ease,letter-spacing .32s ease;
}
@media (hover:hover) and (pointer:fine){
  .homepage-v2 .homepage-category-strip.home-grid-popular.kb-home-game-motion .homepage-category-tile.is-game-motion-visible:hover,
  .homepage-v2 .homepage-category-strip.home-grid-popular.kb-home-game-motion .homepage-category-tile.is-game-motion-visible:focus-visible{
    z-index:6;
    border-color:color-mix(in srgb,var(--gold) 58%,var(--border2));
    box-shadow:0 20px 42px rgba(0,0,0,.30),0 0 0 1px color-mix(in srgb,var(--gold) 18%,transparent);
    transform:perspective(900px) translate3d(0,-7px,0) rotateX(var(--kb-game-tilt-x)) rotateY(var(--kb-game-tilt-y)) scale(1.012);
  }
  .homepage-v2 .homepage-category-strip.home-grid-popular.kb-home-game-motion .homepage-category-tile:hover::before,
  .homepage-v2 .homepage-category-strip.home-grid-popular.kb-home-game-motion .homepage-category-tile:focus-visible::before{opacity:1}
  .homepage-v2 .homepage-category-strip.home-grid-popular.kb-home-game-motion .homepage-category-tile:hover::after,
  .homepage-v2 .homepage-category-strip.home-grid-popular.kb-home-game-motion .homepage-category-tile:focus-visible::after{
    opacity:1;
    animation:kbHomeGameLightSweep .82s cubic-bezier(.2,.72,.2,1) both;
  }
  .homepage-v2 .homepage-category-strip.home-grid-popular.kb-home-game-motion .homepage-category-tile:hover .game-tile-media img,
  .homepage-v2 .homepage-category-strip.home-grid-popular.kb-home-game-motion .homepage-category-tile:focus-visible .game-tile-media img{
    transform:scale(1.085);
    filter:saturate(1.02) brightness(.92) contrast(1.04);
  }
  .homepage-v2 .homepage-category-strip.home-grid-popular.kb-home-game-motion .homepage-category-tile:hover .game-tile-media::after,
  .homepage-v2 .homepage-category-strip.home-grid-popular.kb-home-game-motion .homepage-category-tile:focus-visible .game-tile-media::after{
    background:linear-gradient(0deg,rgba(8,11,15,.92),rgba(8,11,15,.08) 72%);
  }
  .homepage-v2 .homepage-category-strip.home-grid-popular.kb-home-game-motion .homepage-category-tile:hover .game-tile-content,
  .homepage-v2 .homepage-category-strip.home-grid-popular.kb-home-game-motion .homepage-category-tile:focus-visible .game-tile-content{transform:translateY(-2px)}
  .homepage-v2 .homepage-category-strip.home-grid-popular.kb-home-game-motion .homepage-category-tile:hover .game-tile-title,
  .homepage-v2 .homepage-category-strip.home-grid-popular.kb-home-game-motion .homepage-category-tile:focus-visible .game-tile-title{color:var(--text);letter-spacing:.015em}
}
@keyframes kbHomeGameLightSweep{
  0%{left:-62%;opacity:0}
  18%{opacity:.75}
  100%{left:128%;opacity:0}
}
@media(max-width:820px){
  .homepage-v2 .homepage-category-strip.home-grid-popular.kb-home-game-motion .homepage-category-tile{
    filter:none;
    transform:translate3d(0,14px,0) scale(.985);
    transition-duration:.48s;
  }
  .homepage-v2 .homepage-category-strip.home-grid-popular.kb-home-game-motion .homepage-category-tile.is-game-motion-visible{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .homepage-v2 .homepage-category-strip.home-grid-popular.kb-home-game-motion .homepage-category-tile,
  .homepage-v2 .homepage-category-strip.home-grid-popular.kb-home-game-motion .game-tile-media img,
  .homepage-v2 .homepage-category-strip.home-grid-popular.kb-home-game-motion .game-tile-content{
    opacity:1!important;
    filter:none!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
  }
  .homepage-v2 .homepage-category-strip.home-grid-popular.kb-home-game-motion .homepage-category-tile::before,
  .homepage-v2 .homepage-category-strip.home-grid-popular.kb-home-game-motion .homepage-category-tile::after{display:none!important}
}

/* ============================================================
   V24.43 — homepage body sections: ambient rain + refreshed
   "Popular games" / "Boosting requests" / CTA blocks.
   Uses the same rain animation as the Games and Services pages
   (markup comes from the shared includes/rain.php partial).
   ============================================================ */

/* Rain styles now live in assets/css/rain.css (global). */
/* --- Section headings: turn the bare text link into a real control --- */
.homepage-v2 .home-section-heading{align-items:flex-end;gap:20px;margin-bottom:18px}
.homepage-v2 .home-section-heading h2{font-size:20px;font-weight:800;letter-spacing:-.025em}
.homepage-v2 .home-section-heading p{font-size:12.5px;margin-top:6px;color:var(--text3)}
.homepage-v2 .home-section-heading>a{
  display:inline-flex;align-items:center;gap:6px;flex-shrink:0;
  padding:8px 14px;border:1px solid var(--border2);border-radius:8px;
  background:rgba(255,255,255,.02);
  color:var(--text2);font-size:12px;font-weight:700;text-decoration:none;
  transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease;
}
.homepage-v2 .home-section-heading>a::after{content:"→";font-size:12px;line-height:1;transition:transform .18s ease}
.homepage-v2 .home-section-heading>a:hover{
  color:var(--gold);border-color:color-mix(in srgb,var(--gold) 45%,transparent);
  background:color-mix(in srgb,var(--gold) 9%,transparent);transform:translateY(-1px);
}
.homepage-v2 .home-section-heading>a:hover::after{transform:translateX(3px)}

/* --- Popular games tiles: depth, hover lift, readable caption --- */
.homepage-v2 .homepage-category-tile{
  border-radius:12px;overflow:hidden;
  border:1px solid var(--border2);background:var(--bg2,#1e2235);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.homepage-v2 .homepage-category-tile:hover{
  transform:translateY(-4px);
  border-color:color-mix(in srgb,var(--gold) 42%,transparent);
  box-shadow:0 14px 34px rgba(0,0,0,.45);
}
.homepage-v2 .homepage-category-tile .game-tile-media{position:relative;overflow:hidden}
.homepage-v2 .homepage-category-tile .game-tile-media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(6,10,18,.72));
  opacity:.85;transition:opacity .2s ease;
}
.homepage-v2 .homepage-category-tile:hover .game-tile-media::after{opacity:.6}
.homepage-v2 .homepage-category-tile .game-tile-media img{
  transition:transform .35s ease;
}
.homepage-v2 .homepage-category-tile:hover .game-tile-media img{transform:scale(1.06)}
.homepage-v2 .homepage-category-tile .game-tile-content{padding:12px 14px}
.homepage-v2 .homepage-category-tile .game-tile-title{font-size:13.5px;font-weight:750}
.homepage-v2 .homepage-category-tile .game-tile-count{font-size:11px;color:var(--text3);margin-top:3px}
.homepage-v2 .home-category-badge{
  position:absolute;top:9px;left:9px;z-index:2;
  padding:4px 9px;border-radius:999px;
  background:color-mix(in srgb,var(--gold) 88%,transparent);color:#10151b;
  font-size:9.5px;font-weight:850;letter-spacing:.03em;text-transform:uppercase;
}

/* --- Boosting cards: fill the row, add hover, add a CTA tile --- */
.homepage-v2 .boost-grid{grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:14px}
.homepage-v2 .boost-card{
  border-radius:12px;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.homepage-v2 .boost-card:hover{
  transform:translateY(-3px);
  border-color:color-mix(in srgb,var(--gold) 38%,transparent);
  box-shadow:0 12px 30px rgba(0,0,0,.4);
}
.homepage-v2 .boost-card .boost-game{
  font-size:9.5px;font-weight:850;letter-spacing:.09em;text-transform:uppercase;color:var(--text3);
}
.homepage-v2 .boost-card h3{font-size:15px;font-weight:800}
.homepage-v2 .boost-card-footer a{transition:background .18s ease,transform .18s ease}
.homepage-v2 .boost-card-footer a:hover{background:color-mix(in srgb,var(--gold) 15%,transparent)}
/* The trailing "start your own request" tile — keeps the row from
   ending in dead space when only one or two presets exist. */
.homepage-v2 .boost-card-cta{
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  gap:8px;min-height:180px;padding:20px 18px;text-decoration:none;
  border:1px dashed color-mix(in srgb,var(--gold) 38%,var(--border2));
  border-radius:12px;background:rgba(255,255,255,.015);
}
.homepage-v2 .boost-card-cta::after{content:none}
.homepage-v2 .boost-card-cta:hover{
  background:color-mix(in srgb,var(--gold) 7%,transparent);
  border-style:solid;
}
.homepage-v2 .boost-cta-mark{
  width:34px;height:34px;border-radius:10px;display:grid;place-items:center;
  background:color-mix(in srgb,var(--gold) 14%,transparent);
  color:var(--gold);font-size:19px;font-weight:800;line-height:1;
}
.homepage-v2 .boost-card-cta h3{margin:2px 0 0;font-size:15px;font-weight:800;color:var(--text)}
.homepage-v2 .boost-card-cta p{max-width:none;margin:0;color:var(--text3);font-size:11.5px;line-height:1.6}
.homepage-v2 .boost-cta-action{
  display:inline-flex;align-items:center;gap:6px;margin-top:4px;
  color:var(--gold);font-size:11.5px;font-weight:800;
}
.homepage-v2 .boost-card-cta:hover .boost-cta-action svg{transform:translateX(3px)}
.homepage-v2 .boost-cta-action svg{transition:transform .18s ease}

/* --- Closing CTA panel --- */
.homepage-v2 .home-cta-v2{
  position:relative;overflow:hidden;border-radius:14px;
  border:1px solid color-mix(in srgb,var(--gold) 20%,var(--border2));
  background:
    radial-gradient(760px 220px at 88% 0%,color-mix(in srgb,var(--gold) 13%,transparent),transparent 70%),
    radial-gradient(620px 220px at 6% 100%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 72%),
    rgba(16,21,27,.9);
  padding:34px 32px;
}
.homepage-v2 .home-cta-v2 h2{font-size:24px;font-weight:850;letter-spacing:-.03em}
.homepage-v2 .home-cta-v2 p{font-size:13px;margin-top:9px}
.homepage-v2 .home-cta-actions a{padding:12px 20px;font-size:12.5px;font-weight:750;border-radius:9px;transition:transform .18s ease,box-shadow .18s ease}
.homepage-v2 .home-cta-actions a:hover{transform:translateY(-2px)}
.homepage-v2 .home-cta-actions .btn-gold:hover{box-shadow:0 10px 26px color-mix(in srgb,var(--gold) 34%,transparent)}

@media(max-width:720px){
  .homepage-v2 .home-section-heading{align-items:flex-start;flex-direction:column;gap:12px}
  .homepage-v2 .home-section-heading>a{padding:7px 12px;font-size:11.5px}
  .homepage-v2 .boost-grid{grid-template-columns:1fr}
  .homepage-v2 .home-cta-v2{padding:24px 20px}
  .homepage-v2 .home-cta-v2 h2{font-size:20px}
}

/* ============================================================
   V24.46 — align every homepage body section with the hero.
   The hero's inner container is 1440px wide with 32px side
   padding, but the sections below used the shared .container
   (1240px / 20px padding), so everything under the hero sat
   ~100px narrower and visibly indented against it.
   ============================================================ */
.homepage-v2 .home-section .container.home-section-content{
  max-width:1440px;
  padding-left:32px;
  padding-right:32px;
}
@media(max-width:700px){
  .homepage-v2 .home-section .container.home-section-content{
    padding-left:18px;
    padding-right:18px;
  }
}

/* --- Featured account cards --------------------------------
   The column count is now capped to the number of listings in
   PHP, so two listings render as two properly sized cards
   instead of two slivers in a six-column grid. These rules stop
   the card internals colliding at narrow widths. */
.homepage-v2 .home-featured-grid .mc5-foot{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;flex-wrap:wrap;min-width:0;
}
.homepage-v2 .home-featured-grid .mc5-seller{min-width:0;flex:1 1 auto}
.homepage-v2 .home-featured-grid .mc5-seller-copy{min-width:0}
.homepage-v2 .home-featured-grid .mc5-seller-name{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.homepage-v2 .home-featured-grid .mc5-pricebox{
  flex:0 0 auto;text-align:right;min-width:0;
}
.homepage-v2 .home-featured-grid .mc5-price{white-space:nowrap}
/* Track width comes from PHP: '1fr' when there are enough listings to
   fill the configured columns, or a fixed card width when there are
   fewer — otherwise two listings would sit stranded at the left edge of
   two enormous half-width tracks. */
.homepage-v2 .home-featured-grid.home-grid-custom{
  justify-content:start;
}
@media (min-width:821px){
  .homepage-v2 .home-featured-grid.home-grid-custom{
    grid-template-columns:repeat(var(--home-desktop-columns,4),minmax(0,var(--home-track,1fr)))!important;
  }
}


/* ============================================================
   V24.47 — "Trade with confidence" panel rebuilt.
   The old grid hard-coded FIVE columns (1.15fr 1.15fr + 3x.7fr)
   but only four cells render when listing counts are hidden, so
   the final cell stretched across two tracks and the row looked
   lopsided. Flex adapts to whatever number of cells is present.
   ============================================================ */
.homepage-v2 .home-trust-panel-v2{
  display:flex!important;
  flex-wrap:wrap;
  grid-template-columns:none!important;
  border-radius:14px;
  border:1px solid var(--border2);
  overflow:hidden;
}
.homepage-v2 .home-trust-panel-v2 .trust-cell{
  flex:1 1 240px;
  min-width:0;
  min-height:118px;
  padding:22px 24px;
  border-right:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.homepage-v2 .home-trust-panel-v2 .trust-cell.metric{
  flex:0 1 200px;
  background:rgba(255,255,255,.014);
}
.homepage-v2 .home-trust-panel-v2 .trust-cell h3{
  font-size:13.5px;font-weight:800;letter-spacing:-.01em;color:var(--text);
}
.homepage-v2 .home-trust-panel-v2 .trust-cell p{
  font-size:11.5px;line-height:1.6;margin-top:7px;color:var(--text3);
}
.homepage-v2 .home-trust-panel-v2 .trust-cell.metric strong{
  font-size:26px;font-weight:850;letter-spacing:-.03em;
  background:linear-gradient(135deg,var(--gold),var(--accent));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.homepage-v2 .home-trust-panel-v2 .trust-cell.metric span{
  font-size:11px;color:var(--text3);margin-top:5px;
}
@media(max-width:820px){
  .homepage-v2 .home-trust-panel-v2 .trust-cell{flex:1 1 100%;min-height:0;padding:18px 20px}
  .homepage-v2 .home-trust-panel-v2 .trust-cell.metric{flex:1 1 50%}
}

/* ============================================================
   V24.48 — trust panel as an even grid, and a hard guarantee
   that featured cards sit next to each other.
   Appended last so these win over the earlier blocks above.
   ============================================================ */

/* --- "Trade with confidence" -------------------------------
   Flex let the two text cells grow while the metric cells were
   capped, so the last cell sprawled and the row looked lopsided.
   An auto-fit grid gives every cell the same width regardless of
   how many render. */
.homepage-v2 .home-trust-panel-v2{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;
  align-items:stretch;
}
.homepage-v2 .home-trust-panel-v2 .trust-cell{
  flex:none!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:130px;
  padding:24px 26px;
  border-bottom:0;
  border-right:1px solid var(--border);
  transition:background .18s ease;
}
.homepage-v2 .home-trust-panel-v2 .trust-cell:last-child{border-right:0}
.homepage-v2 .home-trust-panel-v2 .trust-cell:hover{background:rgba(255,255,255,.022)}
.homepage-v2 .home-trust-panel-v2 .trust-cell.metric{
  align-items:center;
  text-align:center;
  background:rgba(255,255,255,.022);
}
@media(max-width:820px){
  .homepage-v2 .home-trust-panel-v2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .homepage-v2 .home-trust-panel-v2 .trust-cell{min-height:0;padding:18px 20px;border-bottom:1px solid var(--border)}
  .homepage-v2 .home-trust-panel-v2 .trust-cell:nth-child(2n){border-right:0}
}
@media(max-width:520px){
  .homepage-v2 .home-trust-panel-v2{grid-template-columns:1fr!important}
  .homepage-v2 .home-trust-panel-v2 .trust-cell{border-right:0}
}

/* --- Featured accounts: cards always adjacent ---------------
   Fixed-size auto-fill tracks. Whatever the configured column
   count is, cards pack from the left at a consistent width and
   can never be stranded at opposite ends of huge tracks. */
@media(min-width:821px){
  .homepage-v2 .home-featured-grid.home-grid-custom,
  .homepage-v2 .home-featured-grid{
    grid-template-columns:repeat(auto-fill,minmax(232px,268px))!important;
    justify-content:start!important;
    gap:16px!important;
  }
}