:root{--bg:#0b0f14;--card:#0f1720;--accent:#7c3aed;--muted:#9aa4b2;--glass:rgba(255,255,255,0.03)}
*{box-sizing:border-box;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,'Helvetica Neue',Arial}
body{margin:0;background:linear-gradient(180deg,#020409 0%, #071022 100%);color:#e6eef6}
.wrap{max-width:980px;margin:36px auto;padding:20px}
.banner{width:100%;height:120px;background:#1a1a1d;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:#fff;font-size:18px;font-weight:600}
.logo{display:flex;align-items:center;gap:10px}
.logo .dot{width:42px;height:42px;border-radius:8px;background:linear-gradient(135deg,var(--accent),#1fb6ff);display:flex;align-items:center;justify-content:center;font-weight:700}
h1{margin:0;font-size:20px}
.meta{color:var(--muted);margin-top:6px}
.hero{display:flex;flex-direction:column;gap:18px}
.main-card{flex:1;min-width:300px}
.card{background:var(--card);padding:18px;border-radius:12px;box-shadow:0 6px 20px rgba(2,6,12,0.6);border:1px solid rgba(255,255,255,0.03)}
.video-wrap iframe{width:100%;height:360px;border-radius:8px;border:0}
.tabs{display:flex;gap:8px;margin-top:16px}
.tab-btn{padding:8px 12px;border-radius:8px;background:var(--glass);border:1px solid rgba(255,255,255,0.03);cursor:pointer;color:var(--muted)}
.tab-btn.active{background:linear-gradient(90deg, rgba(124,58,237,0.14), rgba(31,182,255,0.06));color:#fff;border:1px solid rgba(124,58,237,0.28)}
.grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));gap:16px;margin-top:12px}
.vcard{background:linear-gradient(180deg, rgba(255,255,255,0.03), transparent);border-radius:12px;border:1px solid rgba(255,255,255,0.08);box-shadow:0 8px 20px rgba(0,0,0,0.3);transition: transform 0.3s, box-shadow 0.3s;}
.vcard:hover{transform:translateY(-6px);box-shadow:0 12px 24px rgba(0,0,0,0.5);}
.thumb{height:150px;border-radius:12px;overflow:hidden;background:#111}
.thumb iframe{width:100%;height:100%;object-fit:cover}
.vmeta{padding:10px}
.vtitle{font-weight:700;font-size:15px;color:#fff}
.vprice{margin-top:6px;font-weight:500;color:#FF0000} /* Satış fiyatı rengi */
.buy a{display:block;margin-top:10px;padding:10px 12px;text-align:center;font-weight:600;border-radius:8px;background:#06b6d4;color:#000;text-decoration:none;transition:0.3s}
.buy a:hover{background:#0ea5e9;color:#fff}
footer{margin-top:30px;color:var(--muted);font-size:13px;text-align:center}
@media (max-width:880px){.thumb iframe{height:200px}}


.banner {
  width: 100%;
  height: 120px;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  background: #1a1a1d; /* Resim yoksa arka plan */
}

.banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.video-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.video-wrap iframe {
  width: 100%;
  height: 260px;
  border-radius: 12px;
}

@media (max-width: 768px) {
  .video-grid {
    grid-template-columns: 1fr;
  }

  .video-wrap iframe {
    height: 220px;
  }
}