.gate-body{background:var(--bg)}
.gate-wrap{max-width:640px;margin:0 auto;padding:20px 16px 48px}
.gate-head{display:flex;justify-content:center;padding:18px 0}
.gate-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:28px;text-align:center}
.gate-badge{width:56px;height:56px;border-radius:50%;background:var(--primary-l);display:grid;place-items:center;font-size:1.6rem;margin:0 auto 12px}
.gate-card h1{font-size:1.45rem}
.gate-card p.sub{color:var(--muted);margin:0 0 20px}
.dest-card{text-align:left;border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin:0 0 18px;background:var(--bg)}
.dest-label{display:block;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:8px}
.dest-site{display:flex;align-items:center;gap:12px}
.dest-icon,.dest-icon-fallback{width:32px;height:32px;border-radius:8px;flex:none;object-fit:contain;background:var(--surface)}
.dest-icon-fallback{display:grid;place-items:center;background:var(--btn);color:#fff;font-weight:700}
.dest-title{font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.player{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#0f172a,#312e81 55%,#0e7490);margin:0 0 12px;text-align:left}
.player-title{position:absolute;left:14px;right:14px;top:12px;color:#fff;font-weight:600;font-size:.95rem;text-shadow:0 1px 3px rgba(0,0,0,.5);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.player-play{position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;background:rgba(255,255,255,.18);border:2px solid rgba(255,255,255,.85);display:grid;place-items:center}
.player-play span{margin-left:5px;border-style:solid;border-width:11px 0 11px 19px;border-color:transparent transparent transparent #fff}
.player-bar{position:absolute;left:0;right:0;bottom:0;padding:22px 14px 10px;background:linear-gradient(transparent,rgba(0,0,0,.65));display:flex;align-items:center;gap:10px;color:#fff;font-size:.8rem}
.player-line{flex:1;height:4px;border-radius:4px;background:rgba(255,255,255,.3);position:relative}
.player-line:after{content:"";position:absolute;left:0;top:0;height:100%;width:3%;background:#ef4444;border-radius:4px}
.player-actions{display:flex;gap:10px;margin:0 0 22px}
.player-actions .btn{flex:1}
.btn-dl{background:#16a34a;color:#fff}.btn-dl:hover{background:#15803d}
.btn-watch{background:#2563eb;color:#fff}.btn-watch:hover{background:#1d4ed8}

.hint{min-height:1.4em;margin:12px 0 0;color:var(--muted);font-size:.9rem}
.ad-slot{display:flex;justify-content:center;max-width:100%;overflow:hidden;margin:14px auto}
.ad-slot:empty{display:none}
.gate-foot{text-align:center;margin-top:20px;font-size:.82rem;color:var(--muted)}
.gate-foot a{color:var(--muted);margin:0 8px}

.countdown{margin:0 0 20px}
.countdown-num{width:76px;height:76px;margin:0 auto 8px;border-radius:50%;border:4px solid var(--btn);display:grid;place-items:center;font-size:2rem;font-weight:800;color:var(--btn)}
.countdown-text{color:var(--muted);font-size:.92rem;margin-bottom:12px}
.countdown-bar{height:6px;border-radius:6px;background:var(--border);overflow:hidden}
.countdown-fill{height:100%;width:0;background:var(--btn);transition:width .25s linear}
.countdown.paused .countdown-num{opacity:.45;border-style:dashed}
a.player-link{display:block;cursor:pointer;text-decoration:none;color:inherit}
a.player-link:hover .player-play{background:rgba(255,255,255,.3)}
a.player-link:focus-visible{outline:3px solid var(--btn);outline-offset:2px}
.player-ad{position:absolute;top:10px;right:10px;padding:2px 7px;border-radius:4px;background:rgba(0,0,0,.6);color:#fff;font-size:.68rem;font-weight:600;letter-spacing:.02em;line-height:1.4}
.player-link .player-title{right:70px}

/* Reklam görünümlü butonlar: site tasarımından bilinçli olarak ayrışır */
.ad-box{position:relative;margin:0 0 22px;padding:16px 10px 10px;border:1px dashed #94a3b8;border-radius:8px;background:repeating-linear-gradient(135deg,rgba(148,163,184,.10) 0 10px,transparent 10px 20px)}
.ad-i{position:absolute;top:-1px;right:-1px;width:20px;height:20px;border-radius:0 8px 0 8px;background:#facc15;color:#1f2937;font:700 12px/20px Georgia,"Times New Roman",serif;text-align:center}
.ad-i:before{content:"i"}
.ad-buttons{display:flex;gap:8px;flex-wrap:wrap}
.btn-ad{flex:1 1 120px;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 8px;border-radius:4px;border:1px solid rgba(0,0,0,.25);color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.04em;font:800 .8rem/1.1 "Arial Black",Impact,Arial,sans-serif;text-shadow:0 1px 0 rgba(0,0,0,.35);box-shadow:0 2px 0 rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.4);cursor:pointer}
.btn-ad-dl{background:linear-gradient(#4ade80,#15803d)}
.btn-ad-watch{background:linear-gradient(#fdba74,#ea580c)}
.btn-ad:hover{filter:brightness(1.08)}
.btn-ad:active{transform:translateY(1px);box-shadow:0 1px 0 rgba(0,0,0,.28)}
.btn-ad svg{width:15px;height:15px}

/* 1. sayfa ana butonu: öne çıkarılmış */
.btn-gate{padding:19px 16px;font-size:1.2rem;font-weight:800;letter-spacing:.01em;border:0;border-radius:14px;background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 0 0 4px rgba(79,70,229,.18),0 10px 24px rgba(79,70,229,.4);animation:gate-pulse 2s ease-in-out infinite}
.btn-gate:before{content:"\2714";display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.22);font-size:.95rem}
.btn-gate:hover{background:linear-gradient(135deg,#4338ca,#6d28d9)}
.btn-gate[disabled]{animation:none}
@keyframes gate-pulse{0%,100%{box-shadow:0 0 0 4px rgba(79,70,229,.18),0 10px 24px rgba(79,70,229,.4)}50%{box-shadow:0 0 0 9px rgba(79,70,229,.1),0 10px 28px rgba(79,70,229,.5)}}
@media (prefers-reduced-motion:reduce){.btn-gate{animation:none}}
.gate-note{margin:14px 0 0;padding:10px 12px;border-radius:10px;background:var(--primary-l);color:var(--text);font-size:.9rem;line-height:1.5}
.gate-note strong{color:var(--primary)}

/* Ek formatlar */
.ad-native { margin: 14px 0; }
.ad-sticky {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 50;
  display: flex; justify-content: center; max-height: 110px; overflow: hidden;
  background: rgba(15, 17, 23, .92);
}
.gate-body:has(#ad-sticky) .gate-wrap { padding-bottom: 120px; }