/* ============================================================
   GRANDPASHABET — Casino & Sports Betting
   Theme: olive (#505D04) on dark (#181F02)
   ============================================================ */

:root{
  --bg: #181F02;
  --bg-2: #1F2706;
  --bg-3: #283308;
  --bg-4: #344108;
  --line: #3A4A0A;
  --line-2: #4A5C0E;
  --primary: #505D04;
  --primary-2: #6E8009;
  --primary-3: #8AA00C;
  --accent: #D6E04E;
  --accent-2: #C9D437;
  --text: #EFF3D8;
  --text-mute: #B6C18A;
  --text-dim: #889267;
  --white: #ffffff;
  --black: #000000;
  --danger: #d13c3c;
  --radius: 12px;
  --radius-lg: 18px;
  --radius-pill: 999px;
  --shadow-1: 0 6px 14px rgba(0,0,0,.35);
  --shadow-2: 0 14px 34px rgba(0,0,0,.45);
  --shadow-prim: 0 6px 0 0 #2D3402, 0 12px 24px rgba(80,93,4,.45);
  --shadow-prim-hover: 0 4px 0 0 #2D3402, 0 18px 30px rgba(80,93,4,.55);
}

*,*::before,*::after{ box-sizing:border-box; }
html,body{ overflow-x:hidden; width:100%; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body{
  margin:0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Roboto, "Helvetica Neue", Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height: 1.55;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  background-image:
    radial-gradient(1100px 600px at 70% -10%, rgba(80,93,4,.30), transparent 60%),
    radial-gradient(900px 500px at -10% 30%, rgba(80,93,4,.18), transparent 60%);
}
img{ max-width:100%; height:auto; display:block; }
a{ color: inherit; text-decoration: none; }
button{ font: inherit; cursor: pointer; background: none; border: 0; color: inherit; }
ul{ margin: 0; padding: 0; list-style: none; }
h1,h2,h3,h4,h5{ margin: 0 0 .5em; line-height: 1.2; font-weight: 800; letter-spacing:.01em; }
p{ margin: 0 0 1em; overflow-wrap:anywhere; word-break:break-word; }
strong{ color: var(--text); }

.container{
  width:100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
  min-width: 0;
}

.skip{
  position: absolute; top:-200px; left: 50%; transform: translateX(-50%);
  background: var(--primary); color:#fff; padding:12px 18px; border-radius: 8px;
  font-weight: 800; z-index: 9999;
}
.skip:focus{ top: 12px; }

/* ----------- Buttons ----------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  gap:8px;
  min-height: 46px; padding: 12px 22px;
  border-radius: 10px;
  font-weight: 900; letter-spacing:.04em; text-transform: uppercase;
  font-size: 14px; line-height:1.1;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
  border: 2px solid transparent;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
}
.btn--sm{ min-height: 38px; padding: 9px 14px; font-size: 12px; }
.btn--lg{ min-height: 50px; padding: 14px 26px; font-size: 14px; }
.btn--xl{ min-height: 58px; padding: 18px 34px; font-size: 16px; }

.btn--primary{
  background: linear-gradient(180deg, #6E8009 0%, #505D04 100%);
  color:#fff;
  border-color: #8AA00C;
  box-shadow: var(--shadow-prim);
  text-shadow: 0 1px 0 rgba(0,0,0,.3);
}
.btn--primary:hover{
  transform: translateY(-2px);
  box-shadow: var(--shadow-prim-hover);
  background: linear-gradient(180deg, #7C9009 0%, #5C6B05 100%);
}
.btn--primary:active{
  transform: translateY(2px);
  box-shadow: 0 2px 0 0 #2D3402, 0 6px 14px rgba(80,93,4,.4);
}

.btn--ghost{
  background: rgba(214,224,78,.06);
  color: var(--accent);
  border-color: rgba(214,224,78,.45);
  box-shadow: 0 4px 0 0 rgba(0,0,0,.25);
}
.btn--ghost:hover{
  background: rgba(214,224,78,.14);
  border-color: var(--accent);
  color: #fff;
  transform: translateY(-2px);
}
.btn--ghost:active{ transform: translateY(2px); }

/* ----------- Header ----------- */
.site-header{
  position: sticky; top: 0; z-index: 100;
  background: rgba(20,26,2,.96);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--line);
  box-shadow: 0 6px 18px rgba(0,0,0,.35);
}
.site-header.is-scrolled{ background: rgba(15,20,1,.98); }

.header-top{ padding: 12px 0; }
.header-top__inner{
  display:flex; align-items:center; gap: 14px;
  flex-wrap: nowrap;
  min-width: 0;
}

.brand{
  display:flex; align-items:center; gap:10px; flex-shrink: 0; min-width:0;
}
.brand__star{ display:flex; }
.brand__text{ display:flex; flex-direction:column; line-height:1; }
.brand__title{
  font-weight: 900; letter-spacing:.06em; font-size: 18px;
  color: var(--text);
}
.brand__sub{
  font-size: 9px; letter-spacing:.18em; color: var(--text-mute);
  margin-top: 2px;
}
.brand--footer .brand__title{ font-size: 22px; }
.brand--footer .brand__sub{ font-size: 10px; }

.header-icons{ display:flex; align-items:center; gap: 6px; }
.hicon{
  display:inline-flex; align-items:center; gap:5px;
  width: 38px; height: 38px;
  justify-content:center;
  border-radius: 8px;
  background: rgba(80,93,4,.22);
  color: var(--accent);
  border: 1px solid rgba(214,224,78,.18);
  transition: background .15s, transform .15s;
}
.hicon:hover{ background: rgba(80,93,4,.4); transform: translateY(-1px); }
.hicon--live{
  width:auto; padding: 0 10px;
  background: linear-gradient(180deg, rgba(80,93,4,.7), rgba(80,93,4,.45));
  color:#fff; border-color: var(--primary-3); font-weight:900; font-size:11px; letter-spacing:.1em;
}
.hicon--live span{ font-weight: 900; }

.tournament{
  display:flex; align-items:center; gap: 10px;
  background: linear-gradient(180deg, rgba(110,128,9,.35), rgba(80,93,4,.5));
  padding: 8px 14px;
  border-radius: 10px;
  border: 1px solid var(--primary-2);
  flex: 1 1 auto; min-width: 0;
  transition: transform .15s, box-shadow .15s;
}
.tournament:hover{ transform: translateY(-1px); box-shadow: 0 8px 20px rgba(80,93,4,.4); }
.tournament__badge{
  width: 32px; height: 32px; border-radius: 50%;
  background: var(--accent); color: var(--bg);
  display:flex; align-items:center; justify-content:center;
  flex-shrink: 0;
}
.tournament__copy{ display:flex; flex-direction:column; line-height:1; min-width:0; }
.tournament__t1{ font-size: 11px; letter-spacing:.16em; color: var(--text-mute); font-weight: 800; }
.tournament__t2{ font-size: 18px; font-weight: 900; color: var(--white); letter-spacing:.04em; margin-top: 3px; }
.tournament__cta{
  margin-left:auto;
  display:flex; flex-direction:column; line-height:1; text-align: right;
  font-weight: 900;
}
.tournament__cta span{ font-size: 11px; color: var(--accent); letter-spacing:.14em; }
.tournament__cta strong{ font-size: 16px; color: #fff; letter-spacing:.04em; margin-top: 3px; }

.header-cta{ display:flex; gap:8px; flex-shrink: 0; }

.lang{
  display:inline-flex; align-items:center; gap: 6px;
  padding: 6px 8px; border-radius: 8px;
  background: rgba(80,93,4,.25);
  border: 1px solid rgba(214,224,78,.2);
  color: var(--accent);
  flex-shrink: 0;
}
.flag{
  position: relative;
  width: 28px; height: 18px;
  border-radius: 3px; overflow: hidden;
  background: #E30A17;
  display:inline-block;
  flex-shrink: 0;
}
.flag--lg{ width: 36px; height: 24px; }
.flag__red{ position:absolute; inset:0; background:#E30A17; }
.flag__moon{
  position:absolute; left: 30%; top: 50%;
  width: 10px; height: 10px; border-radius: 50%;
  background: #fff; transform: translate(-50%,-50%);
  box-shadow: 3px 0 0 0 #E30A17 inset;
}
.flag--lg .flag__moon{ width: 13px; height: 13px; box-shadow: 4px 0 0 0 #E30A17 inset; }
.flag__star{
  position:absolute; left: 60%; top: 50%; transform: translate(-50%,-50%);
  width: 0; height: 0;
  border-left: 4px solid transparent; border-right: 4px solid transparent;
  border-bottom: 6px solid #fff;
}

.burger{
  display:none;
  width: 42px; height: 42px;
  border-radius: 10px;
  background: var(--primary);
  border: 1px solid var(--primary-2);
  align-items:center; justify-content:center;
  flex-direction: column; gap: 5px;
}
.burger span{
  display:block; width: 22px; height: 2px; background: var(--accent); border-radius:2px;
  transition: transform .2s, opacity .2s;
}
.burger.is-open span:nth-child(1){ transform: translateY(7px) rotate(45deg); }
.burger.is-open span:nth-child(2){ opacity: 0; }
.burger.is-open span:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }

/* ----- Nav ----- */
.site-nav{
  background: linear-gradient(180deg, rgba(80,93,4,.35), rgba(40,51,8,.7));
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.site-nav__inner{
  display:flex; align-items:stretch; gap: 4px;
  overflow-x: auto;
  scrollbar-width: none;
}
.site-nav__inner::-webkit-scrollbar{ display:none; }

.navLink{
  display:inline-flex; align-items:center; gap:8px;
  padding: 16px 20px;
  font-weight: 900; font-size: 14px; letter-spacing:.04em;
  color: var(--text);
  white-space: nowrap;
  border-bottom: 3px solid transparent;
  transition: color .15s, background .15s, border-color .15s;
}
.navLink:hover{ color: var(--accent); background: rgba(214,224,78,.05); }
.navLink--with-badge{ color: var(--accent); border-bottom-color: var(--accent); }

.badge{
  display:inline-block;
  padding: 3px 8px; border-radius: 4px;
  font-size: 9px; letter-spacing:.12em; font-weight: 900;
}
.badge--premium{
  background: linear-gradient(180deg, #B19A4F, #8B7634);
  color: #2A2002;
  text-shadow: 0 1px 0 rgba(255,255,255,.15);
  box-shadow: 0 2px 0 rgba(0,0,0,.3);
}

/* ----------- Hero ----------- */
.hero{
  position: relative;
  padding-top: 0;
  background:
    radial-gradient(900px 400px at 80% 0%, rgba(80,93,4,.45), transparent 60%),
    linear-gradient(180deg, rgba(31,39,6,.7), rgba(24,31,2,.95));
  overflow: hidden;
}
.hero__media{
  width: 100%;
  border-bottom: 1px solid var(--line);
  background: var(--bg-2);
}
.hero__banner-link{ display:block; }
.hero__media img{
  width: 100%;
  max-height: 380px;
  object-fit: cover;
  object-position: center;
}
.hero__inner{ padding: 48px 20px 56px; }
.hero__copy{
  text-align: center;
  max-width: 920px; margin: 0 auto;
}
.hero__eyebrow{
  display:inline-block;
  font-weight: 900; font-size: 12px; letter-spacing: .26em;
  color: var(--accent);
  background: rgba(214,224,78,.08);
  padding: 8px 14px; border-radius: var(--radius-pill);
  border: 1px solid rgba(214,224,78,.25);
  margin-bottom: 20px;
}
.hero__title{
  font-size: clamp(34px, 6vw, 72px);
  margin: 0 0 18px;
  line-height: 1.05;
  color: #fff;
  text-shadow: 0 4px 24px rgba(0,0,0,.4);
}
.hero__bonus{
  display: block;
  font-weight: 900; letter-spacing:.02em;
  background: linear-gradient(180deg, #F1F8A6 0%, #D6E04E 60%, #A4B11A 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 4px 0 rgba(0,0,0,.4));
}
.hero__bonus-2{
  display: block;
  font-size: clamp(18px, 2.4vw, 30px);
  margin-top: 8px;
  color: #fff;
  letter-spacing: .08em;
}
.hero__sub{
  color: var(--text-mute);
  font-size: clamp(15px, 1.4vw, 18px);
  max-width: 700px; margin: 0 auto 26px;
}
.hero__ctas{
  display:flex; gap: 14px; justify-content:center; flex-wrap: wrap;
  margin-bottom: 18px;
}
.hero__terms{
  font-size: 12px; color: var(--text-dim); letter-spacing:.04em;
  margin: 0;
}

/* ----------- Filterbar ----------- */
.filterbar{
  position: sticky; top: 0; z-index: 50;
  background: rgba(40,51,8,.96);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(6px);
}
.filterbar__inner{
  display:flex; align-items:center; gap: 14px;
  padding: 14px 20px;
  flex-wrap: nowrap;
  min-width: 0;
}
.filterbar__pills{
  display:flex; gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
  flex: 1 1 auto;
  min-width: 0;
}
.filterbar__pills::-webkit-scrollbar{ display: none; }
.pill{
  display:inline-flex; align-items:center; gap: 8px;
  padding: 10px 16px;
  border-radius: 10px;
  background: rgba(80,93,4,.18);
  color: var(--text-mute);
  border: 1px solid transparent;
  font-weight: 800; font-size: 13px; letter-spacing:.06em;
  white-space: nowrap;
  transition: all .15s ease;
}
.pill__icon{ display:inline-flex; }
.pill:hover{ background: rgba(80,93,4,.32); color: var(--accent); }
.pill--active{
  background: linear-gradient(180deg, rgba(110,128,9,.5), rgba(80,93,4,.4));
  color: #fff; border-color: var(--primary-3);
  box-shadow: 0 4px 12px rgba(80,93,4,.3);
}
.filterbar__tools{ display:flex; gap: 8px; flex-shrink: 0; }
.tool-btn{
  display:inline-flex; align-items:center; gap: 6px;
  padding: 10px 14px;
  border-radius: 10px;
  background: rgba(80,93,4,.3);
  color: var(--accent);
  border: 1px solid rgba(214,224,78,.2);
  font-weight: 800; font-size: 13px;
  white-space: nowrap;
  transition: background .15s;
}
.tool-btn:hover{ background: rgba(80,93,4,.5); }

/* ----------- Sections ----------- */
.section{ padding: 64px 0; position: relative; }
.section--alt{
  background: linear-gradient(180deg, rgba(40,51,8,.4), transparent);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.section--live{ background: linear-gradient(180deg, rgba(80,93,4,.10), transparent); }
.section--promos{ background: rgba(40,51,8,.25); }
.section--about{ background: linear-gradient(180deg, rgba(31,39,6,.6), rgba(24,31,2,1)); border-top: 1px solid var(--line); }
.section--faq{ padding-bottom: 100px; }

.section-head{
  text-align: center;
  max-width: 760px; margin: 0 auto 36px;
}
.section-head h2{
  font-size: clamp(24px, 3.2vw, 38px);
  letter-spacing:.02em;
  color: #fff;
}
.section-head p{
  color: var(--text-mute);
  font-size: 15px;
  margin: 0;
}
.section-foot{
  margin-top: 32px;
  display:flex; justify-content:center;
}

/* ----- Tabs ----- */
.tabs{
  display:flex; gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
  margin-bottom: 22px;
  padding-bottom: 4px;
  min-width: 0;
}
.tabs::-webkit-scrollbar{ display:none; }
.tab{
  padding: 10px 18px;
  border-radius: var(--radius-pill);
  background: rgba(80,93,4,.18);
  color: var(--text-mute);
  font-weight: 800; font-size: 13px;
  white-space: nowrap;
  border: 1px solid transparent;
  transition: all .15s;
}
.tab:hover{ background: rgba(80,93,4,.32); color: var(--accent); }
.tab--active{
  background: linear-gradient(180deg, var(--primary-2), var(--primary));
  color:#fff; border-color: var(--primary-3);
}

/* ----- Jackpot ----- */
.jackpot{
  display:flex; align-items:center; justify-content:center; gap: 22px;
  padding: 18px 24px;
  margin: 0 0 28px;
  background: linear-gradient(135deg, rgba(80,93,4,.55), rgba(110,128,9,.35));
  border: 1px solid var(--primary-3);
  border-radius: var(--radius-lg);
  flex-wrap: wrap;
  text-align: center;
  box-shadow: 0 10px 30px rgba(80,93,4,.25);
  transition: transform .15s, box-shadow .15s;
}
.jackpot:hover{ transform: translateY(-2px); box-shadow: 0 14px 38px rgba(80,93,4,.4); }
.jackpot__label{
  font-size: 12px; letter-spacing:.22em; font-weight: 900;
  color: var(--accent);
}
.jackpot__amount{
  font-size: clamp(22px, 3vw, 36px);
  font-weight: 900; letter-spacing:.04em;
  color: #fff;
  text-shadow: 0 2px 0 rgba(0,0,0,.4);
  font-variant-numeric: tabular-nums;
}
.jackpot__cta{ font-weight: 900; color: var(--accent); font-size: 14px; }

/* ----- Grids ----- */
.grid{ display:grid; gap: 16px; }
.grid--games{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
.grid--live{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid--promos{ grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.grid--trust{ grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin-bottom: 32px; }

@media (min-width: 1100px){
  .grid--games{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* ----- Game card ----- */
.game{
  background: linear-gradient(180deg, var(--bg-3), var(--bg-2));
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
  display:flex; flex-direction:column;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  min-width: 0;
}
.game:hover{
  transform: translateY(-4px);
  border-color: var(--primary-3);
  box-shadow: 0 16px 30px rgba(0,0,0,.5), 0 0 0 1px var(--primary-3);
}
.game__media{
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: var(--bg);
  border-bottom: 1px solid var(--line);
}
.game__media img{
  width: 100%; height: 100%;
  object-fit: cover; display:block;
  transition: transform .35s ease;
}
.game:hover .game__media img{ transform: scale(1.06); }
.ribbon{
  position:absolute; top: 10px; left: 10px;
  padding: 4px 10px;
  background: var(--accent); color: var(--bg);
  font-size: 10px; font-weight: 900; letter-spacing:.12em;
  border-radius: 4px;
  box-shadow: 0 4px 10px rgba(0,0,0,.3);
}
.ribbon--hot{ background: linear-gradient(180deg, #ff6b3d, #d13c3c); color: #fff; }

.game__body{
  padding: 12px 14px 14px;
  display:flex; flex-direction:column; gap: 6px;
  min-width: 0;
}
.game__title{
  font-size: 15px; margin: 0;
  color: #fff;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.game__provider{
  margin: 0;
  font-size: 11px; color: var(--text-dim); letter-spacing: .06em;
  text-transform: uppercase;
}
.game__cta{
  display:flex; gap: 6px; margin-top: 6px;
  flex-wrap: wrap;
}
.game__cta .btn{ flex: 1 1 auto; min-width: 0; }

/* ----- Live Card ----- */
.live-card{
  background: linear-gradient(180deg, var(--bg-3), var(--bg-2));
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display:flex; flex-direction:column;
  transition: transform .2s, border-color .2s, box-shadow .2s;
  min-width: 0;
}
.live-card:hover{
  transform: translateY(-4px);
  border-color: var(--primary-3);
  box-shadow: 0 16px 30px rgba(0,0,0,.5);
}
.live-card__media{
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: var(--bg);
}
.live-card__media img{
  width: 100%; height: 100%; object-fit: cover; display:block;
  transition: transform .3s;
}
.live-card:hover .live-card__media img{ transform: scale(1.05); }
.live-card__body{ padding: 14px 16px 18px; display:flex; flex-direction:column; gap: 8px; min-width: 0; }
.live-card__top{
  display:flex; align-items:center; gap: 10px;
  font-size: 11px; font-weight: 900; letter-spacing:.14em;
  color: var(--accent);
}
.live-card__top .seat{ margin-left:auto; color: var(--text-mute); font-weight: 700; letter-spacing: 0; }
.dot{
  width: 8px; height: 8px; border-radius: 50%;
  background: #E63946; box-shadow: 0 0 0 4px rgba(230,57,70,.25);
  animation: pulse 1.5s infinite;
}
@keyframes pulse{
  0%,100%{ box-shadow: 0 0 0 4px rgba(230,57,70,.25); }
  50%{ box-shadow: 0 0 0 8px rgba(230,57,70,.05); }
}
.live-card__body h3{ margin: 4px 0 0; color: #fff; font-size: 18px; }
.live-card__body p{ margin: 0; color: var(--text-mute); font-size: 13px; }
.live-card__body .btn{ margin-top: 10px; align-self: flex-start; }

/* ----- Promos ----- */
.promo{
  display:flex; flex-direction:column;
  background: linear-gradient(180deg, var(--bg-3), var(--bg-2));
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: transform .2s, border-color .2s;
  min-width: 0;
}
.promo:hover{ transform: translateY(-3px); border-color: var(--primary-3); }
.promo--lead{
  grid-column: span 2;
  background: linear-gradient(135deg, rgba(80,93,4,.55), rgba(40,51,8,.85));
  border-color: var(--primary-3);
}
.promo__media{ aspect-ratio: 16/9; overflow:hidden; }
.promo__media img{ width:100%; height:100%; object-fit: cover; display:block; }
.promo__body{ padding: 18px 20px 22px; display:flex; flex-direction:column; gap: 10px; min-width: 0; }
.promo__pill{
  display:inline-block; align-self: flex-start;
  padding: 4px 10px;
  background: rgba(214,224,78,.15);
  color: var(--accent);
  font-size: 10px; letter-spacing:.18em; font-weight: 900;
  border-radius: var(--radius-pill);
  border: 1px solid rgba(214,224,78,.3);
}
.promo__body h3{ font-size: 18px; color: #fff; margin: 0; line-height:1.25; }
.promo--lead .promo__body h3{ font-size: clamp(20px, 2.4vw, 28px); }
.promo__body p{ font-size: 14px; color: var(--text-mute); margin: 0; }
.promo__body small{ color: var(--text-dim); font-size: 11px; }

/* ----- VIP ----- */
.vip{
  margin-top: 36px;
  display:grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 24px;
  background: linear-gradient(135deg, rgba(110,128,9,.35), rgba(31,39,6,.85));
  border: 1px solid var(--primary-2);
  border-radius: var(--radius-lg);
  padding: 30px;
  align-items: center;
  min-width: 0;
}
.vip__copy{ min-width:0; }
.vip__pill{
  display:inline-block; padding: 5px 12px;
  background: var(--accent); color: var(--bg);
  font-size: 10px; font-weight: 900; letter-spacing:.18em;
  border-radius: var(--radius-pill); margin-bottom: 12px;
}
.vip__copy h3{ font-size: clamp(20px, 2.6vw, 30px); margin: 0 0 10px; color: #fff; }
.vip__copy p{ color: var(--text-mute); margin: 0 0 18px; }
.tier-list{
  display:grid; grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 22px;
}
.tier-list li{
  background: rgba(80,93,4,.25);
  border: 1px solid var(--line-2);
  border-radius: 10px;
  padding: 10px 8px;
  text-align: center;
  font-size: 11px;
  display:flex; flex-direction:column; gap: 4px;
  min-width: 0;
}
.tier-list strong{ display:block; color: var(--accent); font-size: 13px; letter-spacing:.06em; }
.tier-list span{ color: var(--text-mute); font-size: 10px; line-height: 1.3; }
.vip__media{
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--line-2);
  display:block; aspect-ratio: 4/3;
}
.vip__media img{ width:100%; height: 100%; object-fit: cover; }

/* ----- Providers ----- */
.providers{
  display:grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 40px;
}
.provider{
  background: rgba(40,51,8,.55);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 16px 18px;
  display:flex; align-items:center; justify-content:center;
  aspect-ratio: 16/9;
  transition: background .15s, border-color .15s, transform .15s;
  min-width: 0;
}
.provider:hover{ background: rgba(80,93,4,.45); border-color: var(--primary-3); transform: translateY(-2px); }
.provider img{ max-width: 100%; max-height: 60%; object-fit: contain; filter: brightness(1.1) contrast(1.1); }

/* ----- SEO Block ----- */
.seo-block{
  background: rgba(31,39,6,.55);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 32px clamp(20px, 4vw, 44px);
  max-width: 980px; margin: 0 auto;
}
.seo-block h2{ font-size: clamp(20px, 2.6vw, 30px); color: #fff; margin: 0 0 14px; }
.seo-block h3{ font-size: clamp(16px, 1.8vw, 22px); color: var(--accent); margin: 24px 0 8px; }
.seo-block p{ color: var(--text-mute); font-size: 15px; }
.seo-block ul{ margin: 0 0 16px; padding-left: 20px; list-style: disc; color: var(--text-mute); }
.seo-block ul li{ margin: 6px 0; padding-left: 4px; }
.seo-block ul li::marker{ color: var(--accent); }

/* ----- About ----- */
.about-head{ text-align:center; max-width: 880px; margin: 0 auto 36px; }
.about-head h2{ font-size: clamp(24px, 3.2vw, 38px); color: #fff; }
.about-lead{ color: var(--text-mute); font-size: 16px; }

.trust{
  background: linear-gradient(180deg, var(--bg-3), var(--bg-2));
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 22px 22px 26px;
  text-align: center;
  display:flex; flex-direction:column; gap: 10px; align-items:center;
  transition: transform .2s, border-color .2s;
  min-width: 0;
}
.trust:hover{ transform: translateY(-4px); border-color: var(--primary-3); }
.trust__media{
  width: 72px; height: 72px;
  border-radius: 50%;
  background: rgba(80,93,4,.4);
  border: 1px solid var(--primary-3);
  display:flex; align-items:center; justify-content:center;
  overflow: hidden;
}
.trust__media img{ width: 70%; height: 70%; object-fit: contain; }
.trust h3{ font-size: 17px; color: #fff; margin: 4px 0 0; }
.trust p{ color: var(--text-mute); font-size: 13px; margin: 0; }

.stats{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 36px;
}
.stats li{
  background: rgba(80,93,4,.18);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 18px 14px;
  text-align: center;
  display:flex; flex-direction:column; gap: 4px;
  min-width: 0;
}
.stats strong{ font-size: clamp(20px, 2.4vw, 28px); color: var(--accent); font-weight: 900; }
.stats span{ font-size: 12px; color: var(--text-mute); letter-spacing:.1em; text-transform: uppercase; }
.about-cta{ display:flex; justify-content:center; }

/* ----- FAQ ----- */
.faq{
  max-width: 920px; margin: 0 auto;
  display:flex; flex-direction:column; gap: 10px;
}
.faq__item{
  background: linear-gradient(180deg, var(--bg-3), var(--bg-2));
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
  transition: border-color .2s;
}
.faq__item[open]{ border-color: var(--primary-3); }
.faq__item summary{
  list-style: none;
  display:flex; align-items:center; gap: 16px;
  padding: 18px 20px;
  cursor: pointer;
  font-weight: 800;
  font-size: 15px;
  color: #fff;
  user-select: none;
}
.faq__item summary::-webkit-details-marker{ display:none; }
.faq__item summary span:first-child{ flex: 1; min-width: 0; overflow-wrap: anywhere; }
.faq__icon{
  width: 32px; height: 32px;
  border-radius: 50%;
  background: rgba(80,93,4,.35);
  color: var(--accent);
  display:flex; align-items:center; justify-content:center;
  font-size: 22px; line-height: 1; font-weight: 900;
  flex-shrink: 0;
  border: 1px solid var(--primary-3);
  transition: transform .2s, background .2s;
}
.faq__item[open] .faq__icon{ transform: rotate(45deg); background: var(--primary); color: #fff; }
.faq__answer{
  padding: 4px 22px 22px;
  border-top: 1px solid var(--line);
  background: rgba(24,31,2,.4);
  color: var(--text-mute);
}
.faq__answer h4{ color: var(--accent); font-size: 15px; margin: 14px 0 6px; }
.faq__answer p{ font-size: 14.5px; }
.faq__answer ul, .faq__answer ol{ margin: 0 0 12px; padding-left: 22px; color: var(--text-mute); }
.faq__answer ul{ list-style: disc; }
.faq__answer ol{ list-style: decimal; }
.faq__answer li{ margin: 4px 0; }
.faq__answer ul li::marker{ color: var(--accent); }
.faq__answer ol li::marker{ color: var(--accent); font-weight: 800; }

/* ----------- Footer ----------- */
.site-footer{
  background: linear-gradient(180deg, rgba(31,39,6,.85), rgba(15,20,1,1));
  border-top: 1px solid var(--line);
  padding: 56px 0 24px;
  margin-top: 40px;
}
.footer-grid{
  display:grid;
  grid-template-columns: 1.4fr repeat(5, 1fr);
  gap: 28px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--line);
}
.footer-col{ min-width: 0; }
.footer-col h4{
  color: var(--accent);
  font-size: 13px; letter-spacing:.18em; text-transform: uppercase;
  padding-bottom: 8px; margin-bottom: 14px;
  border-bottom: 1px solid var(--primary-2);
  font-weight: 900;
}
.footer-col li a{
  display:flex; align-items:center; gap: 8px;
  padding: 5px 0;
  color: var(--text-mute);
  font-size: 13.5px;
  transition: color .15s, transform .15s;
}
.footer-col li a::before{
  content: "♠";
  color: var(--primary-3);
  font-size: 11px;
}
.footer-col li a:hover{ color: var(--accent); transform: translateX(2px); }

.footer-col--brand .brand{ margin-bottom: 12px; }
.footer-tag{ color: var(--text-mute); font-size: 13px; margin: 0 0 14px; }
.footer-badges{ display:flex; gap: 10px; align-items:center; }
.badge18{
  width: 50px; height: 50px;
  border-radius: 50%;
  background: var(--primary);
  color: #fff;
  font-weight: 900; font-size: 13px;
  display:flex; align-items:center; justify-content:center;
  border: 2px solid var(--accent);
}
.badge-flag{
  display:inline-flex; align-items:center; gap: 4px;
  background: rgba(80,93,4,.25); padding: 6px 8px; border-radius: 6px;
  border: 1px solid var(--line-2);
}

.footer-pay{
  display:flex; gap: 14px; flex-wrap: wrap; align-items:center;
  padding: 18px 20px;
  border-bottom: 1px solid var(--line);
  font-size: 13px;
}
.footer-pay span{ color: var(--accent); font-weight: 800; letter-spacing:.06em; }
.footer-pay a{
  color: var(--text-mute);
  padding: 6px 12px;
  border: 1px solid var(--line);
  border-radius: 6px;
  font-weight: 700;
  transition: background .15s, color .15s, border-color .15s;
}
.footer-pay a:hover{ background: rgba(80,93,4,.3); color: var(--accent); border-color: var(--primary-3); }

.footer-legal{
  padding: 22px 20px 0;
}
.footer-legal h5{
  color: var(--accent);
  font-size: 12px; letter-spacing:.22em; text-transform: uppercase;
  margin: 0 0 10px;
  font-weight: 900;
}
.footer-legal p{
  color: var(--text-dim);
  font-size: 12px;
  line-height: 1.6;
  margin: 0 0 8px;
}
.footer-legal .copyright{
  margin-top: 14px;
  border-top: 1px solid var(--line);
  padding-top: 14px;
  color: var(--text-mute);
  font-size: 12px;
  text-align: center;
}

/* ----------- Catfish ----------- */
.catfish{
  position: fixed; left: 50%; bottom: 16px;
  transform: translateX(-50%);
  width: calc(100% - 32px);
  max-width: 980px;
  z-index: 90;
  background: linear-gradient(135deg, var(--primary), var(--primary-2));
  border: 1px solid var(--accent);
  border-radius: 14px;
  box-shadow: 0 18px 40px rgba(0,0,0,.55), 0 0 0 1px rgba(214,224,78,.25);
  padding-bottom: env(safe-area-inset-bottom, 0);
  transition: transform .3s ease, opacity .3s ease;
}
.catfish.is-hidden{ transform: translate(-50%, 160%); opacity: 0; pointer-events: none; }
.catfish__inner{
  display:flex; align-items:center; gap: 16px;
  padding: 12px 50px 12px 16px;
  min-width: 0;
  color: #fff;
}
.catfish__icon{ flex-shrink: 0; }
.catfish__copy{
  display:flex; flex-direction:column; min-width: 0; flex: 1;
}
.catfish__copy strong{
  color: #fff; font-size: 15px; font-weight: 900; letter-spacing:.04em;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.catfish__copy span{ color: rgba(255,255,255,.85); font-size: 12px; }
.catfish__btn{ flex-shrink: 0; }
.catfish__close{
  position: absolute; top: 8px; right: 10px;
  width: 30px; height: 30px;
  border-radius: 50%;
  background: rgba(0,0,0,.35);
  color: #fff;
  font-size: 22px; line-height: 1;
  display:flex; align-items:center; justify-content:center;
  transition: background .15s;
}
.catfish__close:hover{ background: rgba(0,0,0,.6); }

/* ----------- Exit popup ----------- */
.exit{
  position: fixed; inset: 0;
  z-index: 200;
  display:none;
  align-items:center; justify-content:center;
  padding: 20px;
}
.exit.is-open{ display:flex; }
.exit__overlay{
  position: absolute; inset: 0;
  background: rgba(0,0,0,.78);
  backdrop-filter: blur(4px);
}
.exit__box{
  position: relative;
  width: 100%; max-width: 460px;
  background: linear-gradient(180deg, var(--bg-3), var(--bg));
  border: 1px solid var(--primary-3);
  border-radius: var(--radius-lg);
  padding: 28px 26px 26px;
  text-align: center;
  box-shadow: 0 24px 60px rgba(0,0,0,.6);
}
.exit__close{
  position: absolute; top: 10px; right: 12px;
  width: 34px; height: 34px;
  border-radius: 50%;
  background: rgba(0,0,0,.35);
  color: #fff; font-size: 24px; line-height: 1;
  display:flex; align-items:center; justify-content:center;
}
.exit__close:hover{ background: rgba(0,0,0,.6); }
.exit__media{
  margin: 0 auto 16px;
  width: 100%; aspect-ratio: 16/9; max-height: 180px;
  overflow: hidden; border-radius: 10px;
  border: 1px solid var(--line-2);
}
.exit__media img{ width: 100%; height: 100%; object-fit: cover; }
.exit__pill{
  display:inline-block;
  padding: 4px 12px;
  background: var(--accent); color: var(--bg);
  font-size: 11px; letter-spacing:.18em; font-weight: 900;
  border-radius: var(--radius-pill);
  margin-bottom: 10px;
}
.exit__box h3{ color: #fff; font-size: 22px; margin: 4px 0 8px; }
.exit__box p{ color: var(--text-mute); font-size: 14px; margin: 0 0 18px; }
.exit__box small{ display:block; margin-top: 12px; color: var(--text-dim); font-size: 11px; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1280px){
  .grid--games{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 1180px){
  .header-icons, .lang{ display:none; }
  .tournament{ display:none; }
  .footer-grid{ grid-template-columns: 1fr 1fr 1fr; }
}

@media (max-width: 980px){
  .grid--games{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .grid--live{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .grid--promos{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .promo--lead{ grid-column: span 2; }
  .grid--trust{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .providers{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .vip{ grid-template-columns: 1fr; }
  .vip__media{ aspect-ratio: 16/9; }
  .tier-list{ grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }

  .header-cta .btn{ padding: 12px 16px; font-size: 12px; min-height: 42px; }
}

@media (max-width: 760px){
  .container{ padding: 0 16px; }
  .section{ padding: 48px 0; }
  .section--faq{ padding-bottom: 90px; }
  .hero__inner{ padding: 32px 16px 40px; }
  .hero__media img{ max-height: 220px; }

  .burger{ display:flex; }
  .header-cta{ display:none; }
  .header-top{ padding: 10px 0; }

  .site-nav{ display: none; }
  .site-nav.is-open{
    display:block;
    position: absolute; left: 0; right: 0; top: 100%;
    background: rgba(15,20,1,.99);
    border-bottom: 1px solid var(--primary-2);
    box-shadow: 0 12px 30px rgba(0,0,0,.5);
  }
  .site-nav.is-open .site-nav__inner{
    flex-direction: column;
    align-items: stretch;
    padding: 8px 16px 18px;
    gap: 0;
  }
  .site-nav.is-open .navLink{
    border-bottom: 1px solid var(--line);
    padding: 14px 4px;
    border-bottom-width: 1px !important;
  }

  .grid--games{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .grid--live{ grid-template-columns: 1fr; }
  .grid--promos{ grid-template-columns: 1fr; }
  .promo--lead{ grid-column: auto; }
  .grid--trust{ grid-template-columns: 1fr 1fr; }
  .providers{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .stats{ grid-template-columns: 1fr 1fr; }

  .footer-grid{ grid-template-columns: 1fr 1fr; gap: 24px; }
  .footer-col--brand{ grid-column: 1 / -1; }

  .vip{ padding: 22px; }
  .tier-list{ grid-template-columns: repeat(5, minmax(0, 1fr)); }

  .filterbar__inner{ padding: 12px 16px; gap: 8px; }
  .pill{ padding: 9px 12px; font-size: 12px; }
  .tool-btn{ padding: 9px 12px; font-size: 12px; }

  .hero__title{ font-size: clamp(28px, 9vw, 52px); }
  .hero__bonus-2{ font-size: clamp(15px, 4.5vw, 22px); }
  .hero__ctas .btn{ width: 100%; }
  .section-foot .btn{ width: 100%; max-width: 360px; }

  .jackpot{ padding: 14px 18px; gap: 12px; }
  .jackpot__amount{ font-size: clamp(20px, 6vw, 28px); }

  .seo-block{ padding: 22px 18px; }

  .catfish__inner{ padding: 10px 44px 10px 12px; gap: 10px; }
  .catfish__copy strong{ font-size: 13px; }
  .catfish__copy span{ font-size: 11px; }
  .catfish__btn{ padding: 10px 14px; min-height: 40px; font-size: 12px; }

  .footer-pay{ font-size: 12px; gap: 8px; }
  .footer-pay a{ padding: 5px 10px; }
}

@media (max-width: 420px){
  .brand__title{ font-size: 16px; }
  .brand__sub{ font-size: 8px; }
  .grid--games{ grid-template-columns: 1fr 1fr; gap: 10px; }
  .grid--trust{ grid-template-columns: 1fr; }
  .providers{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer-grid{ grid-template-columns: 1fr; }
  .stats{ grid-template-columns: 1fr 1fr; }
  .tier-list{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .game__cta{ flex-direction: column; }
  .game__cta .btn{ width: 100%; }
}

@media (prefers-reduced-motion: reduce){
  *{ animation: none !important; transition: none !important; }
}
Краткий анализ страницы

Язык: турецкий (tr-TR).
Бренд: GRANDPASHABET (точное написание из title, h1, brand__title, logo alt).
Тип страницы: главная (homepage / pillar) — единый хаб для casino, canlı casino, slot, spor bahisleri.
Юрисдикция: Anjouan (лицензия ALSI-202412047-F12), валюта ₺ (TRY), рынок — Türkiye. Тон относительно свободный, но сорумлу oyun (Yeşilay 115, 18+, лимиты, self-exclusion) органично упомянуть.
Основной ключ: grandpashabet (LSI: grandpashabet giriş, grandpashabet casino, grandpashabet bonus, grandpashabet canlı casino, grandpashabet spor bahisleri, %300 hoş geldin bonusu, hızlı çekim, Papara).
Уже раскрытые темы (избегать дублирования): %300 hoş geldin bonus mechanics, kayıt adımları, KYC, ödeme yöntemleri ve süreleri, mobil PWA, lisans/güvenlik, sorumlu oyun araçları, FAQ блок, providers list, VIP уровни Bronz–Elmas, oyun kategorileri, hızlı çekim 8 dk.
Угол нового блока (минимум пересечений): акцент на пользовательский опыт бренда — turnuvalar (Grand Spor Turnuvası), maç içi canlı bahis ekosistemi, oran avantajı, slot turnuva mekaniği, jackpot havuzu, oyun şovları derinliği, mobil deneyim hızı (yükleme, oturum), Türkçe krupiye masaları, anlık kayıp ve hafta sonu reload kullanım taktikleri (без повтора процентов и условий), VIP odaklı kişisel hizmetler, e-spor ve niş bahis pazarları, ödeme stratejisi (без повтора лимитов).
Место вставки: после section#about (BİZ KİMİZ?) и перед section#faq (SIKÇA SORULAN SORULAR) — естественный pillar-блок углубляющий бренд.
Объём: ~2200 слов (pillar главная).
Schema: не нужна — на странице уже есть Organization/WebSite, FAQ запрещён, BreadcrumbList не подходит (это homepage), Game/HowTo/Review в текущем контексте дублирующие/неуместные.

<section class="gpb-hub" aria-labelledby="gpb-hub-title">
<header class="gpb-hub__top">
<span class="gpb-hub__eyebrow">GRANDPASHABET DENEYİMİ</span>
<h2 id="gpb-hub-title" class="gpb-hub__title">Tek Hesap, Sınırsız Heyecan: <em>GRANDPASHABET</em> Türkiye'ye Ne Sunuyor?</h2>
<p class="gpb-hub__lead">Slot makaralarının sesinden, derbinin son dakikasındaki canlı orana kadar her şey aynı çatı altında. GRANDPASHABET, Türkiye oyuncusunun gerçekten istediği üç şeyi birleştiriyor: <strong>geniş oyun seçimi, dakikalar içinde işleyen ödemeler ve gerçek bir Türkçe destek hattı</strong>. Bu sayfa, platformumuzun kalbini biraz daha yakından göstermek için hazırlandı — bonus rakamlarının arkasındaki kullanıcı deneyimi.</p>
</header>

<article class="gpb-hub__pillar gpb-pillar--sport">
<header class="gpb-pillar__head">
<span class="gpb-pillar__tag">SPOR &amp; CANLI BAHİS</span>
<h3>Bir Maçın Her Saniyesinde Yanınızda</h3>
</header>
<p>Spor bahisleri bizim için sadece kupon doldurmak değil; takım taraftarlığını anlık karara dönüştüren bir disiplin. GRANDPASHABET spor menüsünde 35'in üzerinde branş var, ancak asıl fark sayıda değil <strong>derinlikte</strong>. Avrupa'nın beş büyük futbol liginden Türkiye Süper Lig'e, NBA finallerinden ATP/WTA tur takvimine, Formula 1'den UFC karşılaşmalarına kadar her olayda alt pazar sayısı yüzlerle ifade edilir. Köşe vuruşu, kart sayısı, devre sonu skor, oyuncu istatistikleri, sıradaki gol &mdash; oran kırılımları, deneyimli bahisçinin cebine göre ayarlanmış.</p>
<p>Canlı bahis tarafında <em>maç içi gecikmeyi</em> en aza indirdik. Oranlar saniyenin altında güncellenir, kupon yenileme akıcıdır, cash-out seçeneği eligible piyasalarda tek dokunuşla devreye girer. Bir VAR kararı, bir penaltı düdüğü ya da tenis maçında break point &mdash; risk profilinize uygun çıkışı vakti gelmeden alabilirsiniz. Maç görselleştirici (match tracker) ve seçili karşılaşmalarda canlı yayın, ekranı bölmeden takip etmenize imkân verir.</p>
<ul class="gpb-list gpb-list--check">
<li><strong>Geniş kupon yapısı:</strong> tekli, kombine, sistem ve zincirleme kuponlar; akümülatör bonusumuzla 5 ve üzeri seçimde toplam orana ek katkı.</li>
<li><strong>E-spor takvimi:</strong> CS2, League of Legends, Dota 2, Valorant ve Mobile Legends turnuvalarında haritalı ve ayrıntılı pazarlar.</li>
<li><strong>Niş ligler:</strong> Brezilya Serie B, Japonya J-League, Lig 1 Türkiye, alt liga voleybol ve hentbol &mdash; sadece dev liglerle yetinmeyen oyuncuya göre.</li>
<li><strong>Erken iade ve oran yükseltme:</strong> seçili Süper Lig ve Şampiyonlar Ligi maçlarında haftalık fırsatlar; kullanım koşulları kupon sayfasında görünür.</li>
</ul>
</article>

<article class="gpb-hub__pillar gpb-pillar--casino">
<header class="gpb-pillar__head">
<span class="gpb-pillar__tag">CASİNO &amp; SLOT SALONU</span>
<h3>Makaraların Arkasındaki Mantık</h3>
</header>
<p>Slot kütüphanemiz tek bir cümleyle özetlenemeyecek kadar çeşitli, fakat bizim için kritik olan <strong>oyuncuya doğru oyunu doğru anda göstermek</strong>. Bu yüzden kategori filtreleri sade tuttuk: oynaklık (low / medium / high), mekanik (Megaways, Hold &amp; Win, Cluster Pays, klasik 5 makara), bütçe aralığı ve stüdyo. Oyun kartının üstüne dokunduğunuzda RTP, maksimum kazanç çarpanı, makara yapısı ve özellik listesi açık biçimde gözükür &mdash; opaklığı sevmiyoruz.</p>
<p>Stüdyo tarafında doğrudan entegrasyonlar üzerinden çalışıyoruz: <em>Pragmatic Play</em>'in Sweet Bonanza, Gates of Olympus, Big Bass serisi; <em>Play'n GO</em>'nun Book of Dead ve Reactoonz başlıkları; <em>NetEnt</em>'in Starburst, Dead or Alive 2; <em>Push Gaming</em>'in Razor Shark; <em>Microgaming</em>'in Mega Moolah aşamalı jackpot'u ve Yggdrasil, Red Tiger, BGaming kataloğu. Her oyun stüdyodan bize geldiği orijinal sürümüyle yayında: yerel bir kopya ya da modifiye edilmiş RTP kullanmıyoruz. iTech Labs ve eCOGRA sertifikalı RNG, sonuçların öngörülemezliğini bağımsız olarak doğrular.</p>
<p>Yeni başlayan oyuncular için <strong>demo modu</strong> önemli bir araç. Yeni bir mekaniği ya da yüksek oynaklıklı bir başlığı gerçek bütçe ile denemeden önce sanal jeton ile kavrayabilirsiniz; ardından gerçek modda küçük bir baz bahisle başlamanızı öneririz. Demo modda bonus alımı yoktur, ancak makara hissi ve özellik tetiklenme sıklığı birebir aynıdır.</p>
</article>

<article class="gpb-hub__pillar gpb-pillar--live">
<header class="gpb-pillar__head">
<span class="gpb-pillar__tag">CANLI CASİNO STÜDYOLARI</span>
<h3>Türkçe Krupiye Masaları ve Oyun Şovu Ekosistemi</h3>
</header>
<p>Canlı casino, GRANDPASHABET'in en hızlı büyüyen segmentlerinden biri. Evolution ve Pragmatic Live ile çalıştığımız 200'ün üzerinde masa var; bunların önemli bir kısmı <strong>Türkçe konuşan krupiyelerle</strong> 7/24 yayın yapıyor. Speed, Auto, Lightning ve VIP varyantları sayesinde rulet masasında kendi temponuza karar verirsiniz: sakin bir Avrupa Ruleti'nde 30 saniyelik bahis penceresi mi, yoksa Speed Roulette'te 25 saniyenin altında dönen bir tur mu? Karar tamamen size ait.</p>
<p>Blackjack tarafında <em>side-bet</em> seçenekleri (21+3, Perfect Pairs), seven-seat masalar ve Bet Behind sistemi ile dolu masaya bile yedek olarak girebilirsiniz. Baccarat'ta Squeeze ve Speed varyantları, klasik oyuncu profilleriyle hız tutkunlarını aynı anda memnun ediyor.</p>
<p>Ayrı bir kategori olarak <strong>oyun şovları</strong> dünyası bambaşka bir ritim sunar. Crazy Time'ın bonus tekerleği, Monopoly Live'ın 3D animasyon raundu, Dream Catcher'ın klasik çark formatı ve Mega Wheel'in kompakt yapısı &mdash; her birinin kendine has matematiksel kimliği var. Şovların düşük baz bahis tabanı sayesinde küçük bütçeyle uzun oturumlar geçirmek mümkün; eğlence faktörü ön planda.</p>
</article>

<article class="gpb-hub__pillar gpb-pillar--tourney">
<header class="gpb-pillar__head">
<span class="gpb-pillar__tag">TURNUVALAR &amp; HAZİNE AVI</span>
<h3>Yarışın Kazandırdığı Ekstra Değer</h3>
</header>
<p>Bonus harici, sürekli aktif bir kazanç katmanımız var: <em>turnuvalar</em>. Slot turnuvaları her hafta seçili oyun setinde başlar; sıralamada katsayı puanı (en büyük kazanç / bahis oranı) baz alınır. Bu yaklaşım büyük yatırım yapan oyuncuyu küçük bütçeli oyuncudan ayırmaz &mdash; herkes aynı çarpan üzerinden yarışır. Haftalık ödül havuzları yedi haneli rakamlara ulaşabilir ve ödüller doğrudan nakit bakiye olarak yatar (oran tablosunu turnuva sayfasında bulabilirsiniz).</p>
<p>Spor turnuva ekosisteminde <strong>Grand Spor Turnuvası</strong> öne çıkar: belirli karşılaşma setinde minimum oran ve minimum bahis koşulu sağlayan kullanıcılar haftalık liderlik tablosunda yarışır. <em>Hazine Avı</em> kategorisi ise tematik kampanyalar için ayrılmış premium bir alan: zamanlanmış slot challenge'ları, bonus sandığı açma mekanikleri ve haftalık misyonlar. Tüm turnuvalar şeffaf kuralları, görünür liderlik tablosu ve bağımsız doğrulanabilir sonuç sistemiyle çalışır; sahte ya da elle yönetilen sıralama yoktur.</p>
<table class="gpb-table">
<thead>
<tr><th scope="col">Turnuva tipi</th><th scope="col">Sıklık</th><th scope="col">Sıralama metriği</th><th scope="col">Ödül formu</th></tr>
</thead>
<tbody>
<tr><td>Slot Yarışı</td><td>Haftalık</td><td>En yüksek tek raund çarpanı</td><td>Nakit bakiye</td></tr>
<tr><td>Grand Spor Turnuvası</td><td>Haftalık</td><td>Toplam doğru kupon adedi</td><td>Free-bet + nakit</td></tr>
<tr><td>Hazine Avı</td><td>Aylık tema</td><td>Misyon tamamlama puanı</td><td>Bonus sandığı + spin</td></tr>
<tr><td>Canlı Casino Drop &amp; Wins</td><td>Sürekli</td><td>Anlık raund şansı</td><td>Stüdyo havuzlu nakit</td></tr>
</tbody>
</table>
</article>

<article class="gpb-hub__pillar gpb-pillar--ux">
<header class="gpb-pillar__head">
<span class="gpb-pillar__tag">PERFORMANS &amp; KULLANICI DENEYİMİ</span>
<h3>Hız, GRANDPASHABET'in Görünmez Avantajı</h3>
</header>
<p>Bir online casino markasının kalitesi, oyuncu makarayı çevirdiği anda anlaşılır. Saniyenin küçük dilimleri, gerçek deneyimde dev fark yaratır. GRANDPASHABET ön yüzü Türkiye'deki mobil internet altyapısı düşünülerek optimize edildi: 4G/5G ağda ortalama ilk yükleme süresi 2 saniyenin altında, slot oyunu açılışı çoğunlukla 4 saniyenin altında. Görseller WebP formatında sunulur, oyun listeleri sanallaştırılmış (virtual scroll) yapıdadır &mdash; binlerce başlığı kaydırırken cihazınız ısınmaz.</p>
<p>Hesabınıza giriş yaptıktan sonra arayüz, son oynadığınız oyunları, devam eden turnuva sıralamanızı ve aktif bonus durumunuzu tek panelde gösterir. Çoklu oturum desteği sayesinde aynı anda canlı bir Süper Lig maçını takip ederken Sweet Bonanza'da bedava spin bonus turunu izleyebilirsiniz. Mobil tarayıcıda <strong>"Ana ekrana ekle"</strong> seçeneği PWA modunu açar: ayrı uygulama indirmeden, tam ekran, bildirim destekli bir deneyim. iOS Face ID ve Android parmak izi ile saniyeler içinde oturum açarsınız.</p>
</article>

<article class="gpb-hub__pillar gpb-pillar--money">
<header class="gpb-pillar__head">
<span class="gpb-pillar__tag">PARA YÖNETİMİ &amp; STRATEJİ</span>
<h3>Bütçenizi Akıllıca Yönetmenin Pratik Yolları</h3>
</header>
<p>Bonus oranları cazip görünür, ama uzun vadeli oyun keyfi <em>nakit akışı disiplini</em> ile gelir. Burada üzerinde düşünmenizi önerdiğimiz birkaç pratik prensip var. Önce şunu söyleyelim: oyun, bir gelir kaynağı değil, bir eğlence kalemidir. Bütçenizi haftalık olarak ayırın; yatırım ve kayıp limitlerinizi <strong>ay başında</strong> belirleyin ve bu sınırları koruyun. GRANDPASHABET hesabınızda günlük, haftalık ve aylık limit aktivasyonu tek tıkla yapılabilir; aktivasyon anlıkken, gevşetme talebiniz tampon süre sonrası işleme alınır &mdash; bu sizi anlık duygusal kararlardan korur.</p>
<p>İkinci nokta, <strong>oyun türü ile bonus eşleşmesi</strong>. Yüksek oynaklıklı slotlar büyük çarpan potansiyeli sunar fakat çevrim hedefini delik delik biriktirir. Düşük-orta oynaklıklı başlıklar (örn. Wolf Gold, Starburst) çevrim ilerlemesi açısından daha öngörülebilir bir tempo yaratır. Canlı casino ve masa oyunları çevrim katkı oranı düşüktür, bu nedenle saf bonus çevrimi için ana araç slot kalır.</p>
<p>Üçüncüsü, <strong>ödeme yöntemi seçimi</strong>. Hızlı işleme ihtiyaç duyan oyuncular Papara ve kripto para üzerinden ilerler; daha geleneksel kullanıcılar havale ya da kredi kartını tercih eder. KYC süreci tek seferdir; ilk 24 saatlik onay sonrasında tüm sonraki çekimler hızlanır. Çekim talebini uyku saatlerinde değil, mesai saatleri içinde göndermek özellikle havale tarafında işlemi daha akıcı hale getirir.</p>
<aside class="gpb-callout">
<h4>Sorumlu oyun hatırlatması</h4>
<p>GRANDPASHABET 18 yaş altı oyunculara hizmet vermez. Oyunun kontrolden çıktığını hissettiğinizde <strong>kayıp limiti, oturum süresi uyarısı, soğuma süresi ve kendini hariç tutma</strong> araçlarını kullanın; ayrıca Türkiye'de Yeşilay Danışmanlık Merkezi 7/24 ücretsiz olarak <strong>115</strong> hattından destek sağlar. Oyun bir yatırım aracı değildir; ayırdığınızdan fazlasını riske atmayın.</p>
</aside>
</article>

<article class="gpb-hub__pillar gpb-pillar--vip">
<header class="gpb-pillar__head">
<span class="gpb-pillar__tag">VIP DENEYİMİ</span>
<h3>Standart Hesabın Ötesinde Bir Hizmet Çizgisi</h3>
</header>
<p>VIP segmentimiz beş kademeden oluşur ve her kademe sonraki için bir öğrenme zeminidir. Bronz seviyesinde karşılama paketinin avantajları öne çıkar; Gümüş seviyede haftalık geri ödeme katkısı ve özel reload teklifleri devreye girer. Altın'da çekim önceliği belirginleşir, Platin'de <strong>kişisel hesap yöneticisi</strong> tahsis edilir &mdash; mesajlaşmadan canlı görüşmeye, talepleriniz tek noktadan koordine edilir. En üst kademe Elmas, kişiye özel oran avantajları, davetiye bazlı turnuvalar, doğum günü sürprizleri ve sınırlı sayıda etkinlik biletini kapsar.</p>
<p>VIP yapısının altın kuralı şudur: <em>davranış üzerinden ilerleme</em>. Yatırım büyüklüğü kadar oyun düzenliliği, oyun çeşitliliği ve hesap geçmişinin temizliği de değerlendirilir. Beraberinde bir terfi kararı tek bir parametreye değil, çok faktörlü bir skora dayanır. Kademe inişi otomatik değildir; kullanıcı belirli bir süre aktif olmadığında uyarı sistemi devreye girer ve indirgeme ancak sonrasında yapılır.</p>
</article>

<article class="gpb-hub__pillar gpb-pillar--support">
<header class="gpb-pillar__head">
<span class="gpb-pillar__tag">DESTEK &amp; ŞEFFAFLIK</span>
<h3>Sorununuz Olduğunda Karşınızda Gerçek Bir Ekip Var</h3>
</header>
<p>Destek bizim için çağrı merkezi metriği değil; <strong>marka taahhüdü</strong>. Canlı sohbet 7/24 açık, ortalama yanıt süresi 60 saniyenin altında. Talep tipine göre yönlendirme akıllıdır: ödeme talepleri muhasebe ekibine, KYC belgeleri uyum biriminin önüne, oyun sorunları teknik tarafa, bonus itirazları ise ayrı bir VIP ekibine düşer. Bu sayede bir destek temsilcisinin yetkisi dışında bir konu için sıraya girmek zorunda kalmazsınız.</p>
<p>Hesabınızda her hareketin denetlenebilir bir izi vardır: yatırım, çekim, bonus aktivasyon, oyun açılışı, çevrim ilerleyişi ve oturum kayıtları. Hesap geçmişi sayfasından bu detayları aylar geriye giderek görebilir, gerektiğinde dışa aktarabilirsiniz. Şikayet mekanizması iki aşamalıdır: önce iç çözüm prosedürü, ardından sonuç memnun edici değilse Anjouan lisans makamına eskalasyon. Bu süreç boyunca size rehberlik etmek operasyon ekibimizin sorumluluğundadır.</p>
</article>

<article class="gpb-hub__pillar gpb-pillar--final">
<header class="gpb-pillar__head">
<span class="gpb-pillar__tag">SON SÖZ</span>
<h3>GRANDPASHABET'i Tek Cümleyle Anlatmak Gerekirse</h3>
</header>
<p>Türkiye oyuncusunun günlük rutinine sığan bir dijital eğlence platformu &mdash; sabah kahvaltıda canlı bir tenis kuponu, öğlen molasında birkaç tur Aviator, akşam derbi öncesi kombine kupon, gece geç saatte VIP Blackjack masasında soğukkanlı bir oturum. Hepsi tek hesap, tek bakiye, tek sadakat puanı havuzu üstünde işliyor. Hız ve şeffaflık temel ilkemiz; fakat asıl önem verdiğimiz şey, oyuncularımızın <strong>bilinçli, kontrollü ve keyifli</strong> oynaması. Heyecan kazandığında masada, kontrol elden gittiğinde durabilen oyuncu uzun vadede en çok değeri çıkaran oyuncudur. GRANDPASHABET'in arayüzü, bonus politikası ve destek yapısı bu felsefenin etrafında kuruldu.</p>
</article>
</section>

CSS

.gpb-hub{
  --gpb-bg: #1a2105;
  --gpb-bg-2: #232c08;
  --gpb-bg-3: #2c3709;
  --gpb-line: #3f4f0a;
  --gpb-line-2: #5a6f10;
  --gpb-olive: #5a6c08;
  --gpb-olive-light: #88a00b;
  --gpb-acc: #d6e04e;
  --gpb-acc-soft: #e8f08c;
  --gpb-text: #ecf2d6;
  --gpb-mute: #b3be86;
  --gpb-dim: #8a9462;
  --gpb-radius: 14px;
  --gpb-radius-sm: 8px;
  --gpb-shadow: 0 14px 32px rgba(0,0,0,.42);

  position: relative;
  padding: 3.5rem 1rem;
  background:
    radial-gradient(60% 80% at 100% 0%, rgba(138,160,12,.18), transparent 70%),
    radial-gradient(50% 70% at 0% 30%, rgba(90,108,8,.18), transparent 70%),
    linear-gradient(180deg, #181f02 0%, #14190a 100%);
  border-top: 1px solid var(--gpb-line);
  border-bottom: 1px solid var(--gpb-line);
  color: var(--gpb-text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.65;
  overflow: hidden;
}
.gpb-hub::before{
  content: "";
  position: absolute;
  top: 0; left: 50%;
  width: 60vw; max-width: 700px; height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, var(--gpb-acc), transparent);
  opacity: .55;
}

.gpb-hub__top{
  max-width: 1080px;
  margin: 0 auto 2.5rem;
  text-align: center;
}
.gpb-hub__eyebrow{
  display: inline-block;
  padding: .45rem 1rem;
  font-size: .72rem;
  letter-spacing: .26em;
  font-weight: 800;
  color: var(--gpb-acc);
  background: rgba(214,224,78,.07);
  border: 1px solid rgba(214,224,78,.28);
  border-radius: 999px;
  margin-bottom: 1.1rem;
  text-transform: uppercase;
}
.gpb-hub__title{
  font-size: clamp(1.55rem, 5.2vw, 2.6rem);
  line-height: 1.18;
  margin: 0 0 1rem;
  font-weight: 900;
  letter-spacing: .005em;
  color: #fff;
  text-wrap: balance;
}
.gpb-hub__title em{
  font-style: normal;
  background: linear-gradient(90deg, #f4ffaa, var(--gpb-acc) 55%, #98a90c);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 2px 0 rgba(0,0,0,.35));
}
.gpb-hub__lead{
  font-size: 1rem;
  color: var(--gpb-mute);
  max-width: 760px;
  margin: 0 auto;
}

.gpb-hub__pillar{
  position: relative;
  max-width: 1080px;
  margin: 0 auto 1.5rem;
  background: linear-gradient(180deg, rgba(44,55,9,.7) 0%, rgba(26,33,5,.85) 100%);
  border: 1px solid var(--gpb-line);
  border-radius: var(--gpb-radius);
  padding: 1.6rem 1.25rem 1.4rem;
  box-shadow: var(--gpb-shadow);
}
.gpb-hub__pillar::before{
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, var(--gpb-acc), var(--gpb-olive) 60%, transparent);
  border-radius: var(--gpb-radius) 0 0 var(--gpb-radius);
}
.gpb-hub__pillar p{
  margin: 0 0 1rem;
  color: var(--gpb-text);
  font-size: .98rem;
}
.gpb-hub__pillar p:last-child{ margin-bottom: 0; }
.gpb-hub__pillar strong{ color: var(--gpb-acc-soft); font-weight: 700; }
.gpb-hub__pillar em{ color: #fff; font-style: italic; font-weight: 500; }

.gpb-pillar__head{
  margin: 0 0 1.1rem;
  padding-bottom: .85rem;
  border-bottom: 1px dashed rgba(214,224,78,.18);
}
.gpb-pillar__tag{
  display: inline-block;
  font-size: .68rem;
  letter-spacing: .2em;
  font-weight: 900;
  color: var(--gpb-bg);
  background: var(--gpb-acc);
  padding: .25rem .65rem;
  border-radius: 4px;
  margin-bottom: .65rem;
  text-transform: uppercase;
}
.gpb-pillar__head h3{
  margin: 0;
  font-size: clamp(1.2rem, 3.6vw, 1.6rem);
  font-weight: 800;
  letter-spacing: .005em;
  color: #fff;
  line-height: 1.25;
}

/* lists */
.gpb-list{
  margin: .25rem 0 1.1rem;
  padding: 0;
  list-style: none;
  display: grid;
  gap: .55rem;
}
.gpb-list li{
  position: relative;
  padding: .65rem .85rem .65rem 2.3rem;
  background: rgba(58,73,10,.32);
  border: 1px solid rgba(138,160,12,.22);
  border-left: 3px solid var(--gpb-acc);
  border-radius: var(--gpb-radius-sm);
  font-size: .95rem;
  color: var(--gpb-text);
}
.gpb-list--check li::before{
  content: "✓";
  position: absolute;
  left: .85rem; top: 50%;
  transform: translateY(-50%);
  width: 1.1rem; height: 1.1rem;
  display: inline-flex;
  align-items: center; justify-content: center;
  background: var(--gpb-acc);
  color: var(--gpb-bg);
  border-radius: 50%;
  font-size: .7rem;
  font-weight: 900;
}

/* table */
.gpb-table{
  width: 100%;
  margin: .5rem 0 .25rem;
  border-collapse: separate;
  border-spacing: 0;
  font-size: .9rem;
  background: rgba(26,33,5,.55);
  border: 1px solid var(--gpb-line);
  border-radius: var(--gpb-radius-sm);
  overflow: hidden;
}
.gpb-table thead th{
  background: linear-gradient(180deg, rgba(138,160,12,.45), rgba(90,108,8,.5));
  color: #fff;
  text-align: left;
  padding: .7rem .8rem;
  font-size: .72rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 900;
  border-bottom: 1px solid var(--gpb-line-2);
}
.gpb-table tbody td{
  padding: .75rem .8rem;
  border-bottom: 1px solid rgba(63,79,10,.55);
  color: var(--gpb-text);
  vertical-align: top;
}
.gpb-table tbody tr:last-child td{ border-bottom: 0; }
.gpb-table tbody tr:nth-child(odd) td{ background: rgba(44,55,9,.35); }
.gpb-table tbody td:first-child{
  color: var(--gpb-acc);
  font-weight: 700;
}

/* callout */
.gpb-callout{
  margin: 1rem 0 .25rem;
  padding: 1rem 1.1rem;
  background: linear-gradient(135deg, rgba(138,160,12,.18), rgba(214,224,78,.08));
  border: 1px solid rgba(214,224,78,.35);
  border-left: 4px solid var(--gpb-acc);
  border-radius: var(--gpb-radius-sm);
}
.gpb-callout h4{
  margin: 0 0 .4rem;
  font-size: .95rem;
  font-weight: 900;
  color: var(--gpb-acc);
  letter-spacing: .04em;
}
.gpb-callout p{
  margin: 0;
  font-size: .92rem;
  color: var(--gpb-text);
}

/* desktop tweaks */
@media (min-width: 720px){
  .gpb-hub{ padding: 4.5rem 1.5rem; }
  .gpb-hub__pillar{ padding: 2.2rem 2.2rem 2rem; margin-bottom: 1.75rem; }
  .gpb-hub__pillar::before{ width: 4px; }
  .gpb-list{ grid-template-columns: 1fr 1fr; }
  .gpb-list li{ font-size: .95rem; }
  .gpb-callout{ padding: 1.2rem 1.4rem; }
}

@media (min-width: 1024px){
  .gpb-hub{ padding: 5rem 2rem; }
  .gpb-hub__pillar{ padding: 2.5rem 2.6rem 2.3rem; }
  .gpb-hub__pillar p{ font-size: 1rem; }
  .gpb-table{ font-size: .95rem; }
}

@media (prefers-reduced-motion: reduce){
  .gpb-hub__pillar{ transition: none; }
}