/* style.css */
:root{
  --btm-bg:#242a41;
  --btm-fg:#e8ecf3;
  --btm-dim:#9aa6b2;
  --btm-card:#2a314a;
  --btm-stroke:#343c56;
  --btm-primary:#3ba95e;  /* Buton 1 */
  --btm-secondary:#0180ff;/* Buton 2 */
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,sans-serif;
  background:var(--btm-bg);
  color:var(--btm-fg);
  min-height:100vh;
  overflow-x:hidden;
}

.btm-container{max-width:1320px;margin:0 auto;padding:0 18px}
.btm-skip{position:absolute;left:-9999px}
.btm-skip:focus{position:static;padding:8px 12px;background:var(--btm-secondary);color:#111;border-radius:6px}

/* Header */
.btm-header{position:sticky;top:0;z-index:150;background:rgba(36,42,65,.98);border-bottom:1px solid var(--btm-stroke);box-shadow:0 2px 16px rgba(0,0,0,.25)}
.btm-nav{display:flex;align-items:center;gap:14px;max-width:1320px;margin:0 auto;padding:14px 0}
.btm-logo img{height:54px}
.btm-links{display:flex;gap:22px;margin-left:auto}
.btm-link,.btm-btn{color:var(--btm-fg);text-decoration:none;font-weight:800;letter-spacing:.4px}
.btm-link{padding:10px 12px;border-radius:8px}
.btm-link:hover,.btm-link:focus-visible{background:rgba(255,255,255,.06);color:#fff;outline:2px solid transparent}
.btm-btn{padding:10px 18px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 14px rgba(0,0,0,.25)}
.btm-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
.btm-btn-primary{background:var(--btm-primary);color:#ffffff}
.btm-btn-primary:hover,.btm-btn-primary:focus-visible{filter:saturate(110%) brightness(1.02)}
.btm-btn-secondary{background:var(--btm-secondary);color:#ffffff}
.btm-btn-secondary:hover,.btm-btn-secondary:focus-visible{filter:saturate(110%) brightness(1.02)}

.btm-hamburger{display:none;width:44px;height:44px;background:none;border:0;margin-left:auto;cursor:pointer}
.btm-hamburger span{display:block;width:26px;height:3px;background:var(--btm-secondary);margin:4px 0;border-radius:2px}
.btm-hamburger:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:900px){
  .btm-links,.btm-btn-primary{display:none}
  .btm-hamburger{display:flex;align-items:center;justify-content:center}
}

/* Mobile panel */
.btm-mobile{display:none;position:fixed;inset:0;background:rgba(20,24,37,.96);z-index:200;padding:72px 20px;flex-direction:column;gap:10px}
.btm-mobile .btm-link,.btm-mobile .btm-btn{display:block;text-align:center;width:min(340px,88vw);margin:0 auto}
.btm-mobile .btm-link{background:#303858;border:1px solid var(--btm-stroke);border-radius:10px;padding:12px;color:#e8ecf3}
.btm-mobile .btm-link:hover,.btm-mobile .btm-link:focus-visible{background:#374066}
.btm-mobile .btm-btn{margin-top:16px}

/* Slider: scroll-snap; mobil 1, ≥768px 2 */
.btm-slider{position:relative;overflow:hidden;border-radius:18px;margin:26px 0;background:var(--btm-card);border:1px solid var(--btm-stroke);box-shadow:0 8px 24px rgba(0,0,0,.3)}
.btm-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:0}
.btm-slides::-webkit-scrollbar{height:0}
.btm-slide{min-width:100%;scroll-snap-align:start;position:relative}
@media(min-width:768px){.btm-slide{min-width:50%}}
.btm-slide img{display:block;width:100%;height:340px;object-fit:cover;border-bottom:2px solid rgba(255,255,255,.08)}
.btm-slide-text{position:absolute;inset:auto 16px 16px 16px;background:rgba(0,0,0,.35);backdrop-filter:blur(6px);padding:12px 14px;border-radius:12px}
.btm-slide-text h3{margin:.1rem 0 .25rem}
.btm-slide-text p{margin:0 0 .5rem 0;color:#e5eaf4}

.btm-slider-controls{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;padding:0 8px;pointer-events:none}
.btm-slider-controls button{pointer-events:auto;background:var(--btm-secondary);color:#081018;border:0;border-radius:50%;width:46px;height:46px;font-size:1.8rem;box-shadow:0 2px 12px rgba(0,0,0,.35);cursor:pointer}
.btm-slider-controls button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.btm-prev:hover,.btm-next:hover{filter:brightness(1.05) saturate(1.05)}

/* Sections */
.btm-section-title{font-size:2rem;color:#fff;text-align:center;margin:42px 0 22px;letter-spacing:.5px;text-shadow:0 2px 12px rgba(0,0,0,.18);font-weight:800}

/* Bonuslar, Oyunlar, Sağlayıcılar */
.btm-bonus-list,.btm-games,.btm-providers{display:flex;gap:28px;flex-wrap:wrap;justify-content:center;margin-bottom:38px}
.btm-bonus-card,.btm-game,.btm-provider-card{background:var(--btm-card);border:1px solid var(--btm-stroke);border-radius:14px;box-shadow:0 2px 14px rgba(0,0,0,.25)}
.btm-bonus-card{width:235px;padding:24px;text-align:center}
.btm-bonus-card h3{margin:.2rem 0 .6rem;color:#fff}
.btm-bonus-card p{color:#d9ffe6}

.btm-games .btm-game{width:200px;padding:18px;text-align:center;min-height:310px}
.btm-game img{width:100%;height:auto;object-fit:cover;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.25)}
.btm-game h4{margin:14px 0 8px}

.btm-providers{gap:24px}
.btm-provider-card{width:110px;height:74px;display:flex;align-items:center;justify-content:center;padding:12px;border-radius:12px}
.btm-provider-card img{max-width:90px;max-height:44px;object-fit:contain;filter:brightness(1.08) contrast(1.12)}

/* Güven bölümü */
.btm-trust{background:var(--btm-card);border:1px solid var(--btm-stroke);border-radius:14px;padding:26px;text-align:center;box-shadow:0 2px 14px rgba(0,0,0,.25)}
.btm-trust-icons{display:flex;justify-content:center;align-items:center;gap:22px;flex-wrap:wrap;margin:10px 0}
.btm-trust-icon{transition:transform .2s ease}
.btm-trust-icon:hover,.btm-trust-icon:focus-visible{transform:scale(1.06)}
.btm-small{font-size:.92rem;color:var(--btm-dim)}

/* FAQ */
.btm-faq{max-width:720px;margin:0 auto 54px}
.btm-faq-list{list-style:none;margin:0;padding:0}
.btm-faq-item{margin-bottom:16px;border:1px solid var(--btm-stroke);border-radius:10px;background:var(--btm-card)}
.btm-faq-q{width:100%;text-align:left;background:transparent;border:0;color:#fff;font-weight:800;padding:14px 16px;cursor:pointer}
.btm-faq-q:focus-visible{outline:3px solid #fff;outline-offset:2px}
.btm-faq-a{display:none;padding:0 16px 14px 16px;color:#d6deea}
.btm-faq-item.is-open .btm-faq-a{display:block}

/* Footer */
.btm-footer{background:#1b2136;border-top:1px solid var(--btm-stroke);color:#e8ecf3;margin-top:32px}
.btm-foot-wrap{max-width:1200px;margin:0 auto;padding:24px 18px;display:grid;gap:18px;grid-template-columns:2fr 1fr 1fr}
.btm-foot-col a{display:block;color:#cbd5e1;text-decoration:none;margin:.25rem 0}
.btm-foot-col a:hover,.btm-foot-col a:focus-visible{color:#fff;outline:2px solid transparent}
.btm-foot-logo{filter:drop-shadow(0 0 8px rgba(0,0,0,.35))}
.btm-foot-copy{text-align:center;padding:10px 0;border-top:1px solid var(--btm-stroke);color:#9aa6b2}

@media(max-width:900px){
  .btm-foot-wrap{grid-template-columns:1fr}
  .btm-slide img{height:180px}
}
/* 3 Adımda Başla */
.btm-steps{background:var(--btm-card);border:1px solid var(--btm-stroke);border-radius:14px;padding:24px;margin:28px 0;box-shadow:0 2px 14px rgba(0,0,0,.25)}
.btm-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:900px){.btm-steps-grid{grid-template-columns:1fr}}
.btm-step{background:#22283d;border:1px solid var(--btm-stroke);border-radius:12px;padding:18px;text-align:center}
.btm-step h3{margin:10px 0 6px;color:#fff}
.btm-step p{margin:0 0 12px;color:#d6deea}
.btm-step img{display:block;margin:0 auto 8px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}
/* Güncel Adres Bildirimi */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.btm-notify{background:var(--btm-card);border:1px solid var(--btm-stroke);border-radius:14px;padding:24px;margin:28px 0;text-align:center;box-shadow:0 2px 14px rgba(0,0,0,.25)}
.btm-notify-form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:10px}
.btm-notify-form input[type="email"]{background:#1f2540;border:1px solid var(--btm-stroke);color:var(--btm-fg);border-radius:12px;padding:12px 14px;min-width:260px}
.btm-notify-form input[type="email"]:focus{outline:3px solid var(--btm-secondary);outline-offset:2px}
.btm-notify-cta{margin:6px 0 4px}
.btm-notify-msg[hidden]{ display:none !important; }