/* ============================================================
   ace bet - mobile-first canvas stylesheet
   File: css/mobile-5f15d6-canvas.css
   Scope: phone canvas 320-430px, centered on wide screens
   All class names share the mobilef15d6- prefix
   ============================================================ */

/* ---------- Design tokens ---------- */
:root{
  --mobilef15d6-bg-deep:#0A0A0A;        /* primary background */
  --mobilef15d6-bg-panel:#121019;       /* card / panel surface */
  --mobilef15d6-bg-soft:#1a1626;        /* lifted surface */
  --mobilef15d6-navy:#000080;           /* deep accent */
  --mobilef15d6-blue:#1E90FF;           /* primary accent */
  --mobilef15d6-cyan:#00CED1;           /* secondary accent */
  --mobilef15d6-yellow:#FFEF94;         /* highlight / reward */
  --mobilef15d6-gold:#ffd76b;
  --mobilef15d6-ink:#ffffff;            /* primary text */
  --mobilef15d6-ink-soft:#d9d3e6;       /* body text */
  --mobilef15d6-ink-mute:#8e8aa0;       /* muted text */
  --mobilef15d6-line:rgba(255,255,255,.10);
  --mobilef15d6-line-strong:rgba(255,255,255,.20);
  --mobilef15d6-shadow:0 10px 28px rgba(0,0,0,.55);
  --mobilef15d6-radius-lg:18px;
  --mobilef15d6-radius-md:12px;
  --mobilef15d6-radius-sm:9px;
  --mobilef15d6-radius-pill:999px;
  --mobilef15d6-gap:14px;
  --mobilef15d6-header-h:56px;
  --mobilef15d6-tab-h:46px;
  --mobilef15d6-bottomnav-h:62px;
  --mobilef15d6-font:"Hind Siliguri","Noto Sans Bengali","Shonar Bangla",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}

/* ---------- Reset ---------- */
*,*::before,*::after{box-sizing:border-box;}
html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; scroll-behavior:smooth; }
body{
  margin:0;
  font-family:var(--mobilef15d6-font);
  background:#06050a;
  color:var(--mobilef15d6-ink-soft);
  line-height:1.65;
  font-size:15px;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{ max-width:100%; display:block; border:0; }
a{ color:var(--mobilef15d6-cyan); text-decoration:none; }
a:hover{ color:var(--mobilef15d6-yellow); }
button{ font-family:inherit; cursor:pointer; border:0; background:none; color:inherit; }
ul,ol{ margin:0; padding:0; list-style:none; }
h1,h2,h3,h4{ margin:0; color:var(--mobilef15d6-ink); font-weight:700; line-height:1.32; letter-spacing:.2px; }
p{ margin:0 0 10px; }
:focus-visible{ outline:2px solid var(--mobilef15d6-yellow); outline-offset:2px; border-radius:6px; }

/* ---------- Phone canvas (centered on wide screens) ---------- */
.mobilef15d6-canvas{
  position:relative;
  width:100%;
  max-width:430px;            /* 430 phone-canvas ceiling */
  margin:0 auto;
  background:var(--mobilef15d6-bg-deep);
  min-height:100vh;
  box-shadow:0 0 0 1px rgba(255,255,255,.04), 0 0 60px rgba(0,0,0,.6);
  overflow:hidden;
}
.mobilef15d6-bg-glow{
  position:absolute; inset:0; pointer-events:none; z-index:0;
  background:
    radial-gradient(120% 38% at 18% 0%, rgba(30,144,255,.22), transparent 60%),
    radial-gradient(120% 30% at 90% 12%, rgba(0,206,209,.18), transparent 60%),
    radial-gradient(90% 24% at 50% 96%, rgba(0,0,128,.32), transparent 65%);
}

/* ---------- Skip link ---------- */
.mobilef15d6-skip{
  position:absolute; left:-9999px; top:0; z-index:200;
  background:var(--mobilef15d6-yellow); color:#1a1100;
  padding:8px 14px; border-radius:0 0 10px 0; font-weight:700;
}
.mobilef15d6-skip:focus{ left:0; }

/* ---------- Header ---------- */
.mobilef15d6-header{
  position:sticky; top:0; z-index:60;
  height:var(--mobilef15d6-header-h);
  display:flex; align-items:center; gap:10px;
  padding:0 12px;
  background:linear-gradient(180deg, rgba(10,10,10,.96), rgba(10,10,10,.82));
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid var(--mobilef15d6-line);
}
.mobilef15d6-brand{
  display:flex; align-items:center; gap:8px; min-width:0; flex:1;
}
.mobilef15d6-brand img{
  width:34px; height:34px; border-radius:9px;
  box-shadow:0 0 0 1px rgba(255,255,255,.14), 0 4px 12px rgba(30,144,255,.35);
}
.mobilef15d6-brand-name{
  font-weight:800; color:#fff; font-size:17px; letter-spacing:.4px; line-height:1;
  white-space:nowrap;
}
.mobilef15d6-brand-name b{ color:var(--mobilef15d6-yellow); font-weight:800; }
.mobilef15d6-brand-tag{
  display:block; font-size:10px; font-weight:500; color:var(--mobilef15d6-cyan);
  letter-spacing:.6px; text-transform:uppercase; margin-top:2px;
}
.mobilef15d6-header-actions{ display:flex; align-items:center; gap:7px; }
.mobilef15d6-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  font-weight:700; font-size:13px; padding:8px 13px; border-radius:var(--mobilef15d6-radius-pill);
  min-height:38px; min-width:44px; line-height:1; white-space:nowrap;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
  text-align:center;
}
.mobilef15d6-btn:active{ transform:translateY(1px) scale(.98); }
.mobilef15d6-btn-ghost{
  background:rgba(255,255,255,.07); color:#fff;
  border:1px solid var(--mobilef15d6-line-strong);
}
.mobilef15d6-btn-ghost:hover{ background:rgba(255,255,255,.12); color:#fff; }
.mobilef15d6-btn-primary{
  background:linear-gradient(135deg, var(--mobilef15d6-yellow), var(--mobilef15d6-gold));
  color:#1a1100; box-shadow:0 6px 16px rgba(255,223,148,.30);
}
.mobilef15d6-btn-primary:hover{ color:#1a1100; box-shadow:0 8px 22px rgba(255,223,148,.45); }
.mobilef15d6-btn-cyan{
  background:linear-gradient(135deg, var(--mobilef15d6-blue), var(--mobilef15d6-cyan));
  color:#fff; box-shadow:0 6px 16px rgba(30,144,255,.32);
}
.mobilef15d6-btn-cyan:hover{ color:#fff; filter:brightness(1.06); }
.mobilef15d6-btn-block{ width:100%; padding:13px 16px; font-size:15px; min-height:46px; }

.mobilef15d6-iconbtn{
  width:40px; height:40px; border-radius:11px;
  display:inline-flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.07); border:1px solid var(--mobilef15d6-line);
  color:#fff; font-size:18px;
}
.mobilef15d6-iconbtn:hover{ background:rgba(255,255,255,.13); }
.mobilef15d6-hamburger svg{ width:20px; height:20px; display:block; }

/* ---------- Mobile menu drawer ---------- */
.mobilef15d6-menu-scrim{
  position:fixed; inset:0; z-index:90; background:rgba(0,0,0,.6);
  opacity:0; visibility:hidden; transition:opacity .25s ease, visibility .25s;
}
.mobilef15d6-menu-open .mobilef15d6-menu-scrim{ opacity:1; visibility:visible; }
.mobilef15d6-menu{
  position:fixed; top:0; right:0; z-index:100;
  width:84%; max-width:340px; height:100vh; height:100dvh;
  background:linear-gradient(180deg,#100c1c,#08060e);
  border-left:1px solid var(--mobilef15d6-line);
  box-shadow:-16px 0 40px rgba(0,0,0,.55);
  transform:translateX(105%); transition:transform .28s cubic-bezier(.4,.1,.2,1);
  display:flex; flex-direction:column;
  padding:18px 16px calc(var(--mobilef15d6-bottomnav-h) + 18px);
  overflow-y:auto;
}
.mobilef15d6-menu-open .mobilef15d6-menu{ transform:translateX(0); }
.mobilef15d6-menu-head{
  display:flex; align-items:center; justify-content:space-between; margin-bottom:14px;
}
.mobilef15d6-menu-title{ font-size:15px; color:#fff; font-weight:700; }
.mobilef15d6-menu-cta{ display:flex; flex-direction:column; gap:9px; margin:6px 0 16px; }
.mobilef15d6-menu-nav{ display:flex; flex-direction:column; gap:2px; }
.mobilef15d6-menu-nav a{
  display:flex; align-items:center; gap:12px;
  padding:12px 12px; border-radius:10px;
  color:var(--mobilef15d6-ink-soft); font-weight:600; font-size:14.5px;
  border:1px solid transparent;
}
.mobilef15d6-menu-nav a .mobilef15d6-menu-ico{
  width:30px; height:30px; border-radius:8px; flex:0 0 30px;
  display:inline-flex; align-items:center; justify-content:center; font-size:15px;
  background:linear-gradient(135deg, rgba(30,144,255,.25), rgba(0,206,209,.22));
  color:#fff;
}
.mobilef15d6-menu-nav a:hover{
  background:rgba(30,144,255,.10); color:#fff;
  border-color:var(--mobilef15d6-line);
}
.mobilef15d6-menu-foot{
  margin-top:auto; padding-top:14px; border-top:1px solid var(--mobilef15d6-line);
  font-size:12px; color:var(--mobilef15d6-ink-mute);
}

/* ---------- Main wrapper with bottom-nav safe padding ---------- */
.mobilef15d6-main{
  position:relative; z-index:1;
  padding:14px 12px calc(var(--mobilef15d6-bottomnav-h) + 22px);
}

/* ---------- Section frame ---------- */
.mobilef15d6-section{ margin:22px 0; }
.mobilef15d6-section-head{
  display:flex; align-items:flex-end; justify-content:space-between; gap:10px;
  margin-bottom:12px;
}
.mobilef15d6-section-title{
  font-size:18px; color:#fff; position:relative; padding-left:12px;
}
.mobilef15d6-section-title::before{
  content:""; position:absolute; left:0; top:4px; bottom:4px; width:4px; border-radius:4px;
  background:linear-gradient(180deg,var(--mobilef15d6-yellow),var(--mobilef15d6-blue));
}
.mobilef15d6-section-title em{ font-style:normal; color:var(--mobilef15d6-yellow); }
.mobilef15d6-section-sub{
  display:block; font-size:12px; font-weight:500; color:var(--mobilef15d6-ink-mute);
  margin-top:3px; letter-spacing:.3px;
}
.mobilef15d6-section-link{
  font-size:12.5px; color:var(--mobilef15d6-cyan); font-weight:600; white-space:nowrap;
}
.mobilef15d6-section-link::after{ content:" \203A"; }

/* ---------- Hero heading (H1, matches <title>) ---------- */
.mobilef15d6-hero-h1{
  margin:0 0 14px;
  padding:14px 15px;
  font-size:18.5px; line-height:1.35; color:#fff; font-weight:800; letter-spacing:.2px;
  border-radius:var(--mobilef15d6-radius-lg);
  background:
    radial-gradient(140% 130% at 0% 0%, rgba(255,239,148,.20), transparent 55%),
    linear-gradient(135deg, rgba(30,144,255,.18), rgba(0,206,209,.14));
  border:1px solid var(--mobilef15d6-line);
  box-shadow:var(--mobilef15d6-shadow);
}
.mobilef15d6-hero-h1 small{
  display:block; margin-top:5px; font-size:12px; font-weight:500;
  color:var(--mobilef15d6-cyan); letter-spacing:.3px;
}

/* ---------- Hero / Carousel ---------- */
.mobilef15d6-hero{ margin:0 0 18px; }
.mobilef15d6-carousel{
  position:relative; border-radius:var(--mobilef15d6-radius-lg); overflow:hidden;
  box-shadow:var(--mobilef15d6-shadow);
  background:#0e0b18;
}
.mobilef15d6-carousel-track{
  display:flex; transition:transform .45s cubic-bezier(.4,.05,.2,1);
  will-change:transform;
}
.mobilef15d6-slide{
  position:relative; flex:0 0 100%; min-height:188px;
  display:flex; align-items:flex-end;
}
.mobilef15d6-slide img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
}
.mobilef15d6-slide::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(8,6,16,.05) 30%, rgba(8,6,16,.78) 100%);
}
.mobilef15d6-slide-body{
  position:relative; z-index:2; padding:14px 14px 16px; color:#fff;
}
.mobilef15d6-slide-tag{
  display:inline-block; font-size:10.5px; font-weight:700; letter-spacing:.6px;
  padding:4px 10px; border-radius:var(--mobilef15d6-radius-pill); margin-bottom:8px;
  background:rgba(255,239,148,.16); color:var(--mobilef15d6-yellow);
  border:1px solid rgba(255,239,148,.35);
}
.mobilef15d6-slide-title{ font-size:19px; line-height:1.25; color:#fff; }
.mobilef15d6-slide-text{ font-size:12.5px; color:rgba(255,255,255,.86); margin-top:4px; }
.mobilef15d6-slide-cta{ margin-top:10px; }
.mobilef15d6-carousel-dots{
  position:absolute; bottom:10px; right:12px; z-index:3;
  display:flex; gap:6px;
}
.mobilef15d6-carousel-dots button{
  width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,.45);
  transition:width .2s, background .2s;
}
.mobilef15d6-carousel-dots button.is-active{
  width:22px; border-radius:6px; background:var(--mobilef15d6-yellow);
}
.mobilef15d6-carousel-nav{
  position:absolute; top:50%; transform:translateY(-50%); z-index:3;
  width:32px; height:32px; border-radius:50%;
  background:rgba(0,0,0,.45); color:#fff; display:flex; align-items:center; justify-content:center;
  border:1px solid var(--mobilef15d6-line-strong);
}
.mobilef15d6-carousel-nav:hover{ background:rgba(0,0,0,.7); }
.mobilef15d6-carousel-prev{ left:8px; }
.mobilef15d6-carousel-next{ right:8px; }

/* ---------- Trust bar ---------- */
.mobilef15d6-trust{
  display:grid; grid-template-columns:repeat(4,1fr); gap:8px;
  background:linear-gradient(135deg, rgba(30,144,255,.10), rgba(0,206,209,.08));
  border:1px solid var(--mobilef15d6-line); border-radius:var(--mobilef15d6-radius-md);
  padding:11px 8px; margin-bottom:18px;
}
.mobilef15d6-trust-item{ text-align:center; }
.mobilef15d6-trust-num{
  display:block; font-size:15px; font-weight:800; color:var(--mobilef15d6-yellow); line-height:1.1;
}
.mobilef15d6-trust-label{
  display:block; font-size:10.5px; color:var(--mobilef15d6-ink-soft); margin-top:2px; line-height:1.2;
}

/* ---------- Category tabs ---------- */
.mobilef15d6-tabs{
  position:sticky; top:var(--mobilef15d6-header-h); z-index:40;
  display:flex; gap:7px; overflow-x:auto; padding:8px 0 10px;
  margin:0 -12px 14px; padding-left:12px; padding-right:12px;
  background:linear-gradient(180deg, rgba(10,10,10,.96), rgba(10,10,10,.88));
  border-bottom:1px solid var(--mobilef15d6-line);
  scrollbar-width:none;
}
.mobilef15d6-tabs::-webkit-scrollbar{ display:none; }
.mobilef15d6-tab{
  flex:0 0 auto; padding:8px 14px; border-radius:var(--mobilef15d6-radius-pill);
  font-size:13px; font-weight:700; color:var(--mobilef15d6-ink-soft);
  background:rgba(255,255,255,.06); border:1px solid var(--mobilef15d6-line);
  white-space:nowrap; display:inline-flex; align-items:center; gap:6px;
}
.mobilef15d6-tab .mobilef15d6-tab-dot{ width:6px; height:6px; border-radius:50%; background:var(--mobilef15d6-cyan); }
.mobilef15d6-tab.is-active{
  background:linear-gradient(135deg,var(--mobilef15d6-blue),var(--mobilef15d6-cyan));
  color:#fff; border-color:transparent; box-shadow:0 6px 14px rgba(30,144,255,.35);
}
.mobilef15d6-tab.is-active .mobilef15d6-tab-dot{ background:var(--mobilef15d6-yellow); }

/* ---------- Game grid ---------- */
.mobilef15d6-grid{
  display:grid; gap:10px;
  grid-template-columns:repeat(4,1fr);
}
.mobilef15d6-card{
  position:relative; border-radius:var(--mobilef15d6-radius-md); overflow:hidden;
  background:var(--mobilef15d6-bg-panel); border:1px solid var(--mobilef15d6-line);
  box-shadow:0 6px 16px rgba(0,0,0,.35);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.mobilef15d6-card:hover{
  transform:translateY(-3px);
  border-color:rgba(255,239,148,.45);
  box-shadow:0 12px 24px rgba(0,0,0,.5), 0 0 0 1px rgba(255,239,148,.18);
}
.mobilef15d6-card-media{
  position:relative; aspect-ratio:1/1; background:#0c0a14; overflow:hidden;
}
.mobilef15d6-card-media img{
  width:100%; height:100%; object-fit:cover; transition:transform .35s ease;
}
.mobilef15d6-card:hover .mobilef15d6-card-media img{ transform:scale(1.06); }
.mobilef15d6-card-badge{
  position:absolute; top:5px; left:5px; z-index:2;
  font-size:9px; font-weight:800; letter-spacing:.4px;
  padding:3px 6px; border-radius:6px;
  background:linear-gradient(135deg,#ff5d5d,#ff2e63); color:#fff;
  box-shadow:0 3px 8px rgba(255,46,99,.4);
}
.mobilef15d6-card-badge.is-hot{ background:linear-gradient(135deg,#ff8a3d,#ff4d4d); }
.mobilef15d6-card-badge.is-new{ background:linear-gradient(135deg,#1E90FF,#00CED1); }
.mobilef15d6-card-badge.is-vip{ background:linear-gradient(135deg,#FFEF94,#ffd76b); color:#1a1100; }
.mobilef15d6-card-play{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  background:rgba(6,5,12,.55); opacity:0; transition:opacity .22s ease;
}
.mobilef15d6-card:hover .mobilef15d6-card-play{ opacity:1; }
.mobilef15d6-card-play span{
  display:inline-flex; align-items:center; gap:5px;
  background:linear-gradient(135deg,var(--mobilef15d6-yellow),var(--mobilef15d6-gold));
  color:#1a1100; font-weight:800; font-size:12px;
  padding:7px 13px; border-radius:var(--mobilef15d6-radius-pill);
  box-shadow:0 6px 14px rgba(0,0,0,.45);
}
.mobilef15d6-card-body{ padding:6px 7px 8px; text-align:center; }
.mobilef15d6-card-name{
  font-size:11px; font-weight:600; color:#fff; line-height:1.25;
  overflow:hidden; text-overflow:ellipsis; display:-webkit-box;
  -webkit-line-clamp:2; -webkit-box-orient:vertical; min-height:28px;
}
.mobilef15d6-card-meta{
  font-size:9.5px; color:var(--mobilef15d6-ink-mute); margin-top:2px; letter-spacing:.3px;
}

/* ---------- Promo strip ---------- */
.mobilef15d6-promo{
  display:flex; gap:12px; align-items:center;
  background:
    radial-gradient(120% 140% at 0% 0%, rgba(255,239,148,.18), transparent 60%),
    linear-gradient(135deg,#1b1140,#0b0a2a);
  border:1px solid rgba(255,239,148,.28); border-radius:var(--mobilef15d6-radius-lg);
  padding:14px; color:#fff; box-shadow:var(--mobilef15d6-shadow);
}
.mobilef15d6-promo-ico{
  width:46px; height:46px; border-radius:12px; flex:0 0 46px;
  display:flex; align-items:center; justify-content:center; font-size:22px;
  background:linear-gradient(135deg,var(--mobilef15d6-yellow),var(--mobilef15d6-gold));
  color:#1a1100; font-weight:800;
}
.mobilef15d6-promo-text{ flex:1; min-width:0; }
.mobilef15d6-promo-title{ font-size:15px; color:#fff; }
.mobilef15d6-promo-sub{ font-size:12px; color:var(--mobilef15d6-ink-soft); margin-top:2px; }

/* ---------- Feature list ---------- */
.mobilef15d6-features{
  display:grid; grid-template-columns:repeat(2,1fr); gap:10px;
}
.mobilef15d6-feature{
  background:var(--mobilef15d6-bg-panel); border:1px solid var(--mobilef15d6-line);
  border-radius:var(--mobilef15d6-radius-md); padding:13px 12px;
}
.mobilef15d6-feature-ico{
  width:34px; height:34px; border-radius:10px; display:flex; align-items:center; justify-content:center;
  font-size:17px; margin-bottom:8px;
  background:linear-gradient(135deg, rgba(30,144,255,.22), rgba(0,206,209,.20));
  color:#fff;
}
.mobilef15d6-feature h3{ font-size:13.5px; color:#fff; margin-bottom:4px; }
.mobilef15d6-feature p{ font-size:12px; color:var(--mobilef15d6-ink-soft); margin:0; line-height:1.5; }

/* ---------- Steps ---------- */
.mobilef15d6-steps{
  display:flex; flex-direction:column; gap:10px;
}
.mobilef15d6-step{
  display:flex; gap:12px; align-items:flex-start;
  background:var(--mobilef15d6-bg-panel); border:1px solid var(--mobilef15d6-line);
  border-radius:var(--mobilef15d6-radius-md); padding:12px;
}
.mobilef15d6-step-num{
  width:30px; height:30px; flex:0 0 30px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; font-weight:800; color:#1a1100;
  background:linear-gradient(135deg,var(--mobilef15d6-yellow),var(--mobilef15d6-gold));
  box-shadow:0 4px 10px rgba(255,223,148,.30);
}
.mobilef15d6-step h3{ font-size:13.5px; color:#fff; margin-bottom:3px; }
.mobilef15d6-step p{ font-size:12px; color:var(--mobilef15d6-ink-soft); margin:0; line-height:1.5; }

/* ---------- Info / content blocks ---------- */
.mobilef15d6-card-panel{
  background:var(--mobilef15d6-bg-panel); border:1px solid var(--mobilef15d6-line);
  border-radius:var(--mobilef15d6-radius-lg); padding:16px; color:var(--mobilef15d6-ink-soft);
  font-size:13.5px; line-height:1.75;
}
.mobilef15d6-card-panel h2{ font-size:16px; margin-bottom:8px; color:#fff; }
.mobilef15d6-card-panel h3{ font-size:14px; margin:12px 0 5px; color:var(--mobilef15d6-yellow); }
.mobilef15d6-card-panel p{ margin:0 0 10px; }
.mobilef15d6-card-panel strong{ color:#fff; }
.mobilef15d6-card-panel a{ color:var(--mobilef15d6-cyan); border-bottom:1px dashed rgba(0,206,209,.5); }
.mobilef15d6-card-panel ul.mobilef15d6-bullets{ margin:6px 0 12px; }
.mobilef15d6-card-panel ul.mobilef15d6-bullets li{
  position:relative; padding-left:18px; margin-bottom:6px; font-size:13px;
}
.mobilef15d6-card-panel ul.mobilef15d6-bullets li::before{
  content:""; position:absolute; left:4px; top:9px; width:6px; height:6px; border-radius:50%;
  background:linear-gradient(135deg,var(--mobilef15d6-yellow),var(--mobilef15d6-blue));
}

/* ---------- FAQ accordion ---------- */
.mobilef15d6-faq{ display:flex; flex-direction:column; gap:8px; }
.mobilef15d6-faq-item{
  background:var(--mobilef15d6-bg-panel); border:1px solid var(--mobilef15d6-line);
  border-radius:var(--mobilef15d6-radius-md); overflow:hidden;
}
.mobilef15d6-faq-q{
  width:100%; display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:13px 14px; text-align:left; font-weight:700; font-size:13.5px; color:#fff;
}
.mobilef15d6-faq-q .mobilef15d6-faq-ico{
  flex:0 0 22px; width:22px; height:22px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center; font-size:15px; font-weight:800;
  background:rgba(255,239,148,.16); color:var(--mobilef15d6-yellow);
  transition:transform .25s ease;
}
.mobilef15d6-faq-item.is-open .mobilef15d6-faq-ico{ transform:rotate(45deg); }
.mobilef15d6-faq-a{
  max-height:0; overflow:hidden; transition:max-height .3s ease;
  padding:0 14px;
}
.mobilef15d6-faq-a-inner{
  padding-bottom:13px; font-size:12.8px; color:var(--mobilef15d6-ink-soft); line-height:1.7;
}

/* ---------- Internal links grid ---------- */
.mobilef15d6-links{
  display:grid; grid-template-columns:repeat(2,1fr); gap:9px;
}
.mobilef15d6-link-tile{
  display:flex; gap:10px; align-items:center;
  padding:11px 12px; border-radius:var(--mobilef15d6-radius-md);
  background:var(--mobilef15d6-bg-panel); border:1px solid var(--mobilef15d6-line);
  color:#fff; font-weight:600; font-size:13px;
}
.mobilef15d6-link-tile:hover{
  border-color:rgba(0,206,209,.5); color:#fff; background:var(--mobilef15d6-bg-soft);
}
.mobilef15d6-link-tile-ico{
  width:28px; height:28px; flex:0 0 28px; border-radius:8px;
  display:flex; align-items:center; justify-content:center; font-size:14px;
  background:linear-gradient(135deg, rgba(30,144,255,.25), rgba(0,206,209,.22)); color:#fff;
}
.mobilef15d6-link-tile small{ display:block; font-size:10.5px; font-weight:500; color:var(--mobilef15d6-ink-mute); }

/* ---------- Notice / disclaimer ---------- */
.mobilef15d6-notice{
  display:flex; gap:10px; align-items:flex-start;
  padding:11px 12px; border-radius:var(--mobilef15d6-radius-md);
  background:rgba(255,93,93,.08); border:1px solid rgba(255,93,93,.32);
  font-size:12px; color:#ffd7d7; line-height:1.6;
}
.mobilef15d6-notice-ico{ flex:0 0 22px; font-size:16px; }

/* ---------- CTA banner ---------- */
.mobilef15d6-cta-banner{
  position:relative; overflow:hidden;
  border-radius:var(--mobilef15d6-radius-lg); padding:20px 16px; text-align:center;
  background:
    radial-gradient(120% 120% at 50% 0%, rgba(0,206,209,.30), transparent 60%),
    linear-gradient(135deg,#101b4a,#070a26);
  border:1px solid rgba(0,206,209,.35); color:#fff;
  box-shadow:var(--mobilef15d6-shadow);
}
.mobilef15d6-cta-banner h2{ font-size:19px; color:#fff; }
.mobilef15d6-cta-banner p{ font-size:12.5px; color:rgba(255,255,255,.85); margin:6px 0 14px; }
.mobilef15d6-cta-banner .mobilef15d6-btn{ margin:0 auto; }

/* ---------- Footer ---------- */
.mobilef15d6-footer{
  position:relative; z-index:1;
  background:linear-gradient(180deg,#0a0814,#06050a);
  border-top:1px solid var(--mobilef15d6-line);
  padding:20px 14px calc(var(--mobilef15d6-bottomnav-h) + 22px);
  color:var(--mobilef15d6-ink-mute); font-size:12.5px;
}
.mobilef15d6-footer-brand{
  display:flex; align-items:center; gap:9px; margin-bottom:10px;
}
.mobilef15d6-footer-brand img{ width:30px; height:30px; border-radius:8px; }
.mobilef15d6-footer-brand b{ color:#fff; font-size:14px; }
.mobilef15d6-footer h4{
  color:#fff; font-size:12.5px; letter-spacing:.6px; text-transform:uppercase; margin:14px 0 7px;
}
.mobilef15d6-footer-cols{
  display:grid; grid-template-columns:repeat(2,1fr); gap:14px;
}
.mobilef15d6-footer-cols ul li{ margin-bottom:6px; }
.mobilef15d6-footer-cols a{ color:var(--mobilef15d6-ink-soft); font-size:12.5px; }
.mobilef15d6-footer-cols a:hover{ color:var(--mobilef15d6-cyan); }
.mobilef15d6-footer-pay{
  display:flex; flex-wrap:wrap; gap:6px; margin-top:6px;
}
.mobilef15d6-footer-pay span{
  font-size:10.5px; padding:4px 9px; border-radius:6px;
  background:rgba(255,255,255,.06); border:1px solid var(--mobilef15d6-line); color:var(--mobilef15d6-ink-soft);
}
.mobilef15d6-footer-legal{
  margin-top:14px; padding-top:12px; border-top:1px solid var(--mobilef15d6-line);
  font-size:11px; color:var(--mobilef15d6-ink-mute); line-height:1.6;
}
.mobilef15d6-footer-legal a{ color:var(--mobilef15d6-ink-mute); text-decoration:underline; }

/* ---------- Bottom nav (fixed, locked to canvas) ---------- */
.mobilef15d6-bottomnav{
  position:fixed; z-index:80;
  left:50%; transform:translateX(-50%);
  bottom:0;
  width:100%; max-width:430px;
  height:var(--mobilef15d6-bottomnav-h);
  display:grid; grid-template-columns:repeat(5,1fr);
  background:linear-gradient(180deg, rgba(12,9,20,.94), rgba(6,5,10,.98));
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border-top:1px solid var(--mobilef15d6-line);
  box-shadow:0 -8px 24px rgba(0,0,0,.45);
  padding-bottom:env(safe-area-inset-bottom,0);
}
.mobilef15d6-bottomnav a, .mobilef15d6-bottomnav button{
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px;
  font-size:10px; font-weight:600; color:var(--mobilef15d6-ink-mute);
  padding:6px 2px; min-height:44px; text-align:center; line-height:1.1;
}
.mobilef15d6-bottomnav a:hover, .mobilef15d6-bottomnav button:hover{ color:var(--mobilef15d6-cyan); }
.mobilef15d6-bottomnav-ico{
  width:24px; height:24px; display:flex; align-items:center; justify-content:center;
  font-size:17px;
}
.mobilef15d6-bottomnav .is-active{ color:var(--mobilef15d6-yellow); }
.mobilef15d6-bottomnav .is-promo .mobilef15d6-bottomnav-ico{
  color:#1a1100;
  background:linear-gradient(135deg,var(--mobilef15d6-yellow),var(--mobilef15d6-gold));
  border-radius:50%; width:34px; height:34px; margin-top:-12px;
  box-shadow:0 4px 12px rgba(255,223,148,.40); font-size:18px;
}
.mobilef15d6-bottomnav .is-promo{ color:var(--mobilef15d6-yellow); }

/* ---------- Helpers ---------- */
.mobilef15d6-hide{ display:none !important; }
.mobilef15d6-text-center{ text-align:center; }
.mobilef15d6-mt-12{ margin-top:12px; }
.mobilef15d6-mt-16{ margin-top:16px; }
.mobilef15d6-row{ display:flex; gap:10px; }
.mobilef15d6-row > *{ flex:1; }

/* ---------- Breakpoint: widen grid at 430 ---------- */
@media (min-width:430px){
  .mobilef15d6-grid{ grid-template-columns:repeat(5,1fr); }
  .mobilef15d6-slide{ min-height:208px; }
  .mobilef15d6-slide-title{ font-size:21px; }
}

/* ---------- Breakpoint: extra-tight at <=360 ---------- */
@media (max-width:360px){
  body{ font-size:14px; }
  .mobilef15d6-grid{ gap:8px; }
  .mobilef15d6-card-name{ font-size:10.5px; }
  .mobilef15d6-section-title{ font-size:16.5px; }
  .mobilef15d6-features{ grid-template-columns:repeat(2,1fr); }
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  *{ scroll-behavior:auto !important; }
  .mobilef15d6-carousel-track{ transition:none !important; }
  .mobilef15d6-card:hover{ transform:none; }
}