/* ErosBalkan homepage — final desktop/laptop lock.
 * Intentionally starts at 901px. Mobile/tablet-phone presentation is untouched.
 */
@media(min-width:901px){
  html,body.home{max-width:100%;overflow-x:clip}

  /* Never let mobile-only homepage layers leak into desktop. */
  .home .eb-mobile-home-stage,
  .home .eb-mobile-ref-shortcuts,
  .home .eb-mobile-online-now,
  .home .eb-mobile-events-featured,
  .home .eb-mobile-step3,
  .home .eb-mobile-home-dashboard,
  .home .eb-mobile-hero-hub,
  .home .eb-mobile-home-primary-actions,
  .home .eb-mobile-home-quick4,
  .home .eb-mobile-home-mini-stats,
  .home .eb-mobile-home-script{display:none!important}

  /* Logged-in desktop header: keep logo, main nav and account controls stable. */
  body.home.logged-in .eb-header{
    overflow:visible!important;
    z-index:5000;
    border-bottom-color:#32202e;
    background:rgba(7,5,10,.97);
    box-shadow:0 10px 34px #0007;
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px)
  }
  body.home.logged-in .eb-header .eb-header-inner{
    min-width:0;
    overflow:visible;
    align-items:center
  }
  body.home.logged-in .eb-header #eb-nav{
    min-width:0;
    overflow:visible
  }
  body.home.logged-in .eb-header #eb-nav>ul{
    min-width:0;
    align-items:center
  }
  body.home.logged-in .eb-header #eb-nav>ul>li>a{
    position:relative;
    line-height:1.2
  }
  body.home.logged-in .eb-header .eb-header-actions{
    position:relative;
    z-index:4;
    min-width:max-content
  }
  body.home.logged-in .eb-account,
  body.home.logged-in .eb-language{position:relative;z-index:20}
  body.home.logged-in .eb-account>summary{
    max-width:160px;
    overflow:hidden;
    text-overflow:ellipsis
  }
  body.home.logged-in .eb-account>div,
  body.home.logged-in .eb-language-menu{
    z-index:6000!important
  }

  /* Hero has one stable desktop coordinate system. */
  .home .eb-hero-v3{
    position:relative;
    height:520px;
    min-height:520px;
    max-height:none;
    overflow:hidden;
    isolation:isolate
  }
  .home .eb-hero-v3 .eb-hero-inner{
    position:relative;
    z-index:3;
    width:min(1240px,calc(100% - 48px));
    height:100%;
    min-width:0;
    margin:0 auto;
    padding:42px 0 30px;
    align-items:center
  }
  .home .eb-hero-v3 .eb-hero-copy{
    min-width:0;
    max-width:610px
  }
  .home .eb-hero-v3 h1{
    max-width:100%;
    text-wrap:balance
  }
  .home .eb-hero-v3 h2,
  .home .eb-hero-v3 .eb-intro{
    max-width:560px
  }
  .home .eb-hero-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center
  }
  .home .eb-hero-values{
    width:100%;
    max-width:680px
  }
  .home .eb-hero-side{
    min-width:0;
    overflow:visible
  }
  .home .eb-hero-video-bg,
  .home .eb-hero-art{pointer-events:none}

  /* Shared desktop content width. */
  .home .eb-home-v3,
  .home .eb-mobile-vip-featured{
    width:min(1240px,calc(100% - 48px));
    min-width:0;
    margin-left:auto;
    margin-right:auto
  }

  /* VIP highlighted profiles remain a real desktop feature, not a mobile remnant. */
  .home .eb-mobile-vip-featured{
    display:block!important;
    margin-top:20px;
    margin-bottom:22px
  }
  .home .eb-mobile-vip-track{
    min-width:0
  }
  .home .eb-mobile-vip-card{
    min-width:0
  }

  /* Prevent stats/shortcut cards from stretching or crushing text. */
  .home .eb-home-kpis,
  .home .eb-home-shortcuts,
  .home .eb-features,
  .home .eb-member-grid{
    min-width:0
  }
  .home .eb-home-kpis>*,
  .home .eb-home-shortcuts>*,
  .home .eb-features>*,
  .home .eb-member-grid>*{
    min-width:0
  }
  .home .eb-home-kpis{
    margin-top:20px;
    margin-bottom:18px
  }
  .home .eb-home-shortcut{
    overflow:hidden
  }
  .home .eb-home-shortcut strong,
  .home .eb-home-shortcut small{
    max-width:100%;
    overflow-wrap:anywhere
  }

  /* Consistent section rhythm on desktop. */
  .home .eb-live-chat-cta,
  .home .eb-events-home,
  .home .eb-features,
  .home .eb-members,
  .home .eb-join{
    min-width:0
  }
  .home .eb-events-home{margin-top:22px;margin-bottom:26px}
  .home .eb-features{margin-top:24px;margin-bottom:30px}
  .home .eb-members{margin-top:6px;margin-bottom:30px}
  .home .eb-join{margin-bottom:34px}
}

@media(min-width:1200px){
  body.home.logged-in .eb-header .eb-header-inner{
    grid-template-columns:auto minmax(360px,1fr) auto;
    gap:18px
  }
  body.home.logged-in .eb-header #eb-nav>ul{
    flex-wrap:nowrap;
    justify-content:center;
    column-gap:clamp(18px,2vw,30px)
  }
  body.home.logged-in .eb-header #eb-nav>ul>li>a{
    padding-left:2px;
    padding-right:2px
  }

  .home .eb-hero-v3 .eb-hero-inner{
    grid-template-columns:minmax(0,610px) minmax(220px,1fr);
    gap:36px
  }
  .home .eb-hero-side{display:block}
  .home .eb-home-kpis{
    grid-template-columns:repeat(4,minmax(0,1fr)) minmax(275px,1.28fr)
  }
  .home .eb-home-kpi-vip{grid-column:auto}
  .home .eb-home-shortcuts{
    grid-template-columns:repeat(7,minmax(0,1fr))
  }
}

@media(min-width:901px) and (max-width:1199px){
  body.home.logged-in .eb-header .eb-header-inner{
    width:calc(100% - 28px);
    grid-template-columns:minmax(0,1fr) auto;
    column-gap:14px;
    row-gap:4px;
    padding:10px 0 8px
  }
  body.home.logged-in .eb-header .eb-logo,
  body.home.logged-in .eb-header .custom-logo-link{
    grid-column:1;
    grid-row:1;
    justify-self:start
  }
  body.home.logged-in .eb-header .eb-header-actions{
    grid-column:2;
    grid-row:1;
    justify-self:end
  }
  body.home.logged-in .eb-header #eb-nav{
    grid-column:1/-1;
    grid-row:2;
    width:100%;
    padding:1px 0 0
  }
  body.home.logged-in .eb-header #eb-nav>ul{
    flex-wrap:nowrap;
    justify-content:flex-start;
    gap:24px
  }
  body.home.logged-in .eb-header #eb-nav>ul>li>a{
    padding:9px 0
  }

  .home .eb-hero-v3{
    height:490px;
    min-height:490px
  }
  .home .eb-hero-v3 .eb-hero-inner{
    width:calc(100% - 36px);
    grid-template-columns:1fr;
    padding-top:38px
  }
  .home .eb-hero-v3 .eb-hero-copy{
    max-width:620px
  }
  .home .eb-hero-side{display:none!important}
  .home .eb-hero-v3 h1{
    font-size:clamp(62px,8vw,78px);
    letter-spacing:-3px
  }
  .home .eb-hero-v3 h2{font-size:25px}

  .home .eb-home-v3,
  .home .eb-mobile-vip-featured{
    width:calc(100% - 36px)
  }
  .home .eb-home-kpis{
    grid-template-columns:repeat(4,minmax(0,1fr))
  }
  .home .eb-home-kpi-vip{grid-column:1/-1}
  .home .eb-home-shortcuts{
    grid-template-columns:repeat(4,minmax(0,1fr))
  }
  .home .eb-mobile-vip-track{
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:9px
  }
}

@media(min-width:901px) and (max-width:1024px){
  body.home.logged-in .eb-header #eb-nav>ul{gap:20px}
  .home .eb-hero-v3 .eb-hero-copy{max-width:570px}
  .home .eb-hero-v3 h1{font-size:64px}
  .home .eb-hero-v3 .eb-intro{font-size:14px}
  .home .eb-home-kpis>div{padding:16px 13px}
  .home .eb-home-kpis strong{font-size:18px}
  .home .eb-home-shortcut{min-height:118px;padding:15px 10px 12px}
  .home .eb-mobile-vip-featured{padding:15px}
  .home .eb-mobile-vip-featured>header h2{font-size:21px}
  .home .eb-mobile-vip-info strong{font-size:11px}
  .home .eb-mobile-vip-info small{font-size:8px}
}

/* Preserve the former hero-brand H1 styling after the brand is demoted to
   presentational text. The mobile SEO H1 remains the primary page heading. */
.home .eb-hero-v3 .eb-brand-title{
  max-width:100%;
  font-size:clamp(72px,6.6vw,104px);
  font-weight:700;
  letter-spacing:-4px;
  margin:4px 0 0;
  line-height:.93;
  text-wrap:balance;
  text-shadow:0 14px 40px #0009
}
.home .eb-hero-v3 .eb-brand-title span{
  background:linear-gradient(135deg,#ff78be,#ff2f98 60%,#de177c);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent
}
@media(min-width:901px) and (max-width:1199px){
  .home .eb-hero-v3 .eb-brand-title{
    font-size:clamp(62px,8vw,78px);
    letter-spacing:-3px
  }
}
@media(min-width:901px) and (max-width:1024px){
  .home .eb-hero-v3 .eb-brand-title{font-size:64px}
}
@media(max-width:900px){
  .home .eb-hero-v3 .eb-brand-title{
    font-size:clamp(34px,11vw,46px);
    letter-spacing:-1.5px;
    margin-top:0
  }
}