/* ============================================================
   BELPARYAJ · PAM LAKAY — gid konplè (review portal)
   Solèy theme: warm cream · sunny gold · tropical green
   Mobile-first · left sidebar · hero slider · brand showcase
   ============================================================ */
:root{
  --cream:#faf3e6; --cream-2:#fffdf8; --sand:#f4e7c6; --sand-2:#f7ecd2;
  --ink:#2a2417; --ink-2:#5f5538; --ink-3:#857849;
  --gold:#f4ab2e; --gold-d:#d98712; --gold-l:#ffd463; --gold-soft:#fbe7b8;
  --green:#1f9e6a; --green-d:#147a51; --green-soft:#e7f6ee;
  --coral:#ef5a52; --red:#d6322b; --blue:#2f6fd0; --purple:#9456c9;
  --line:rgba(42,36,23,.10); --line-2:rgba(42,36,23,.06);
  --shadow:0 24px 50px -34px rgba(64,44,8,.5);
  --shadow-sm:0 14px 30px -22px rgba(64,44,8,.42);
  --radius:22px; --radius-lg:28px; --side-w:268px;
  --font:'Outfit',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--font);color:var(--ink);font-size:15px;line-height:1.62;
  background:
    radial-gradient(120% 50% at 92% -4%, var(--gold-soft) 0%, transparent 42%),
    radial-gradient(70% 44% at -6% 4%, #f6ecd6 0%, transparent 44%),
    var(--cream);
  background-attachment:fixed;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
a{text-decoration:none;color:inherit;}
img{display:block;max-width:100%;height:auto;}
h1,h2,h3,h4{margin:0;letter-spacing:-.02em;line-height:1.12;}
p{margin:0;}
input,select,textarea{font-size:16px;font-family:inherit;}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}

/* ---------- LAYOUT SHELL ---------- */
.shell{max-width:1320px;margin:0 auto;}
.main{padding:0 16px 92px;}
@media(min-width:1000px){
  .shell{display:grid;grid-template-columns:var(--side-w) 1fr;align-items:start;}
  .main{padding:22px 34px 56px;min-width:0;}
}

/* ---------- LOGO ---------- */
.bp{display:inline-flex;align-items:center;gap:11px;}
.bp-mark{position:relative;width:38px;height:38px;flex:0 0 auto;}
.bp-mark::before{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--gold);opacity:.34;}
.bp-mark .disc{position:absolute;inset:0;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#ffe9a8 0%,#f7b733 50%,#e0921a 100%);
  box-shadow:inset 0 -3px 7px rgba(120,60,0,.28),0 5px 12px -4px rgba(224,146,26,.8);}
.bp-mark .disc::after{content:"";position:absolute;left:29%;top:21%;width:8px;height:8px;border-radius:50%;
  background:rgba(255,255,255,.72);filter:blur(.6px);}
.bp-wm{display:flex;flex-direction:column;line-height:1;}
.bp-wm .nm{font-weight:800;font-size:20px;letter-spacing:-.012em;color:var(--ink);}
.bp-wm .nm em{font-style:normal;margin-left:.22em;
  background:linear-gradient(180deg,#f7b733,#e0921a);-webkit-background-clip:text;background-clip:text;color:transparent;}
.bp-wm .tag{margin-top:5px;font-size:8.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--green-d);}

/* ---------- MOBILE TOPBAR ---------- */
.topbar{position:sticky;top:0;z-index:45;display:flex;align-items:center;gap:12px;
  padding:11px 16px;background:rgba(250,243,230,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
.topbar .bp{margin-right:auto;}
.enskri-top{font-size:13.5px;font-weight:800;color:#fff;padding:10px 16px;border-radius:999px;
  background:linear-gradient(180deg,#27b377,var(--green));box-shadow:0 10px 20px -12px rgba(31,158,106,.8);}
.burger{width:44px;height:44px;border:1px solid var(--line);background:var(--cream-2);border-radius:13px;
  display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);flex:0 0 auto;}
.burger svg{width:21px;height:21px;}
@media(min-width:1000px){.topbar{display:none;}}

/* ---------- SIDEBAR ---------- */
.side{position:fixed;top:0;left:0;bottom:0;width:84vw;max-width:320px;z-index:60;
  background:var(--cream-2);border-right:1px solid var(--line);
  transform:translateX(-102%);transition:transform .28s cubic-bezier(.4,.1,.2,1);
  display:flex;flex-direction:column;padding:18px 16px;overflow-y:auto;
  box-shadow:24px 0 60px -28px rgba(64,44,8,.5);}
body.nav-open .side{transform:translateX(0);}
.side-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}
.side .x{width:40px;height:40px;border:1px solid var(--line);background:var(--cream);border-radius:11px;
  font-size:20px;cursor:pointer;color:var(--ink);display:flex;align-items:center;justify-content:center;}
.snav{display:flex;flex-direction:column;gap:3px;margin-top:14px;}
.snav a{display:flex;align-items:center;gap:12px;min-height:46px;padding:9px 13px;border-radius:13px;
  font-size:14.5px;font-weight:600;color:var(--ink-2);transition:.14s;}
.snav a svg{width:19px;height:19px;flex:0 0 auto;color:var(--ink-3);transition:.14s;}
.snav a:hover{background:var(--sand-2);color:var(--ink);}
.snav a:hover svg{color:var(--gold-d);}
.snav a.on{background:var(--sand);color:var(--gold-d);}
.snav a.on svg{color:var(--gold-d);}
.snav .tagx{margin-left:auto;font-size:9.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  color:#fff;background:var(--coral);padding:3px 8px;border-radius:999px;}
.snav .tagx.live{background:var(--coral);}
.snav .tagx.wc{background:var(--green);}
.side-sep{height:1px;background:var(--line);margin:14px 6px;}
.side-cta{margin-top:auto;padding-top:16px;}
.side-cta .konekte{display:block;text-align:center;font-weight:700;font-size:14.5px;color:var(--ink);
  padding:12px;border-radius:13px;border:1px solid var(--line);background:var(--cream);margin-bottom:9px;}
.side-cta .enskri{display:block;text-align:center;font-weight:800;font-size:15px;color:#fff;padding:13px;border-radius:13px;
  background:linear-gradient(180deg,#27b377,var(--green));box-shadow:0 12px 24px -12px rgba(31,158,106,.8);}
.lang{display:flex;gap:6px;margin:12px 0 4px;}
.lang a{flex:1;text-align:center;font-size:12.5px;font-weight:800;letter-spacing:.04em;padding:9px 0;border-radius:11px;
  border:1px solid var(--line);background:var(--cream);color:var(--ink-2);}
.lang a.on{background:var(--ink);color:var(--gold-l);border-color:var(--ink);}
.side-age{display:flex;align-items:center;gap:9px;margin-top:12px;font-size:11.5px;font-weight:600;color:var(--ink-3);}
.side-age b{background:var(--ink);color:#fff;font-size:11px;font-weight:800;padding:4px 8px;border-radius:7px;}

@media(min-width:1000px){
  .side{position:sticky;top:0;height:100vh;transform:none;box-shadow:none;width:auto;max-width:none;
    border-right:1px solid var(--line);background:linear-gradient(180deg,var(--cream-2),rgba(255,253,248,.6));}
  .side .x{display:none;}
}

/* scrim */
.scrim{position:fixed;inset:0;z-index:55;background:rgba(42,36,23,.46);opacity:0;visibility:hidden;transition:.25s;}
body.nav-open .scrim{opacity:1;visibility:visible;}
@media(min-width:1000px){.scrim{display:none;}}

/* ---------- SECTION HEADINGS ---------- */
.sec{margin-top:34px;scroll-margin-top:72px;}
.sh{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:16px;}
.sh h2{font-size:clamp(1.35rem,4.6vw,1.85rem);font-weight:800;}
.sh .kick{display:block;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--green-d);margin-bottom:6px;}
.sh .more{font-size:13.5px;font-weight:700;color:var(--green-d);white-space:nowrap;}
.sh .more:hover{color:var(--green);}
.tabs{display:flex;gap:6px;flex-wrap:wrap;}
.tabs button{border:1px solid var(--line);background:var(--cream-2);color:var(--ink-2);
  font-family:inherit;font-size:13px;font-weight:700;padding:9px 15px;border-radius:999px;cursor:pointer;min-height:40px;transition:.14s;}
.tabs button:hover{color:var(--ink);}
.tabs button.on{background:var(--ink);color:var(--gold-l);border-color:var(--ink);}

/* ---------- HERO SLIDER ---------- */
.hero{margin-top:16px;}
.slider{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);}
.slides{display:flex;transition:transform .5s cubic-bezier(.4,.1,.2,1);}
.slide{min-width:100%;position:relative;display:grid;grid-template-columns:1fr;gap:18px;
  padding:30px 24px 26px;color:#3a2a06;}
.slide.s-wc{background:linear-gradient(150deg,#1f9e6a 0%,#147a51 60%,#0f5e3f 100%);color:#eafff5;}
.slide.s-gold{background:linear-gradient(150deg,#ffd463 0%,#f4ab2e 56%,#ec8a3a 100%);color:#3a2a06;}
.slide.s-coral{background:linear-gradient(150deg,#f0726a 0%,#d6322b 100%);color:#fff;}
.slide-txt{position:relative;z-index:2;}
.slide .bk{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;letter-spacing:.05em;
  text-transform:uppercase;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.28);width:max-content;}
.slide.s-gold .bk{background:rgba(255,255,255,.45);color:#5a3e07;}
.slide h1,.slide h2.big{margin:16px 0 0;font-size:clamp(1.9rem,7vw,3rem);font-weight:800;line-height:1.02;}
.slide p{margin:13px 0 0;font-size:clamp(.95rem,3.6vw,1.1rem);font-weight:500;max-width:520px;opacity:.96;}
.slide-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;}
.btn-dark{padding:14px 24px;border-radius:999px;background:var(--ink);color:#ffe9b0;font-weight:800;font-size:15px;min-height:48px;display:inline-flex;align-items:center;}
.btn-dark:hover{background:#3a3120;}
.btn-soft{padding:14px 22px;border-radius:999px;background:rgba(255,255,255,.6);color:#3a2a06;font-weight:800;font-size:14.5px;min-height:48px;display:inline-flex;align-items:center;}
.slide.s-wc .btn-soft,.slide.s-coral .btn-soft{color:var(--ink);}
.btn-soft:hover{background:rgba(255,255,255,.82);}
.slide-fig{position:relative;justify-self:center;}
.slide .sun{position:absolute;right:-70px;top:-90px;width:280px;height:280px;border-radius:50%;
  background:radial-gradient(circle at 38% 38%,rgba(255,255,255,.5),rgba(255,255,255,0) 64%);pointer-events:none;}
.slide-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;}
.slide-meta div{position:relative;}
.slide-meta .lab{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;opacity:.8;}
.slide-meta .val{font-weight:800;font-size:21px;}

/* phone frame */
.phone{position:relative;width:188px;max-width:62vw;border-radius:30px;padding:8px;
  background:linear-gradient(160deg,#241d10,#3a3120);box-shadow:0 26px 50px -22px rgba(0,0,0,.55);}
.phone::before{content:"";position:absolute;top:13px;left:50%;transform:translateX(-50%);width:52px;height:5px;border-radius:999px;background:rgba(255,255,255,.32);z-index:3;}
.phone img{width:100%;height:auto;aspect-ratio:377/824;object-fit:cover;border-radius:23px;display:block;}

.slider-dots{display:flex;gap:7px;justify-content:center;margin-top:14px;}
.slider-dots button{width:8px;height:8px;border-radius:50%;border:0;background:var(--line);cursor:pointer;padding:0;transition:.2s;}
.slider-dots button.on{width:26px;border-radius:999px;background:var(--gold);}
.slider-nav{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;padding:0 10px;}
.slider-nav button{pointer-events:auto;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.85);
  color:var(--ink);font-size:20px;cursor:pointer;box-shadow:0 8px 20px -8px rgba(0,0,0,.4);display:none;}
.slider-nav button:hover{background:#fff;}

@media(min-width:760px){
  .slide{grid-template-columns:1.35fr .85fr;align-items:center;gap:24px;padding:46px 46px 42px;}
  .slide-fig{justify-self:end;}
  .slider-nav button{display:block;}
}

/* ---------- TRUST BAR ---------- */
.trust{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;}
.trust .ti{display:flex;align-items:center;gap:11px;background:var(--cream-2);border:1px solid var(--line);
  border-radius:16px;padding:13px 14px;box-shadow:var(--shadow-sm);}
.trust .ti svg{width:24px;height:24px;color:var(--green-d);flex:0 0 auto;}
.trust .ti b{display:block;font-size:14px;font-weight:800;}
.trust .ti span{font-size:11.5px;font-weight:600;color:var(--ink-3);}
@media(min-width:760px){.trust{grid-template-columns:repeat(4,1fr);}}

/* ---------- INTRO PROSE ---------- */
.prose{margin-top:34px;background:var(--cream-2);border:1px solid var(--line);border-radius:var(--radius);
  padding:24px 22px;box-shadow:var(--shadow-sm);}
.prose h2{font-size:clamp(1.35rem,4.6vw,1.8rem);font-weight:800;margin-bottom:12px;}
.prose p{margin-top:13px;font-size:15px;line-height:1.7;color:var(--ink-2);}
.prose p:first-of-type{margin-top:0;}
.prose strong{color:var(--ink);font-weight:800;}
.prose .lead{font-size:16.5px;color:var(--ink);}
@media(min-width:760px){.prose{padding:34px 38px;}}

/* ---------- WC 2026 SPOTLIGHT ---------- */
.wc{background:radial-gradient(120% 120% at 100% 0%,#1f9e6a,#0e5d3e);border-radius:var(--radius-lg);
  padding:26px 22px;color:#eafff5;box-shadow:var(--shadow);overflow:hidden;position:relative;}
.wc::after{content:"";position:absolute;right:-60px;bottom:-80px;width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle,rgba(244,171,46,.4),transparent 64%);pointer-events:none;}
.wc-top{display:flex;flex-direction:column;gap:18px;}
.wc .bk{display:inline-flex;align-items:center;gap:8px;width:max-content;font-size:11.5px;font-weight:800;letter-spacing:.06em;
  text-transform:uppercase;color:#0e5d3e;background:var(--gold-l);padding:7px 14px;border-radius:999px;}
.wc h2{font-size:clamp(1.5rem,5.5vw,2.3rem);font-weight:800;margin-top:14px;color:#fff;}
.wc p{margin-top:12px;font-size:15px;line-height:1.65;color:rgba(255,255,255,.9);max-width:560px;}
.wc-group{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;}
.wc-group span{font-size:12.5px;font-weight:800;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;}
.wc-group span.me{background:var(--gold);color:#3a2a06;}
.wc-fig{position:relative;z-index:2;display:flex;justify-content:center;}
.wc-matches{display:grid;grid-template-columns:1fr;gap:11px;margin-top:20px;position:relative;z-index:2;}
.mc{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:14px 16px;}
.mc .when{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--gold-l);}
.mc .teams{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;font-size:15px;font-weight:800;color:#fff;}
.mc .od{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px;}
.mc .od b{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:14.5px;font-weight:800;color:#fff;
  background:rgba(255,255,255,.12);border-radius:10px;padding:8px 0;}
.mc .od b small{font-size:9.5px;font-weight:800;opacity:.7;text-transform:uppercase;}
@media(min-width:860px){
  .wc{padding:38px 40px;}
  .wc-top{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:26px;}
  .wc-matches{grid-template-columns:repeat(3,1fr);}
}

/* ---------- PRODUCT TILES ---------- */
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.tile{position:relative;overflow:hidden;border-radius:18px;padding:18px;min-height:116px;
  display:flex;flex-direction:column;justify-content:space-between;color:#fff;box-shadow:var(--shadow-sm);}
.tile svg{width:26px;height:26px;color:rgba(255,255,255,.92);}
.tile b{position:relative;font-weight:800;font-size:17px;margin-top:8px;}
.tile span{position:relative;font-size:12px;font-weight:600;opacity:.94;}
.tile .dot{position:absolute;right:-24px;top:-24px;width:92px;height:92px;border-radius:50%;background:rgba(255,255,255,.15);}
.tile.g{background:linear-gradient(140deg,#27b377,#127a4d);}
.tile.r{background:linear-gradient(140deg,#ef5a52,#d6322b);}
.tile.b{background:linear-gradient(140deg,#3a7bd5,#2456b8);}
.tile.p{background:linear-gradient(140deg,#b06ad6,#8341bd);}
@media(min-width:760px){.tiles{grid-template-columns:repeat(4,1fr);}}

/* ---------- CASINO GRID ---------- */
.split{display:grid;grid-template-columns:1fr;gap:16px;align-items:start;}
@media(min-width:980px){.split.s-3070{grid-template-columns:1fr 300px;}}
.gms{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.gm{position:relative;border-radius:16px;overflow:hidden;background:var(--cream-2);border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:.16s;}
.gm:hover{transform:translateY(-3px);}
.gm .art{aspect-ratio:1;overflow:hidden;background:var(--sand-2);}
.gm .art img{width:100%;height:100%;object-fit:cover;}
.gm .cap{padding:10px 11px 12px;}
.gm .cap b{display:block;font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gm .cap small{font-size:11px;color:var(--ink-3);font-weight:700;}
.gm .flag{position:absolute;top:8px;left:8px;z-index:2;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;
  color:#fff;padding:4px 8px;border-radius:999px;}
.gm .flag.hot{background:var(--coral);}
.gm .flag.jp{background:var(--gold-d);}
.gm .flag.new{background:var(--green);}
@media(min-width:560px){.gms{grid-template-columns:repeat(3,1fr);}}
@media(min-width:980px){.gms{grid-template-columns:repeat(4,1fr);}}

/* showcase card (phone screenshot beside grid) */
.showcase{background:var(--cream-2);border:1px solid var(--line);border-radius:var(--radius);padding:18px;
  box-shadow:var(--shadow-sm);text-align:center;}
.showcase .phone{margin:4px auto 14px;}
.showcase h3{font-size:16px;font-weight:800;}
.showcase p{margin-top:8px;font-size:13px;color:var(--ink-2);line-height:1.55;}
.showcase .pl{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:13.5px;font-weight:800;color:var(--green-d);}

/* ---------- CRASH STRIP ---------- */
.crash{display:grid;grid-template-columns:1fr;gap:14px;}
.crash-feat{position:relative;overflow:hidden;border-radius:var(--radius);padding:26px 24px;color:#fff;
  background:radial-gradient(120% 120% at 100% 0%,#3a3120,#15120c);display:flex;flex-direction:column;gap:16px;}
.crash-feat::after{content:"";position:absolute;right:-40px;bottom:-60px;width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle,rgba(244,171,46,.35),transparent 64%);}
.crash-feat .bk{position:relative;display:inline-flex;width:max-content;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;
  color:var(--gold-l);background:rgba(244,171,46,.16);padding:7px 14px;border-radius:999px;}
.crash-feat h3{position:relative;font-size:clamp(1.5rem,5vw,2rem);font-weight:800;}
.crash-feat p{position:relative;font-size:14px;line-height:1.55;color:rgba(255,255,255,.82);max-width:440px;}
.crash-feat .row{position:relative;display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.crash-feat .mult{font-size:28px;font-weight:800;color:var(--gold-l);}
.crash-feat .play{padding:13px 22px;border-radius:999px;background:linear-gradient(180deg,#27b377,var(--green));color:#fff;font-weight:800;font-size:14.5px;min-height:46px;display:inline-flex;align-items:center;}
.crash-mini{background:var(--cream-2);border:1px solid var(--line);border-radius:18px;padding:16px 18px;box-shadow:var(--shadow-sm);}
.crash-mini .lbl{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);}
.ticks{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px;}
.ticks b{font-size:13px;font-weight:800;padding:6px 10px;border-radius:9px;}
.ticks b.hi{background:var(--green-soft);color:var(--green-d);}
.ticks b.lo{background:#fbe7e6;color:var(--red);}
@media(min-width:860px){.crash{grid-template-columns:1.5fr 1fr;}}

/* ---------- PROMOS ---------- */
.proms{display:grid;grid-template-columns:1fr;gap:14px;}
.prom{background:var(--cream-2);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm);}
.prom.feat{background:linear-gradient(150deg,#fff5dd,#fbe7b8);border-color:#eccf86;}
.prom .pk{display:inline-flex;width:max-content;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;
  color:var(--green-d);background:var(--green-soft);padding:6px 12px;border-radius:999px;}
.prom.feat .pk{color:var(--gold-d);background:rgba(255,255,255,.65);}
.prom h4{margin-top:14px;font-size:19px;font-weight:800;}
.prom p{margin-top:9px;font-size:13.5px;line-height:1.55;color:var(--ink-2);}
.prom .pl{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:13.5px;font-weight:800;color:var(--green-d);}
.prom.feat .pl{color:var(--gold-d);}
@media(min-width:680px){.proms{grid-template-columns:repeat(2,1fr);}}
@media(min-width:1040px){.proms{grid-template-columns:repeat(4,1fr);}.prom.feat{grid-column:span 1;}}

/* ---------- APP GALLERY ---------- */
.gallery{display:flex;gap:14px;overflow-x:auto;padding:6px 2px 14px;scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;}
.gallery::-webkit-scrollbar{height:8px;}
.gallery::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px;}
.gcard{flex:0 0 auto;scroll-snap-align:start;text-align:center;width:200px;}
.gcard .phone{margin:0 auto 12px;width:200px;max-width:64vw;}
.gcard .cap{font-size:13px;font-weight:800;color:var(--ink);}
.gcard .cap small{display:block;font-size:11.5px;font-weight:600;color:var(--ink-3);margin-top:3px;}

/* ---------- SOCIAL / COMMUNITY ---------- */
.social{display:grid;grid-template-columns:1fr;gap:16px;}
.yt{position:relative;border-radius:var(--radius);overflow:hidden;background:#1a140a;aspect-ratio:16/9;
  display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);}
.yt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;}
.yt .ytbtn{position:relative;z-index:2;width:66px;height:66px;border-radius:50%;background:rgba(214,50,43,.95);
  display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px -10px rgba(0,0,0,.6);}
.yt .ytbtn svg{width:26px;height:26px;color:#fff;margin-left:3px;}
.yt .ytlbl{position:absolute;left:16px;bottom:14px;z-index:2;color:#fff;font-weight:800;font-size:14px;
  text-shadow:0 2px 8px rgba(0,0,0,.6);max-width:80%;}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.reviews{display:grid;grid-template-columns:1fr;gap:11px;}
.rv{background:var(--cream-2);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow-sm);}
.rv .head{display:flex;align-items:center;gap:11px;}
.rv .av{width:40px;height:40px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:15px;color:#3a2a06;background:linear-gradient(150deg,var(--gold-l),var(--gold));}
.rv .nm{font-size:14px;font-weight:800;color:var(--ink);}
.rv .loc{font-size:11.5px;font-weight:600;color:var(--ink-3);}
.rv .stars{margin-left:auto;color:var(--gold-d);font-size:13px;letter-spacing:1px;font-weight:800;}
.rv p{margin-top:11px;font-size:13.5px;line-height:1.6;color:var(--ink-2);}
@media(min-width:860px){
  .social{grid-template-columns:1.1fr .9fr;align-items:start;}
  .reviews{grid-template-columns:1fr;}
}

/* ---------- DEPOSIT / MONCASH ---------- */
.depo{display:grid;grid-template-columns:1fr;gap:16px;align-items:start;}
.depo-card{background:var(--cream-2);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm);}
.depo-card h3{font-size:20px;font-weight:800;}
.depo-card .mut{font-size:13px;color:var(--ink-3);font-weight:600;margin-top:4px;margin-bottom:16px;}
.pay{display:flex;align-items:center;gap:12px;background:var(--green-soft);border:1px solid rgba(31,158,106,.2);
  border-radius:14px;padding:13px 15px;margin-bottom:11px;}
.pay .ic{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:12px;flex:0 0 auto;}
.pay .ic.mc{background:var(--red);}
.pay .ic.nc{background:#1f6fb2;}
.pay b{display:block;font-size:14px;font-weight:800;}
.pay span{font-size:11.5px;color:var(--green-d);font-weight:700;}
.steps{counter-reset:s;margin-top:6px;}
.steps li{list-style:none;position:relative;padding:11px 0 11px 44px;border-top:1px solid var(--line);font-size:13.5px;color:var(--ink-2);font-weight:600;}
.steps li:first-child{border-top:0;}
.steps li::before{counter-increment:s;content:counter(s);position:absolute;left:0;top:9px;width:30px;height:30px;border-radius:9px;
  background:var(--sand);color:var(--gold-d);font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;}
.steps li b{color:var(--ink);}
@media(min-width:880px){.depo{grid-template-columns:1fr 1fr;}}

/* ---------- FAQ ---------- */
.faq{display:flex;flex-direction:column;gap:10px;}
.faq details{background:var(--cream-2);border:1px solid var(--line);border-radius:16px;padding:2px 18px;box-shadow:var(--shadow-sm);}
.faq summary{list-style:none;cursor:pointer;padding:16px 30px 16px 0;font-size:15px;font-weight:800;color:var(--ink);position:relative;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";position:absolute;right:2px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:700;color:var(--gold-d);}
.faq details[open] summary::after{content:"\2212";}
.faq details p{padding:0 0 16px;font-size:13.5px;line-height:1.65;color:var(--ink-2);}

/* ---------- FOOTER ---------- */
.foot{margin-top:46px;border-top:1px solid var(--line);background:linear-gradient(180deg,transparent,rgba(247,236,210,.5));}
.foot-in{padding:38px 16px 26px;}
.foot .top{display:grid;grid-template-columns:1fr 1fr;gap:26px 20px;}
.foot .about{grid-column:1 / -1;}
.foot .col h5{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin-bottom:12px;}
.foot .col a{display:block;font-size:13.5px;font-weight:600;color:var(--ink-2);padding:5px 0;}
.foot .col a:hover{color:var(--ink);}
.foot .about p{margin-top:13px;font-size:13px;line-height:1.6;color:var(--ink-2);max-width:380px;}
.licence{margin-top:16px;font-size:12px;line-height:1.6;color:var(--ink-3);background:var(--cream-2);border:1px solid var(--line);
  border-radius:14px;padding:13px 15px;}
.licence b{color:var(--ink-2);}
.prov{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;}
.prov span{font-size:11.5px;font-weight:700;color:var(--ink-2);background:var(--cream-2);border:1px solid var(--line);border-radius:999px;padding:6px 12px;}
.foot .legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);
  margin-top:26px;padding-top:20px;font-size:12.5px;font-weight:600;color:var(--ink-3);}
.foot .legal .age{display:inline-flex;align-items:center;gap:8px;}
.foot .legal .age b{background:var(--ink);color:#fff;font-size:11px;font-weight:800;padding:4px 8px;border-radius:7px;}
@media(min-width:760px){
  .foot-in{padding:46px 34px 30px;}
  .foot .top{grid-template-columns:1.5fr 1fr 1fr 1fr;}
  .foot .about{grid-column:auto;}
}

/* ---------- MOBILE STICKY CTA ---------- */
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:50;padding:11px 16px calc(11px + env(safe-area-inset-bottom));
  background:rgba(250,243,230,.94);backdrop-filter:blur(10px);border-top:1px solid var(--line);}
.sticky-cta a{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;border-radius:14px;
  background:linear-gradient(180deg,var(--gold-l),var(--gold));color:#3a2a06;font-weight:800;font-size:15.5px;
  box-shadow:0 14px 26px -14px rgba(244,171,46,.9);}
@media(min-width:1000px){.sticky-cta{display:none;}}
@media(min-width:1000px){.main{padding-bottom:56px;}}

/* ---------- REVEAL ---------- */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease;}
.reveal.in{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;}.slides{transition:none;}}

/* ============================================================
   SUBPAGES — breadcrumb, page header, content helpers
   ============================================================ */
.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;
  font-size:12.5px;font-weight:600;color:var(--ink-3);margin:14px 0 4px;}
.crumb a{color:var(--green-d);}
.crumb a:hover{text-decoration:underline;}
.crumb span{opacity:.5;}
@media(min-width:1000px){.crumb{margin-top:4px;}}

.ph{position:relative;overflow:hidden;margin:10px 0 6px;padding:22px 20px 24px;
  border-radius:var(--radius-lg);border:1px solid var(--line);
  background:
    radial-gradient(120% 120% at 100% 0%,var(--gold-soft) 0%,transparent 52%),
    linear-gradient(180deg,var(--cream-2),var(--sand-2));
  box-shadow:var(--shadow-sm);}
.ph .kick{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:var(--green-d);
  background:var(--green-soft);padding:5px 11px;border-radius:999px;margin-bottom:11px;}
.ph h1{font-size:27px;font-weight:800;color:var(--ink);}
.ph .lead{margin-top:11px;font-size:16px;color:var(--ink-2);max-width:62ch;}
.ph .ph-cta{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px;}
@media(min-width:760px){.ph{padding:30px 30px 32px;}.ph h1{font-size:34px;}}

.btn-go{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:14.5px;
  padding:12px 20px;border-radius:999px;color:#3a2400;
  background:linear-gradient(180deg,var(--gold-l),var(--gold));
  box-shadow:0 12px 26px -12px rgba(217,135,18,.9);}
.btn-go:active{transform:translateY(1px);}
.btn-line{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px;
  padding:11px 18px;border-radius:999px;color:var(--ink);
  background:var(--cream-2);border:1px solid var(--line);}

.cols{display:grid;gap:18px;}
@media(min-width:920px){.cols.c-6040{grid-template-columns:1.4fr 1fr;align-items:start;}
  .cols.c-5050{grid-template-columns:1fr 1fr;align-items:start;}}

.note{display:flex;gap:12px;padding:15px 17px;border-radius:18px;
  background:var(--green-soft);border:1px solid rgba(20,122,81,.18);
  font-size:14px;color:var(--ink-2);margin:16px 0;}
.note.warn{background:#fdeee0;border-color:rgba(217,135,18,.26);}
.note b{color:var(--ink);}
.note svg{flex:0 0 auto;width:22px;height:22px;color:var(--green-d);margin-top:1px;}
.note.warn svg{color:var(--gold-d);}

.flist{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:11px;}
.flist li{position:relative;padding-left:30px;font-size:14.5px;color:var(--ink-2);}
.flist li b{color:var(--ink);}
.flist li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;
  background:var(--green-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23147a51' stroke-width='3'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E") center/12px no-repeat;}

.kv{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--cream-2);margin-top:14px;}
.kv .row{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;
  padding:12px 16px;border-top:1px solid var(--line-2);font-size:14px;}
.kv .row:first-child{border-top:0;}
.kv .row .k{font-weight:700;color:var(--ink);flex:0 0 auto;}
.kv .row .v{color:var(--ink-2);text-align:right;}
.kv .row .v a{color:var(--green-d);font-weight:600;}

.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.chips span{font-size:12.5px;font-weight:700;color:var(--ink-2);
  background:var(--cream-2);border:1px solid var(--line);padding:7px 13px;border-radius:999px;}
.chips span.hi{background:var(--green-soft);color:var(--green-d);border-color:rgba(20,122,81,.2);}

.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--cream-2);
  padding:18px 18px 20px;box-shadow:var(--shadow-sm);}
.card h3{font-size:17px;margin-bottom:8px;}
.card p{font-size:14px;color:var(--ink-2);}
.cards{display:grid;gap:14px;}
@media(min-width:680px){.cards.cc-2{grid-template-columns:1fr 1fr;}
  .cards.cc-3{grid-template-columns:repeat(3,1fr);}}

.pagenav{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}
.pagenav a{flex:1 1 200px;display:flex;align-items:center;gap:10px;
  padding:14px 16px;border-radius:16px;border:1px solid var(--line);
  background:var(--cream-2);font-weight:700;font-size:14px;color:var(--ink);}
.pagenav a:hover{border-color:var(--gold);}
.pagenav a svg{width:18px;height:18px;color:var(--green-d);}

/* ============================================================
   COMPARISON TABLE (kazino — Haitian brands)
   ============================================================ */
.cmp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:16px 0 6px;
  border:1px solid var(--line);border-radius:var(--radius);background:var(--cream-2);}
.cmp{border-collapse:separate;border-spacing:0;width:100%;min-width:580px;font-size:13px;}
.cmp th,.cmp td{padding:11px 13px;text-align:left;border-bottom:1px solid var(--line-2);vertical-align:top;line-height:1.35;}
.cmp thead th{position:sticky;top:0;z-index:2;background:var(--sand-2);font-weight:800;
  color:var(--ink);font-size:12.5px;white-space:nowrap;}
.cmp thead th.me{color:var(--green-d);}
.cmp tbody th{font-weight:700;color:var(--ink);white-space:nowrap;position:sticky;left:0;z-index:1;
  background:var(--cream-2);box-shadow:1px 0 0 var(--line-2);}
.cmp td.me{background:var(--green-soft);font-weight:600;}
.cmp .yes{color:var(--green-d);font-weight:800;}
.cmp .no{color:var(--ink-3);font-weight:700;}
.cmp .part{color:var(--gold-d);font-weight:800;}
.cmp tbody tr:last-child th,.cmp tbody tr:last-child td{border-bottom:0;}
.cmp-note{font-size:12px;color:var(--ink-3);margin:2px 2px 0;}