html { scroll-behavior: smooth; }
    body {
      margin:0;
      font-family:'Montserrat','Segoe UI',Arial,sans-serif;
      background: radial-gradient(circle at 30% 30%, #3b2f0e 0%, #191919 65%, #222 100%);
      color: #ffd700;
      min-height:100vh;
      position:relative;
      overflow-x:hidden;
    }
    body::before {
      content:"";
      position:fixed;
      left:0;top:0;width:100vw;height:100vh;z-index:-1;
      background: repeating-radial-gradient(circle, #ffd70022 1px, transparent 6px), repeating-radial-gradient(circle, #ffae0011 2px, transparent 8px);
      opacity:.35;
      pointer-events:none;
    }
    .container { max-width:1320px; margin:0 auto; padding:0 18px;}
    .site-header {
      position:sticky; top:0; z-index:150;
      background:rgba(25,25,25,0.98);
      border-bottom:2px solid #ffd70066;
      box-shadow:0 2px 16px #ffd70012;
      padding:0;
    }
    .nav-bar {
      display:flex; align-items:center; justify-content:space-between;
      padding:18px 0;
      max-width:1320px; margin:0 auto;
      position:relative;
    }
    .logo img { height:54px; filter:drop-shadow(0 0 12px #ffd700);}
    .nav-links { display:flex; gap:28px; }
    /* linklerin altçizgisini tamamen kaldırıyoruz */
    .nav-link, .cta-btn {
      color:#ffd700; font-weight:800; font-size:1.08rem; text-decoration:none;
      padding:10px 16px; border-radius:7px; transition:.18s background,.18s color;
      letter-spacing:1px;
      display: flex; align-items: center; gap:6px;
      -webkit-tap-highlight-color: transparent;
    }
    .nav-link:hover, .nav-link.active { background:#ffd700; color:#191919; }
    .cta-btn {
      background:linear-gradient(90deg,#ffd700 0%,#ffae00 100%);
      color:#191919; padding:13px 32px; border-radius:12px; font-size:1.1rem; font-weight:800; border:none; box-shadow:0 2px 18px #ffd70088; cursor:pointer; letter-spacing:1px; transition:background .22s, box-shadow .22s;
      margin-left:12px;
      justify-content:center;
    }
    .cta-btn:hover { background:linear-gradient(90deg,#ffae00 0%,#ffd700 100%); box-shadow:0 0 24px #ffd70077; transform:scale(1.07);}
    /* erişilebilirlik için focus stili — ama alt çizgi yok */
    .nav-link:focus, .cta-btn:focus {
      outline: 3px solid rgba(255,214,0,0.18);
      outline-offset: 4px;
      text-decoration: none;
    }

    .hamburger {
      display: none;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 44px; height: 44px;
      background: none;
      border: none;
      cursor: pointer;
      z-index: 151;
    }
    .hamburger span {
      display: block;
      width: 28px; height: 4px;
      margin: 4px 0;
      background: #ffd700;
      border-radius: 2px;
      transition: 0.3s;
    }
    .mobile-nav {
      display: none;
      flex-direction: column;
      align-items: center;
      background: #191919ee;
      position: fixed;
      top: 0; left: 0; width: 100vw; height: 100vh;
      z-index: 200;
      padding-top: 68px;
      gap: 10px;
      animation: fadein .2s;
    }
    @keyframes fadein {
      from { opacity: 0;}
      to { opacity: 1;}
    }
    .mobile-nav .nav-link {
      width: 85vw; max-width: 350px;
      font-size: 1.18rem;
      padding: 14px 0;
      background: #232323;
      border-radius: 10px;
      margin: 4px 0;
      box-shadow:0 1px 8px #ffd70022;
      color: #ffd700;
      font-weight: bold;
      justify-content: center;
      gap: 12px;
      text-align: left;
      border: 2px solid #ffd70044;
      transition: background .16s, color .16s;
    }
    .mobile-nav .nav-link:hover {
      background: #ffd700;
      color: #191919;
    }

    /* Mobilde "Hemen Kayıt Ol" görünümünü daha dengeli yapıyoruz:
       - Dolgu (padding) biraz küçüldü
       - Yazı boyutu hafif küçüldü
       - Genişlik %85 yerine daha kontrollü max-width (350px) ile merkezlenmiş
       - Alt çizgi kesinlikle yok */
    .mobile-nav .cta-btn {
      margin: 24px auto 0 auto;
      width: 88vw; max-width:340px; display: inline-flex;
      font-size: 1.02rem;
      padding: 12px 0;
      border-radius: 12px;
      box-shadow: 0 2px 12px #ffd70044;
      text-decoration: none;
      justify-content:center;
      align-items:center;
      border: none;
      background: linear-gradient(90deg,#ffd700 0%,#ffae00 100%);
      color: #191919;
    }
    .mobile-nav .cta-btn:focus { outline: 3px solid rgba(255,214,0,0.12); outline-offset: 3px; text-decoration: none; }

    .section-title {
      font-size:2.05rem;
      color:#ffd700;
      margin:46px 0 28px 0;
      text-align:center;
      display:flex; justify-content:center; align-items:center; gap:14px;
      letter-spacing:1px;
      text-shadow:0 2px 12px #ffd70024;
      font-weight:800;
    }
    .section-title i {
      font-size:2.1rem; vertical-align:middle;
      filter:drop-shadow(0 0 8px #ffd70044);
    }
    .slider {
      position:relative;
      overflow:hidden;
      border-radius:28px;
      margin:38px 0;
      box-shadow:0 8px 24px #ffd70024;
      border:2px solid #ffd70088;
      background:#221808;
    }
    .slides { display:flex; transition:transform .7s cubic-bezier(.4,.2,.2,1);}
    .slide { min-width:100%; box-sizing:border-box;}
    .slide img {
      width:100%; height:340px; object-fit:cover; display:block;
      filter:brightness(1.07) contrast(1.14) drop-shadow(0 2px 8px #ffd70033);
      transition:filter .3s;
      border-bottom:3px solid #ffd700;
    }
    .slide img:hover { filter:brightness(1.14) contrast(1.18);}

    .slider-controls {
      position:absolute; top:50%; left:0; width:100%;
      display:flex; justify-content:space-between; pointer-events:none;
    }
    .slider-controls button {
      background:linear-gradient(90deg,#ffd700 10%,#ffae00 90%);
      color:#191919; border:none; border-radius:50%; width:49px; height:49px;
      font-size:2.2rem; cursor:pointer; pointer-events:auto;
      box-shadow:0 2px 8px #ffd70066;
      transition:box-shadow .18s, background .18s, transform .18s;
      outline:none;
    }
    .slider-controls button:hover { box-shadow:0 0 18px #ffd70077; background:linear-gradient(90deg,#ffae00 10%,#ffd700 100%); transform:scale(1.13);}

    .bonus-list {display:flex; gap:32px; flex-wrap:wrap; justify-content:center; margin-bottom:44px;}
    .bonus-card {
      background:#232323;
      border-radius:16px;
      padding:32px 24px;
      width:235px;
      box-shadow:0 2px 18px #ffd70022, 0 2px 8px #000a;
      text-align:center;
      border:2px solid #ffd70077;
      transition:box-shadow .22s, transform .18s, border-color .22s, background .22s;
      position:relative;
      overflow:hidden;
      font-weight:600;
      color:#ffd700;
    }
    .bonus-card h3 { color:#ffd700; margin-bottom:17px; font-size:1.32rem;font-weight:800;}
    .bonus-card p { font-size:1.19rem; color:#ffe066;}
    .bonus-card:hover {
      box-shadow:0 0 24px #ffd70077,0 2px 18px #ffae0033;
      transform:scale(1.05) translateY(-3px);
      border-color:#ffd700cc;
      background:#2e2e2e;
      color:#fff;
    }
    .providers {
      display: flex;
      gap: 36px;
      justify-content: center;
      margin: 46px 0 42px 0;
      flex-wrap: wrap;
    }
    .provider-card {
      background: #232323;
      border-radius: 15px;
      padding: 16px 18px;
      box-shadow: 0 4px 14px #ffd70033;
      border: 2px solid #ffd70077;
      width: 110px; height: 74px;
      display: flex; align-items: center; justify-content: center;
      transition: border-color 0.2s, box-shadow 0.2s, background 0.2s, transform 0.18s;
    }
    .provider-card img {
      max-height: 44px; max-width: 90px; object-fit: contain;
      filter: brightness(1.08) contrast(1.12);
      transition: filter 0.18s, transform 0.18s;
    }
    .provider-card:hover {
      border-color: #ffd700bb;
      background: #2e2e2e;
      box-shadow: 0 0 22px #ffd70066;
      transform: scale(1.07) translateY(-2px);
    }
    .provider-card:hover img {
      filter: brightness(1.14) contrast(1.18) drop-shadow(0 0 14px #ffd70088);
      transform: scale(1.13);
    }
    .games-list {display:flex; gap:32px; flex-wrap:wrap; justify-content:center; margin-bottom:44px;}
    .game-card {
      background:#232323;
      border-radius:16px;
      padding:24px 18px;
      width:200px;
      box-shadow:0 2px 14px #ffd70022;
      text-align:center;
      border:2px solid #ffd70077;
      transition:box-shadow .18s, border-color .22s, transform .18s, background .22s;
      position:relative;
      overflow:hidden;
      color:#ffd700;
      font-weight:600;
      min-height: 310px;
    }
    .game-card img {
      width:100%;
      height:140px;
      object-fit:cover;
      border-radius:14px;
      box-shadow:0 2px 14px #ffd70012;
      transition:filter .22s, transform .18s;
    }
    .game-card h4 {margin:16px 0 10px 0; font-size:1.19rem; color:#ffd700;}
    .game-card p {color:#ffe066; font-size:1.13rem;}
    .game-card:hover {
      box-shadow:0 0 20px #ffd70088,0 2px 18px #ffae0033;
      transform:scale(1.07) translateY(-4px);
      border-color:#ffd700cc;
      background:#2e2e2e;
      color:#fff;
    }
    .game-card:hover h4, .game-card:hover p {
      color: #fff;
    }
    .game-card:hover img {
      filter:brightness(1.12) contrast(1.16) drop-shadow(0 0 10px #ffd70033);
      transform:scale(1.08) rotate(2deg);
    }
    .trust-section {
      background:#232323;
      padding:38px 0;
      text-align:center;
      margin-bottom:44px;
      border-radius:16px;
      box-shadow:0 2px 18px #ffd70022;
      border:2px solid #ffd70077;
    }
    .trust-section h2 {font-size:1.23rem; margin-bottom:18px; color:#ffd700;}
    .trust-icons i {
      font-size:2.8rem;
      transition:transform .16s;
    }
    .trust-icons i:hover {
      transform:scale(1.15);
      filter:drop-shadow(0 0 8px #ffd70088);
    }
    .comments-section {margin:44px 0;}
    .comments-list {display:flex; gap:32px; flex-wrap:wrap; justify-content:center;}
    .comment-card {
      background:#232323;
      border-radius:15px;
      padding:24px 18px; width:270px;
      box-shadow:0 2px 14px #ffd70022;
      position:relative;
      border:2px solid #ffd70077;
      transition:box-shadow .18s, border-color .18s, transform .18s, background .18s;
      color:#ffd700;
      font-weight:600;
    }
    .comment-card:hover {
      box-shadow:0 0 18px #ffd70066,0 2px 14px #ffae0033;
      border-color:#ffd700cc;
      background:#2e2e2e;
      color:#fff;
      transform:scale(1.04) translateY(-2px);
    }
    .comment-card:hover .name, .comment-card:hover .text {
      color: #fff;
    }
    .comment-card .avatar {
      width:44px; height:44px; border-radius:50%; object-fit:cover; position:absolute; left:18px; top:21px;
      border:2.5px solid #ffd70044;
      box-shadow:0 2px 8px #ffd70011;
    }
    .comment-card .comment-content {margin-left:60px;}
    .comment-card .name {font-weight:bold; color:#ffd700; margin-bottom:8px;}
    .comment-card .text {font-size:1.11rem; color:#ffe066;}
    .faq-section {max-width:700px; margin:0 auto 54px auto;}
    .faq-title {font-size:1.45rem; color:#ffd700; text-align:center; margin-bottom:27px;}
    .faq-title i {font-size:1.6rem; margin-right:8px; vertical-align:middle;}
    .faq-list {list-style:none; padding:0;}
    .faq-item {margin-bottom:22px;}
    .faq-q {font-weight:bold; color:#fff; cursor:pointer; background:#232323; padding:16px; border-radius:9px; border:2px solid #ffd70077; transition:background .18s, color .18s;}
    .faq-a {color:#ffe066; background:#232323; padding:14px 17px; border-radius:0 0 9px 9px; display:none;}
    .faq-active .faq-a {
      background: #2e2e2e;
      color: #fff;
      display: block;
    }
    .faq-active .faq-q {
      color: #ffd700;
      background: #2e2e2e;
    }
    footer {text-align:center; color:#ffd700; padding:38px 0; font-size:1.12rem;}
    @media(max-width:900px) {
      .bonus-list,.games-list,.comments-list {flex-direction:column; align-items:center;}
      .providers {flex-direction:column; align-items:center;}
      .nav-bar {flex-direction:row; gap:0;}
      .logo img {height:36px;}
      .nav-links, .cta-btn { display: none; }
      .hamburger { display: flex; }
      .section-title {font-size:1.32rem;}
      .slider .slide img {height:140px;}
      .game-card img {height:140px;}
      .bonus-card, .game-card, .provider-card, .comment-card {width:98vw; max-width:360px;}
      .faq-section {max-width:98vw;}
      /* Mobilde header'daki taşan görünümler için buton kenar boşluğu azaltıldı */
      .mobile-nav .nav-link { text-decoration:none; }
    }
    @media(max-width:600px) {
      .container {padding:0 4px;}
      .nav-bar {padding:12px 0;}
      .slider, .section-title, .bonus-card, .game-card, .provider-card, .trust-section, .comments-section, .faq-section {border-radius:10px;}
      .bonus-card, .game-card, .provider-card, .comment-card {padding:20px 12px;}
      .slider .slide img {height:100px;}
      .game-card img {height:140px;}
      .faq-title {font-size:1.1rem;}

      /* küçük ekranlarda header CTA'nızın daha dengeli görünmesi için boyutlandırma */
      .mobile-nav .cta-btn {
        font-size: 0.98rem;
        padding: 10px 0;
        width: 92vw;
        max-width: 320px;
      }
    }
    #saglayicilar { scroll-margin-top: 100px; }
    #bonuslar {
  scroll-margin-top: 100px; /*  */
}
#populer-oyunlar {
  scroll-margin-top: 100px; /* sticky header yüksekliğine göre ayarla */
}
/* --- OPTIMIZED PREMIUM FOOTER --- */
.site-footer {
  background: #111;
  border-top: 2px solid #ffd70044;
  color: #ffd700;
  padding: 40px 20px 10px;
  box-shadow: 0 -4px 12px #000a;
  font-family: 'Montserrat', sans-serif;
}

.footer-content {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 40px;
}

/* SOL TARAF - LOGO + AÇIKLAMA */
.footer-left {
  flex: 1;
  min-width: 260px;
  text-align: left;
}

.footer-logo {
  height: 50px;
  filter: drop-shadow(0 0 8px #ffd70066);
  margin-bottom: 12px;
  display: block;
}

.footer-desc {
  font-size: 0.95rem;
  color: #ffe066;
  line-height: 1.6;
  max-width: 320px;
}

/* ORTA SÜTUN - LİNKLER */
.footer-links {
  flex: 1;
  min-width: 180px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
}

.footer-links h4,
.footer-social h4 {
  color: #ffd700;
  font-size: 1.05rem;
  margin-bottom: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.footer-links a {
  color: #ffe066;
  text-decoration: none;
  font-size: 0.95rem;
  transition: color 0.2s;
}

.footer-links a:hover {
  color: #fff;
}

/* SAĞ TARAF - SOSYAL MEDYA */
.footer-social {
  flex: 1;
  min-width: 180px;
  text-align: right;
}

.social-icons {
  display: flex;
  justify-content: flex-end;
  gap: 14px;
  margin-top: 6px;
}

.social-icons a {
  color: #ffd700cc;
  font-size: 1.5rem;
  transition: transform 0.2s, color 0.2s;
}

.social-icons a:hover {
  color: #fff;
  transform: scale(1.2);
  text-shadow: 0 0 10px #ffd700;
}

/* ALT KISIM - TELİF */
.footer-bottom {
  border-top: 1px solid #ffd70033;
  text-align: center;
  margin-top: 32px;
  padding-top: 16px;
}

.footer-bottom p {
  font-size: 0.9rem;
  color: #ffe066;
  margin: 0;
}

/* MOBİL DÜZEN */
@media (max-width: 768px) {
  .footer-content {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }

  .footer-left,
  .footer-links,
  .footer-social {
    text-align: center;
  }

  .social-icons {
    justify-content: center;
  }
}
.trust-icons { display:flex; justify-content:center; align-items:center; gap:25px; margin-top:15px; flex-wrap:wrap; }


.trust-icon { transition: transform .3s ease; }


.trust-icon:hover {
  transform: scale(1.1);
}
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{position:static;width:auto;height:auto;padding:8px 12px;background:#ffd700;color:#191919;border-radius:6px}
#sss { scroll-margin-top: 100px; }