/* ============================================================
   FBM Gaming theme-fe37.css
   Prefix: v7e7-  |  Hash: fe37e723
   Palette: #DEB887 gold | #FF6347 coral | #FDF5E6 ivory
            #00FA9A mint  | #3A3A3A charcoal
   ============================================================ */

:root{
  --v7e7-primary:#DEB887;      /* gold */
  --v7e7-accent:#FF6347;       /* coral */
  --v7e7-mint:#00FA9A;         /* spring green */
  --v7e7-ivory:#FDF5E6;        /* light text */
  --v7e7-bg:#2c2c2c;           /* page background */
  --v7e7-bg2:#3A3A3A;          /* surface */
  --v7e7-bg3:#1f1f1f;          /* deeper */
  --v7e7-text:#FDF5E6;
  --v7e7-muted:#c9bfb0;
  --v7e7-line:rgba(222,184,135,.22);
  --v7e7-shadow:0 8px 24px rgba(0,0,0,.45);
  --v7e7-radius:14px;
  --v7e7-header-h:62px;
  --v7e7-bottom-h:62px;
}

*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
html{font-size:62.5%;scroll-behavior:smooth;}
body{
  font-family:"Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
  background:linear-gradient(180deg,#242424 0%,#3A3A3A 45%,#2c2c2c 100%);
  color:var(--v7e7-text);
  line-height:1.5;
  font-size:1.5rem;
  min-height:100vh;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:var(--v7e7-primary);text-decoration:none;transition:color .2s;}
a:hover{color:var(--v7e7-mint);}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}
ul,ol{list-style:none;}

/* ---------- Layout ---------- */
.v7e7-container{width:100%;max-width:430px;margin:0 auto;padding:0 14px;}
.v7e7-wrapper{max-width:430px;margin:0 auto;background:var(--v7e7-bg);min-height:100vh;box-shadow:var(--v7e7-shadow);position:relative;}
.v7e7-section{padding:26px 14px 14px;}
.v7e7-section-alt{background:linear-gradient(180deg,#303030,#3A3A3A);}

/* ---------- Header ---------- */
.v7e7-header{
  position:fixed;top:0;left:50%;transform:translateX(-50%);
  width:100%;max-width:430px;height:var(--v7e7-header-h);z-index:1000;
  background:linear-gradient(90deg,#1f1f1f,#3A3A3A 60%,#1f1f1f);
  border-bottom:2px solid var(--v7e7-primary);
  display:flex;align-items:center;justify-content:space-between;
  padding:0 12px;box-shadow:0 4px 14px rgba(0,0,0,.55);
}
.v7e7-brand{display:flex;align-items:center;gap:8px;}
.v7e7-logo{
  width:34px;height:34px;border-radius:9px;
  background:radial-gradient(circle at 35% 30%,#FF6347,#DEB887 70%);
  display:flex;align-items:center;justify-content:center;color:#1f1f1f;font-weight:800;font-size:1.5rem;
  box-shadow:0 2px 8px rgba(255,99,71,.5);
}
.v7e7-brand-name{font-size:1.7rem;font-weight:800;color:var(--v7e7-primary);letter-spacing:.3px;line-height:1.1;}
.v7e7-brand-name small{display:block;font-size:1rem;color:var(--v7e7-mint);font-weight:600;}
.v7e7-header-actions{display:flex;align-items:center;gap:8px;}
.v7e7-btn{
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 14px;border-radius:30px;font-size:1.35rem;font-weight:700;
  transition:transform .15s, box-shadow .2s, filter .2s;
  min-height:38px;
}
.v7e7-btn:active{transform:scale(.94);}
.v7e7-btn-register{
  background:linear-gradient(135deg,#FF6347,#DEB887);
  color:#1f1f1f;box-shadow:0 4px 12px rgba(255,99,71,.45);
}
.v7e7-btn-login{
  background:transparent;border:1.5px solid var(--v7e7-primary);color:var(--v7e7-primary);
}
.v7e7-btn-login:hover{background:rgba(222,184,135,.12);}
.v7e7-menu-btn{
  width:38px;height:38px;border-radius:10px;background:rgba(222,184,135,.15);
  color:var(--v7e7-primary);font-size:1.8rem;display:flex;align-items:center;justify-content:center;
}

/* ---------- Mobile menu drawer ---------- */
.v7e7-drawer-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9998;
  opacity:0;visibility:hidden;transition:opacity .25s;
}
.v7e7-drawer-overlay.v7e7-open{opacity:1;visibility:visible;}
.v7e7-drawer{
  position:fixed;top:0;right:0;height:100vh;width:78%;max-width:320px;z-index:9999;
  background:linear-gradient(180deg,#2c2c2c,#1f1f1f);
  transform:translateX(105%);transition:transform .28s ease;
  padding:18px 16px;overflow-y:auto;border-left:2px solid var(--v7e7-primary);
}
.v7e7-drawer.v7e7-open{transform:translateX(0);}
.v7e7-drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;}
.v7e7-drawer-title{color:var(--v7e7-primary);font-size:1.7rem;font-weight:800;}
.v7e7-drawer-close{font-size:2rem;color:var(--v7e7-ivory);width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,.06);}
.v7e7-drawer nav a{
  display:block;padding:12px 12px;border-radius:10px;font-size:1.45rem;color:var(--v7e7-ivory);
  border-bottom:1px solid var(--v7e7-line);transition:background .15s,padding .15s;
}
.v7e7-drawer nav a:hover{background:rgba(222,184,135,.1);padding-left:18px;color:var(--v7e7-primary);}
.v7e7-drawer-cta{margin-top:18px;display:flex;flex-direction:column;gap:10px;}

/* ---------- Hero / Carousel ---------- */
main{padding-top:calc(var(--v7e7-header-h) + 6px);padding-bottom:80px;}
.v7e7-hero{padding:10px 14px 4px;}
.v7e7-carousel{
  position:relative;border-radius:18px;overflow:hidden;
  box-shadow:var(--v7e7-shadow);border:1px solid var(--v7e7-line);
}
.v7e7-carousel-track{display:flex;scroll-snap-type:x mandatory;overflow-x:auto;scrollbar-width:none;}
.v7e7-carousel-track::-webkit-scrollbar{display:none;}
.v7e7-slide{flex:0 0 100%;scroll-snap-align:center;position:relative;}
.v7e7-slide img{width:100%;height:200px;object-fit:cover;}
.v7e7-slide-cap{
  position:absolute;left:0;right:0;bottom:0;padding:18px 14px 12px;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.85));
}
.v7e7-slide-cap h2{font-size:1.9rem;color:var(--v7e7-primary);margin-bottom:4px;}
.v7e7-slide-cap p{font-size:1.25rem;color:var(--v7e7-ivory);margin-bottom:8px;}
.v7e7-slide-cta{
  display:inline-block;padding:7px 16px;border-radius:24px;font-weight:700;font-size:1.25rem;
  background:linear-gradient(135deg,#FF6347,#DEB887);color:#1f1f1f;
}
.v7e7-carousel-dots{display:flex;gap:6px;justify-content:center;padding:8px 0;}
.v7e7-carousel-dots button{
  width:8px;height:8px;border-radius:50%;background:rgba(222,184,135,.35);transition:all .2s;
}
.v7e7-carousel-dots button.v7e7-active{background:var(--v7e7-accent);width:22px;border-radius:6px;}

/* ---------- Section heading ---------- */
.v7e7-section-head{margin-bottom:14px;text-align:left;}
.v7e7-section-head h2{
  font-size:2rem;color:var(--v7e7-primary);font-weight:800;display:flex;align-items:center;gap:8px;
}
.v7e7-section-head h2 i{color:var(--v7e7-mint);}
.v7e7-section-head p{font-size:1.3rem;color:var(--v7e7-muted);margin-top:4px;}

/* ---------- Category tabs (anchor based, non-switch) ---------- */
.v7e7-catnav{
  position:sticky;top:var(--v7e7-header-h);z-index:900;
  background:rgba(31,31,31,.95);backdrop-filter:blur(6px);
  display:flex;gap:8px;padding:10px 14px;overflow-x:auto;scrollbar-width:none;
  border-bottom:1px solid var(--v7e7-line);
}
.v7e7-catnav::-webkit-scrollbar{display:none;}
.v7e7-catnav a{
  flex:0 0 auto;padding:7px 14px;border-radius:20px;font-size:1.25rem;font-weight:600;
  color:var(--v7e7-ivory);background:rgba(255,255,255,.05);border:1px solid transparent;
}
.v7e7-catnav a:hover{color:var(--v7e7-primary);border-color:var(--v7e7-primary);}

/* ---------- Game grid ---------- */
.v7e7-game-block{padding:18px 14px 8px;scroll-margin-top:120px;}
.v7e7-game-block h3{
  font-size:1.7rem;color:var(--v7e7-primary);margin-bottom:12px;font-weight:800;
  border-left:4px solid var(--v7e7-accent);padding-left:10px;display:flex;align-items:center;gap:6px;
}
.v7e7-game-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
}
.v7e7-game-card{
  background:linear-gradient(180deg,#3A3A3A,#2c2c2c);
  border:1px solid var(--v7e7-line);border-radius:12px;overflow:hidden;
  transition:transform .18s, box-shadow .2s;position:relative;
}
.v7e7-game-card:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(0,0,0,.5);}
.v7e7-game-card a{display:block;}
.v7e7-game-card img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#222;}
.v7e7-game-name{
  display:block;padding:6px 6px 7px;text-align:center;font-size:1.05rem;font-weight:600;
  color:var(--v7e7-ivory);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.v7e7-game-card:hover .v7e7-game-name{color:var(--v7e7-mint);}
.v7e7-hot-badge{
  position:absolute;top:6px;left:6px;background:linear-gradient(135deg,#FF6347,#DEB887);
  color:#1f1f1f;font-size:.95rem;font-weight:800;padding:2px 7px;border-radius:8px;
}

/* ---------- Promo / Feature banners ---------- */
.v7e7-promo-strip{
  margin:14px;background:linear-gradient(135deg,#FF6347 0%,#DEB887 100%);
  border-radius:16px;padding:16px;color:#1f1f1f;
  box-shadow:0 8px 20px rgba(255,99,71,.35);position:relative;overflow:hidden;
}
.v7e7-promo-strip h3{font-size:1.8rem;font-weight:800;margin-bottom:4px;}
.v7e7-promo-strip p{font-size:1.25rem;margin-bottom:10px;}
.v7e7-promo-strip a{
  display:inline-block;background:#1f1f1f;color:var(--v7e7-mint);
  padding:7px 16px;border-radius:24px;font-weight:700;font-size:1.25rem;
}
.v7e7-promo-strip .material-icons,.v7e7-promo-strip .bi{font-size:2.2rem;vertical-align:middle;}

/* ---------- Feature list ---------- */
.v7e7-feature-grid{display:grid;grid-template-columns:1fr;gap:12px;padding:14px;}
.v7e7-feature-card{
  background:#3A3A3A;border:1px solid var(--v7e7-line);border-radius:14px;padding:14px;
  display:flex;gap:12px;align-items:flex-start;
}
.v7e7-feature-ic{
  flex:0 0 44px;height:44px;border-radius:12px;
  background:linear-gradient(135deg,rgba(255,99,71,.25),rgba(222,184,135,.25));
  display:flex;align-items:center;justify-content:center;color:var(--v7e7-primary);font-size:2.2rem;
}
.v7e7-feature-card h4{font-size:1.5rem;color:var(--v7e7-primary);margin-bottom:4px;}
.v7e7-feature-card p{font-size:1.25rem;color:var(--v7e7-muted);line-height:1.45;}

/* ---------- RTP grid ---------- */
.v7e7-rtp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:14px;}
.v7e7-rtp-card{
  background:#2c2c2c;border:1px solid var(--v7e7-line);border-radius:12px;padding:10px;text-align:center;
}
.v7e7-rtp-card .v7e7-rtp-val{font-size:2.2rem;font-weight:800;color:var(--v7e7-mint);}
.v7e7-rtp-card .v7e7-rtp-name{font-size:1.15rem;color:var(--v7e7-ivory);margin-top:2px;}
.v7e7-rtp-card .v7e7-rtp-bar{height:5px;border-radius:3px;background:#1f1f1f;margin-top:6px;overflow:hidden;}
.v7e7-rtp-card .v7e7-rtp-bar span{display:block;height:100%;background:linear-gradient(90deg,#FF6347,#00FA9A);}

/* ---------- Testimonials ---------- */
.v7e7-testi-grid{display:grid;grid-template-columns:1fr;gap:10px;padding:14px;}
.v7e7-testi{
  background:#3A3A3A;border-left:3px solid var(--v7e7-mint);border-radius:10px;padding:12px;
}
.v7e7-testi-stars{color:#FFD700;font-size:1.3rem;margin-bottom:4px;}
.v7e7-testi p{font-size:1.25rem;color:var(--v7e7-ivory);font-style:italic;margin-bottom:6px;}
.v7e7-testi cite{font-size:1.15rem;color:var(--v7e7-primary);font-weight:700;font-style:normal;}

/* ---------- Payment ---------- */
.v7e7-pay-grid{display:flex;flex-wrap:wrap;gap:10px;padding:14px;justify-content:center;}
.v7e7-pay-chip{
  background:#2c2c2c;border:1px solid var(--v7e7-line);border-radius:30px;
  padding:9px 16px;display:flex;align-items:center;gap:8px;font-size:1.25rem;color:var(--v7e7-ivory);
}
.v7e7-pay-chip i,.v7e7-pay-chip .material-icons{color:var(--v7e7-mint);}

/* ---------- Winners ---------- */
.v7e7-winner-list{padding:14px;display:flex;flex-direction:column;gap:8px;}
.v7e7-winner{
  display:flex;justify-content:space-between;align-items:center;
  background:#2c2c2c;border:1px solid var(--v7e7-line);border-radius:10px;padding:10px 12px;
}
.v7e7-winner .v7e7-winner-name{font-size:1.3rem;color:var(--v7e7-ivory);}
.v7e7-winner .v7e7-winner-game{font-size:1.1rem;color:var(--v7e7-muted);}
.v7e7-winner .v7e7-winner-amt{font-size:1.5rem;font-weight:800;color:var(--v7e7-mint);}

/* ---------- App download CTA ---------- */
.v7e7-app-cta{
  margin:14px;background:linear-gradient(135deg,#1f1f1f,#3A3A3A);
  border:1px solid var(--v7e7-primary);border-radius:16px;padding:18px;text-align:center;
}
.v7e7-app-cta h3{color:var(--v7e7-primary);font-size:1.9rem;margin-bottom:6px;}
.v7e7-app-cta p{color:var(--v7e7-muted);font-size:1.25rem;margin-bottom:12px;}
.v7e7-app-cta .v7e7-btn{margin:0 4px;}

/* ---------- FAQ ---------- */
.v7e7-faq{padding:14px;display:flex;flex-direction:column;gap:8px;}
.v7e7-faq details{
  background:#2c2c2c;border:1px solid var(--v7e7-line);border-radius:10px;padding:12px 14px;
}
.v7e7-faq summary{
  font-size:1.35rem;font-weight:700;color:var(--v7e7-primary);cursor:pointer;list-style:none;
  display:flex;justify-content:space-between;align-items:center;
}
.v7e7-faq summary::-webkit-details-marker{display:none;}
.v7e7-faq summary::after{content:"+";color:var(--v7e7-mint);font-size:1.8rem;}
.v7e7-faq details[open] summary::after{content:"-";}
.v7e7-faq p{font-size:1.25rem;color:var(--v7e7-muted);margin-top:8px;line-height:1.5;}

/* ---------- SEO long text ---------- */
.v7e7-seo-text{padding:18px 16px;font-size:1.3rem;color:var(--v7e7-muted);line-height:1.65;}
.v7e7-seo-text h2{color:var(--v7e7-primary);font-size:1.9rem;margin:16px 0 8px;font-weight:800;}
.v7e7-seo-text h3{color:var(--v7e7-mint);font-size:1.55rem;margin:12px 0 6px;}
.v7e7-seo-text p{margin-bottom:10px;}
.v7e7-seo-text strong{color:var(--v7e7-ivory);}
.v7e7-seo-text a{color:var(--v7e7-accent);text-decoration:underline;}

/* ---------- Footer ---------- */
.v7e7-footer{
  background:linear-gradient(180deg,#1f1f1f,#0f0f0f);
  padding:22px 16px 14px;border-top:2px solid var(--v7e7-primary);
}
.v7e7-footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.v7e7-footer-intro{font-size:1.25rem;color:var(--v7e7-muted);margin-bottom:14px;line-height:1.55;}
.v7e7-footer-links{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;
}
.v7e7-footer-links a{
  font-size:1.2rem;color:var(--v7e7-ivory);padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05);
}
.v7e7-footer-links a:hover{color:var(--v7e7-mint);padding-left:5px;}
.v7e7-footer-promos{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.v7e7-footer-promos button{
  flex:1 1 30%;min-width:90px;padding:9px 6px;border-radius:8px;font-size:1.15rem;font-weight:700;
  background:linear-gradient(135deg,#FF6347,#DEB887);color:#1f1f1f;
}
.v7e7-footer-promos button:nth-child(even){background:linear-gradient(135deg,#00FA9A,#DEB887);}
.v7e7-footer-copy{font-size:1.1rem;color:#8a8175;text-align:center;border-top:1px solid rgba(255,255,255,.06);padding-top:12px;line-height:1.5;}

/* ---------- Mobile bottom nav ---------- */
.v7e7-bottom-nav{
  position:fixed;bottom:0;left:50%;transform:translateX(-50%);
  width:100%;max-width:430px;height:var(--v7e7-bottom-h);z-index:1000;
  background:linear-gradient(180deg,#2c2c2c,#0f0f0f);
  border-top:2px solid var(--v7e7-primary);
  display:flex;justify-content:space-around;align-items:center;
  box-shadow:0 -4px 14px rgba(0,0,0,.55);
}
.v7e7-bottom-nav a,.v7e7-bottom-nav button{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-width:60px;min-height:60px;gap:2px;color:var(--v7e7-muted);
  font-size:1rem;font-weight:600;transition:color .2s,transform .15s;
}
.v7e7-bottom-nav a i,.v7e7-bottom-nav a .material-icons,
.v7e7-bottom-nav button i,.v7e7-bottom-nav button .material-icons{
  font-size:2.2rem;
}
.v7e7-bottom-nav a:hover,.v7e7-bottom-nav button:hover{color:var(--v7e7-primary);}
.v7e7-bottom-nav a:active,.v7e7-bottom-nav button:active{transform:scale(.9);}
.v7e7-bottom-nav .v7e7-active{color:var(--v7e7-accent);}
.v7e7-bottom-nav .v7e7-bn-promo{
  background:linear-gradient(135deg,#FF6347,#DEB887);color:#1f1f1f;
  border-radius:50%;width:48px;height:48px;flex:0 0 48px;margin-top:-22px;
  box-shadow:0 4px 12px rgba(255,99,71,.55);font-size:1rem;
}
.v7e7-bottom-nav .v7e7-bn-promo i{font-size:2.2rem;}

/* ---------- Desktop ---------- */
@media (min-width:769px){
  .v7e7-bottom-nav{display:none;}
  body{padding-bottom:0;}
  main{padding-bottom:40px;}
}
@media (max-width:768px){
  main{padding-bottom:calc(var(--v7e7-bottom-h) + 16px);}
}
@media (min-width:431px){
  .v7e7-bottom-nav,.v7e7-header{max-width:430px;}
}

/* ---------- Helpers ---------- */
.v7e7-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}
.v7e7-cta-row{display:flex;gap:8px;flex-wrap:wrap;padding:0 14px 6px;}
.v7e7-cta-row .v7e7-btn{flex:1;justify-content:center;}