:root{--gold:#d4af37;--amber:#ffb000;--dark:#080808;--soft:#15110a;--text:#fff;--muted:#cfc7b0}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#2d2108,#050505 42%,#000);font-family:Arial,Helvetica,sans-serif;color:var(--text)}a{color:inherit;text-decoration:none}.container{width:min(1180px,92%);margin:auto}.topbar{position:sticky;top:0;z-index:10;background:rgba(0,0,0,.82);backdrop-filter:blur(12px);border-bottom:1px solid rgba(212,175,55,.25)}.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.logo{font-size:28px;font-weight:900;letter-spacing:.5px}.logo span,.footer span{color:var(--amber)}nav{display:flex;gap:20px;align-items:center}nav a{color:#eee;font-weight:600}.nav-cta,.btn{background:linear-gradient(135deg,var(--gold),var(--amber));color:#111!important;padding:12px 18px;border-radius:999px;font-weight:800;box-shadow:0 0 24px rgba(255,176,0,.25)}.hero{padding:90px 0 60px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.badge{display:inline-block;border:1px solid rgba(255,176,0,.35);color:var(--amber);padding:9px 14px;border-radius:999px;background:rgba(255,176,0,.08)}h1{font-size:58px;line-height:1.05;margin:20px 0}h2{font-size:38px;margin:0 0 18px}.lead{font-size:20px;color:var(--muted);line-height:1.7}.hero-card,.card,.admin-box{background:linear-gradient(180deg,rgba(255,176,0,.13),rgba(255,255,255,.04));border:1px solid rgba(212,175,55,.28);border-radius:26px;padding:28px;box-shadow:0 25px 80px rgba(0,0,0,.35)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.stat{background:#0d0d0d;border:1px solid rgba(212,175,55,.22);border-radius:18px;padding:18px;text-align:center}.stat b{display:block;color:var(--amber);font-size:24px}.section{padding:64px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card h3{color:var(--amber);font-size:24px}.price{font-size:34px;font-weight:900;color:#fff}.duration{color:var(--muted)}.features{white-space:pre-line;color:#ddd;line-height:1.7}.featured{outline:2px solid var(--amber)}.content{color:#ddd;line-height:1.85;font-size:17px}.faq{margin-bottom:14px}.faq strong{color:var(--amber)}.footer{background:#050505;border-top:1px solid rgba(212,175,55,.22);padding:45px 0 20px;margin-top:60px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:28px}.footer a{display:block;color:#cfc7b0;margin:8px 0}.copy{text-align:center;color:#888;border-top:1px solid #161616;margin-top:25px;padding-top:18px}.float-wa{position:fixed;right:22px;bottom:22px;background:#25d366;color:#071b0d;padding:14px 18px;border-radius:999px;font-weight:900}.admin-body{min-height:100vh;display:flex;align-items:center;justify-content:center}.admin-box{width:min(460px,92%)}input,textarea,select{width:100%;padding:13px;border-radius:12px;border:1px solid rgba(212,175,55,.3);background:#090909;color:#fff;margin:7px 0 15px}button{border:0;cursor:pointer}.admin-layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#050505;border-right:1px solid rgba(212,175,55,.2);padding:24px}.sidebar a{display:block;padding:12px;border-radius:10px;color:#ddd}.sidebar a:hover{background:rgba(255,176,0,.12)}.main{padding:28px}.table{width:100%;border-collapse:collapse;background:#080808}.table th,.table td{border-bottom:1px solid #222;padding:12px;text-align:left}.alert{background:rgba(255,176,0,.14);border:1px solid rgba(255,176,0,.3);padding:12px;border-radius:12px;margin-bottom:15px}@media(max-width:850px){.hero-grid,.grid,.footer-grid,.admin-layout{grid-template-columns:1fr}nav{display:none}h1{font-size:40px}.stats{grid-template-columns:1fr}.sidebar{position:relative}}

.article .card{max-width:980px;margin:auto}.article h1{font-size:44px}.article h2{color:var(--amber);margin-top:34px}.article h3{color:#f3d37a}.article ul,.article ol{line-height:1.9;color:#ddd}.article table{width:100%;border-collapse:collapse;margin:20px 0}.article th,.article td{border:1px solid rgba(212,175,55,.25);padding:12px}.mini-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.mini-links a{border:1px solid rgba(255,176,0,.35);padding:10px 12px;border-radius:999px;color:var(--amber)}

/* Kurulum SEO sayfaları */
.breadcrumb{font-size:14px;margin-bottom:18px;color:#c9a74a}.breadcrumb a{color:#ffca45;text-decoration:none}.content figure.setup-shot{margin:24px 0;padding:14px;border:1px solid rgba(212,175,55,.25);border-radius:16px;background:rgba(255,176,0,.06)}.content figure.setup-shot img{width:100%;max-height:280px;object-fit:cover;border-radius:12px}.content figure.setup-shot figcaption{font-size:14px;color:#d9c27b;margin-top:8px}.related-box{margin-top:34px;padding:24px;border:1px solid rgba(212,175,55,.35);border-radius:18px;background:linear-gradient(135deg,rgba(212,175,55,.12),rgba(0,0,0,.35))}.related-box h3{margin-top:0;color:#ffca45}.related-box ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;padding-left:18px}.related-box a{color:#fff;text-decoration:none}.faq-box{margin-top:28px}.faq-box h3{color:#ffca45}

/* SEO fix additions */
.breadcrumb{font-size:14px;margin-bottom:18px;color:#cfcfcf}.breadcrumb a{color:var(--amber)}
.setup-shot{margin:24px 0;padding:12px;border:1px solid rgba(212,175,55,.25);border-radius:18px;background:rgba(255,176,0,.04)}.setup-shot img{width:100%;height:auto;border-radius:14px;display:block}.setup-shot figcaption{font-size:13px;color:#cfcfcf;margin-top:8px}
.related-box,.faq-box,.country-box{margin:28px 0;padding:22px;border:1px solid rgba(212,175,55,.28);border-radius:18px;background:linear-gradient(135deg,rgba(212,175,55,.08),rgba(255,176,0,.03))}.related-box ul{columns:2;list-style:none;padding-left:0}.related-box li{margin:8px 0}.related-box a{color:var(--amber);font-weight:700}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr}@media(max-width:800px){.related-box ul{columns:1}.footer-grid{grid-template-columns:1fr}}


.breadcrumb{font-size:14px;margin:0 0 18px;color:#c9a85f}.breadcrumb a{color:#ffcf66;text-decoration:none}.setup-shot{margin:24px 0;padding:14px;border:1px solid rgba(255,176,0,.25);border-radius:18px;background:rgba(255,176,0,.04)}.setup-shot img{width:100%;height:auto;border-radius:14px;display:block}.setup-shot figcaption{font-size:14px;color:#c8b98d;margin-top:8px}.related-box,.faq-box{margin-top:28px;padding:22px;border:1px solid rgba(255,176,0,.28);border-radius:18px;background:linear-gradient(135deg,rgba(255,176,0,.08),rgba(0,0,0,.25))}.related-box ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:12px 0 0;padding:0;list-style:none}.related-box a{color:#ffd56a;text-decoration:none}.seo-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:22px 0}.seo-note{border-left:4px solid #ffb000;padding:14px 18px;background:rgba(255,176,0,.07);border-radius:12px}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(185px,1fr))!important}.footer a{display:block;margin:7px 0;color:#e2c87a;text-decoration:none}


.payment-security{padding:30px;margin-top:30px;border:1px solid #d4af37;border-radius:16px;background:#090909;color:#fff;text-align:center}
.payment-logos{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:15px 0}
.pay-logo{border:1px solid #ffb000;border-radius:10px;padding:10px 18px;color:#ffcf55;background:#111;font-weight:700}
.price-table{width:100%;border-collapse:collapse;margin:20px 0}
.price-table th,.price-table td{border:1px solid #d4af37;padding:12px;text-align:left}
.cta-box{border:1px solid #ffb000;background:#111;padding:22px;border-radius:14px;margin:25px 0}
.btn-gold{display:inline-block;background:#d4af37;color:#000;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:700}


.country-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:25px 0}
.country-card,.home-test-cta,.home-trust,.related-box,.cta-box{border:1px solid #d4af37;background:#090909;color:#fff;border-radius:16px;padding:22px;margin:20px 0}
.country-card a,.btn-gold{display:inline-block;margin:6px 6px 0 0;background:#d4af37;color:#000;padding:10px 14px;border-radius:8px;text-decoration:none;font-weight:700}

.footer-final-links{display:flex;gap:14px;flex-wrap:wrap;padding:20px;border-top:1px solid #d4af37}.footer-final-links a{color:#ffd76a}

/* HOTIPTV FAZ 5 Related Posts */
.related-posts{max-width:1180px;margin:32px auto;padding:0 18px}
.related-posts h2{font-size:28px;margin-bottom:18px}
.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.related-card{display:block;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.04);text-decoration:none;transition:.2s}
.related-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.07)}
.related-card strong{display:block;margin-bottom:8px}
.related-card span{font-size:14px;opacity:.8}


/* HOTIPTV FAZ 6 E-E-A-T Box */
.eeat-box{max-width:1180px;margin:32px auto;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(135deg,rgba(255,185,60,.08),rgba(255,255,255,.035));}
.eeat-box h2,.eeat-box h3{margin-top:0}
.eeat-author p,.eeat-note p{opacity:.9;line-height:1.7}
.eeat-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.eeat-badges span{font-size:13px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}

/* ===== HEADER FIX ===== */
.topbar { padding: 0; }
.nav { padding: 14px 0; gap: 0; }
.logo { font-size: 26px; font-weight: 900; flex-shrink: 0; }
nav { display: flex; gap: 6px; align-items: center; flex-wrap: nowrap; }
nav a { color: #eee; font-weight: 600; font-size: 14px; padding: 8px 10px; white-space: nowrap; border-radius: 8px; transition: color .2s; }
nav a:hover { color: var(--amber); }
.nav-cta { background: linear-gradient(135deg, var(--gold), var(--amber)) !important; color: #111 !important; padding: 10px 18px !important; border-radius: 999px !important; font-weight: 800 !important; font-size: 14px !important; }

/* ===== FOOTER FIX ===== */
.footer-payment { border: 1px solid rgba(212,175,55,.3); border-radius: 16px; padding: 24px; margin: 28px 0 0; text-align: center; background: #090909; }
.footer-payment h4 { color: var(--amber); margin: 0 0 14px; font-size: 16px; }
.footer-payment p { color: #ccc; font-size: 14px; margin: 12px 0 8px; }
.footer-payment a { color: var(--amber); font-size: 14px; }
.footer-seo-links { display: flex; flex-wrap: wrap; gap: 8px; padding: 18px 0 8px; border-top: 1px solid rgba(212,175,55,.12); margin-top: 16px; }
.footer-seo-links a { color: #b8a87a; font-size: 13px; padding: 4px 10px; border: 1px solid rgba(212,175,55,.2); border-radius: 999px; transition: color .2s; }
.footer-seo-links a:hover { color: var(--amber); }
.copy { text-align: center; color: #888; border-top: 1px solid #161616; margin-top: 20px; padding: 16px 0; }

@media (max-width: 850px) {
  nav { display: none; }
  .footer-grid { grid-template-columns: 1fr 1fr !important; }
  .footer-payment { padding: 18px; }
}
@media (max-width: 500px) {
  .footer-grid { grid-template-columns: 1fr !important; }
}
.footer-final-links{display:flex;gap:14px;flex-wrap:wrap;padding:20px;border-top:1px solid #d4af37}.footer-final-links a{color:#ffd76a}
.payment-security{padding:30px;margin-top:30px;border:1px solid #d4af37;border-radius:16px;background:#090909;color:#fff;text-align:center}
.payment-logos{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:15px 0}
.pay-logo{border:1px solid #ffb000;border-radius:10px;padding:10px 18px;color:#ffcf55;background:#111;font-weight:700}
.price-table{width:100%;border-collapse:collapse;margin:20px 0}
.price-table th,.price-table td{border:1px solid #d4af37;padding:12px;text-align:left}
.cta-box{border:1px solid #ffb000;background:#111;padding:22px;border-radius:14px;margin:25px 0}
.btn-gold{display:inline-block;background:#d4af37;color:#000;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:700}

.footer-final-links{display:flex;gap:14px;flex-wrap:wrap;padding:20px;border-top:1px solid #d4af37}.footer-final-links a{color:#ffd76a}
.country-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:25px 0}
.country-card,.home-test-cta,.home-trust,.related-box,.cta-box{border:1px solid #d4af37;background:#090909;color:#fff;border-radius:16px;padding:22px;margin:20px 0}
.country-card a,.btn-gold{display:inline-block;margin:6px 6px 0 0;background:#d4af37;color:#000;padding:10px 14px;border-radius:8px;text-decoration:none;font-weight:700}

.footer-final-links{display:flex;gap:14px;flex-wrap:wrap;padding:20px;border-top:1px solid #d4af37}.footer-final-links a{color:#ffd76a}
/* ===== IMAGE FIX ===== */
.content img {
  width: 100%;
  height: auto;
  border-radius: 14px;
  display: block;
  margin: 20px 0;
  border: 1px solid rgba(212,175,55,.2);
}
.content img + em {
  display: block;
  font-size: 13px;
  color: #c8b98d;
  margin-top: -12px;
  margin-bottom: 16px;
  font-style: italic;
}
/* hotiptv-css-v2-20260622 */

/* ===== PAGE COVER IMAGE ===== */
.page-cover {
  margin: -28px -28px 28px -28px;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
}
.page-cover img {
  width: 100%;
  height: auto;
  display: block;
  max-height: 420px;
  object-fit: cover;
}

/* ===== KURULUM GÖRSELLER OPTİMİZASYON ===== */
.content figure.setup-shot,
figure.setup-shot {
  margin: 28px 0;
  padding: 0;
  border: 1px solid rgba(212,175,55,.25);
  border-radius: 18px;
  overflow: hidden;
  background: rgba(255,176,0,.04);
}
.content figure.setup-shot img,
figure.setup-shot img {
  width: 100%;
  height: auto;
  max-height: 480px;
  object-fit: cover;
  display: block;
  border-radius: 0;
  margin: 0;
  border: none;
}
.content figure.setup-shot figcaption,
figure.setup-shot figcaption {
  padding: 12px 16px;
  font-size: 14px;
  color: #c8b98d;
  font-style: italic;
  border-top: 1px solid rgba(212,175,55,.15);
}
/* Cover görseli - daha büyük ve hero görünümlü */
.page-cover {
  margin: -28px -28px 32px -28px;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
}
.page-cover img {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  display: block;
}
/* Step numaralı görsel serisi */
.content figure.setup-shot + h2,
.content figure.setup-shot + h3 {
  margin-top: 32px;
}

/* ===== EEAT BOX MÜŞTERİ DOSTU ===== */
.eeat-box {
  max-width: 980px;
  margin: 28px auto;
  padding: 20px 24px;
  border: 1px solid rgba(212,175,55,.25);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(255,176,0,.06), rgba(0,0,0,.2));
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.eeat-author { flex: 1; min-width: 200px; }
.eeat-author p { margin: 0; color: #ddd; font-size: 15px; line-height: 1.6; }
.eeat-author strong { color: var(--amber); }
.eeat-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.eeat-badges span {
  font-size: 13px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(255,176,0,.1);
  border: 1px solid rgba(255,176,0,.25);
  color: #f0d080;
  white-space: nowrap;
}
/* Footer link başlıkları müşteri dostu */
.footer h4 { color: #fff; font-size: 14px; margin: 0 0 12px; text-transform: uppercase; letter-spacing: .5px; }

/* ===== FOOTER YENİDEN DÜZENLEME ===== */
.footer { background:#050505; border-top:1px solid rgba(212,175,55,.2); padding:50px 0 0; margin-top:60px; }

/* Üst blok: marka + iletişim */
.footer-top {
  display: grid;
  grid-template-columns: 1.6fr 1fr;
  gap: 40px;
  padding-bottom: 36px;
  border-bottom: 1px solid rgba(255,255,255,.06);
  align-items: start;
}
.footer-brand h3 { font-size: 28px; font-weight: 900; margin: 0 0 12px; }
.footer-brand p { color: #bbb; line-height: 1.7; margin: 0 0 20px; max-width: 400px; }
.footer-cta { display: flex; gap: 12px; flex-wrap: wrap; }
.footer-cta .btn { padding: 10px 20px; font-size: 14px; }
.btn-outline {
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid var(--amber);
  border-radius: 999px;
  color: var(--amber);
  font-weight: 700;
  font-size: 14px;
  transition: .2s;
}
.btn-outline:hover { background: rgba(255,176,0,.1); }

/* İletişim bloğu */
.footer-contact h4 { color: #fff; font-size: 13px; text-transform: uppercase; letter-spacing: .8px; margin: 0 0 14px; }
.footer-contact a { display: flex; align-items: center; gap: 8px; color: #bbb; margin-bottom: 10px; font-size: 14px; transition: color .2s; }
.footer-contact a:hover { color: var(--amber); }
.contact-wa { background: rgba(37,211,102,.1); border: 1px solid rgba(37,211,102,.3); border-radius: 12px; padding: 12px 16px; margin-bottom: 12px !important; }
.contact-wa .wa-icon { font-size: 20px; }
.contact-wa span:last-child { color: #fff; font-weight: 600; }
.contact-wa small { color: #aaa; font-weight: 400; }

/* Link kolonları */
.footer-links {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
  padding: 36px 0;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.footer-links h4 { color: #fff; font-size: 12px; text-transform: uppercase; letter-spacing: .8px; margin: 0 0 14px; }
.footer-links a { display: block; color: #999; font-size: 14px; margin-bottom: 8px; transition: color .2s; }
.footer-links a:hover { color: var(--amber); }

/* Ödeme */
.footer-payment { padding: 20px 0; border-bottom: 1px solid rgba(255,255,255,.06); }
.payment-items { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.footer-payment .pay-logo { font-size: 13px; padding: 6px 14px; border: 1px solid rgba(255,176,0,.25); border-radius: 999px; color: #d4af37; background: rgba(255,176,0,.06); }

/* Alt: SEO linkler + copyright */
.footer-bottom { padding: 20px 0; }
.footer-seo-links { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }
.footer-seo-links a { color: #666; font-size: 12px; padding: 3px 8px; border: 1px solid #222; border-radius: 999px; transition: color .2s; }
.footer-seo-links a:hover { color: #999; border-color: #444; }
.copy { color: #555; font-size: 13px; }

/* Responsive */
@media (max-width: 900px) {
  .footer-top { grid-template-columns: 1fr; gap: 28px; }
  .footer-links { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}
@media (max-width: 500px) {
  .footer-links { grid-template-columns: 1fr 1fr; }
  .footer-cta { flex-direction: column; }
}

/* ===== BLOG LİSTE SAYFASI ===== */
.blog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.blog-card {
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, rgba(255,176,0,.08), rgba(255,255,255,.03));
  border: 1px solid rgba(212,175,55,.22);
  border-radius: 20px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  transition: transform .2s, box-shadow .2s;
}
.blog-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 50px rgba(0,0,0,.4);
  border-color: rgba(212,175,55,.5);
}
.blog-card-img {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
}
.blog-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .3s;
}
.blog-card:hover .blog-card-img img {
  transform: scale(1.04);
}
.blog-card-no-img {
  background: rgba(255,176,0,.06);
  display: flex;
  align-items: center;
  justify-content: center;
}
.blog-card-no-img span { font-size: 48px; }
.blog-card-body {
  padding: 18px 20px 20px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.blog-card-body h3 {
  font-size: 16px;
  color: var(--amber);
  margin: 0 0 8px;
  line-height: 1.4;
}
.blog-card-body p {
  font-size: 14px;
  color: #aaa;
  margin: 0 0 14px;
  line-height: 1.6;
  flex: 1;
}
.blog-read-more {
  font-size: 13px;
  color: var(--amber);
  font-weight: 700;
}
@media (max-width: 900px) { .blog-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 500px) { .blog-grid { grid-template-columns: 1fr; } }

/* ===== HAMBURGER MENÜ ===== */
.hamburger {
  display: none;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 6px;
  border-radius: 8px;
  transition: background .2s;
}
.hamburger:hover { background: rgba(255,176,0,.1); }
.hamburger span {
  display: block;
  width: 24px;
  height: 2px;
  background: #fff;
  border-radius: 2px;
  transition: transform .3s, opacity .3s;
}
.hamburger.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.hamburger.active span:nth-child(2) { opacity: 0; }
.hamburger.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.mobile-menu {
  display: none;
  position: fixed;
  top: 60px;
  left: 0; right: 0;
  background: rgba(5,10,26,.98);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(212,175,55,.25);
  z-index: 99;
  padding: 16px 0 24px;
  flex-direction: column;
}
.mobile-menu.open { display: flex; }
.mobile-menu a {
  display: block;
  padding: 14px 24px;
  color: #ddd;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 1px solid rgba(255,255,255,.05);
  transition: color .2s, background .2s;
}
.mobile-menu a:hover { color: var(--amber); background: rgba(255,176,0,.05); }
.mobile-menu .nav-cta {
  margin: 16px 24px 0;
  text-align: center;
  border-radius: 999px;
  border-bottom: none;
}

/* Hero outline button */
.btn-outline-hero {
  display: inline-block;
  padding: 12px 18px;
  border: 2px solid var(--amber);
  border-radius: 999px;
  color: var(--amber);
  font-weight: 800;
  font-size: 15px;
  transition: .2s;
}
.btn-outline-hero:hover { background: rgba(255,176,0,.1); }

@media (max-width: 850px) {
  nav#main-nav { display: none !important; }
  .hamburger { display: flex; }
  .hero-grid { grid-template-columns: 1fr !important; }
  .hero-grid > div:last-child { order: -1; }
}

/* ===== İLETİŞİM SAYFASI ===== */
.iletisim-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.iletisim-card { text-align: center; padding: 32px 24px; }
.iletisim-icon { font-size: 48px; margin-bottom: 16px; }
.iletisim-card h2 { font-size: 22px; margin: 0 0 12px; color: var(--amber); }
.iletisim-card p { color: #bbb; margin-bottom: 20px; line-height: 1.6; }

.konu-card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 18px;
  border: 1px solid rgba(212,175,55,.2);
  border-radius: 14px;
  background: rgba(255,176,0,.04);
  text-decoration: none;
  color: inherit;
  transition: .2s;
  font-size: 22px;
}
.konu-card:hover { border-color: var(--amber); background: rgba(255,176,0,.1); transform: translateY(-2px); }
.konu-card strong { display: block; font-size: 15px; color: #fff; margin-top: 6px; }
.konu-card span { font-size: 13px; color: #aaa; }

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

/* ===== PAKET İKONLARI ===== */
.pkg-icon-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 14px;
}
.pkg-icon-wrap img {
  width: 72px;
  height: 72px;
  border-radius: 16px;
  background: rgba(255,176,0,.08);
  padding: 4px;
  border: 1px solid rgba(212,175,55,.2);
}

/* ===== SAYFA HIZI OPTİMİZASYONU ===== */
/* Font görüntüleme optimize */
* { -webkit-font-smoothing: antialiased; text-rendering: optimizeSpeed; }
/* Layout shift önleme */
img { max-width: 100%; height: auto; }
.card { contain: layout style; }
/* Animasyonları GPU'ya taşı */
.btn, .card, .blog-card { will-change: transform; }
/* Lazy load blur-up efekti */
img[loading="lazy"] { transition: opacity .3s; }

/* ===== ÖDEME BANDI YENİDEN TASARIM ===== */
.footer-payment {
  border-top: 1px solid rgba(212,175,55,.15);
  border-bottom: 1px solid rgba(212,175,55,.15);
  padding: 18px 0;
  margin: 4px 0;
}
.payment-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}
.payment-left {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.payment-title {
  font-size: 14px;
  font-weight: 800;
  color: #fff;
  letter-spacing: .3px;
}
.payment-sub {
  font-size: 12px;
  color: #666;
}
.payment-methods {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}
.pay-method {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  min-width: 48px;
}
.pay-method span {
  font-size: 10px;
  color: #888;
  font-weight: 600;
  letter-spacing: .3px;
  text-transform: uppercase;
}
.pay-method svg {
  transition: transform .2s, opacity .2s;
}
.pay-method:hover svg { transform: translateY(-2px); opacity: 1; }
.pay-method svg { opacity: .85; }
@media (max-width: 600px) {
  .payment-inner { justify-content: center; text-align: center; }
  .payment-left { align-items: center; }
}

/* ===== SSS YENİ TASARIM ===== */
.faq-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.faq-card {
  padding: 20px 22px !important;
}
.faq-q {
  font-size: 15px;
  font-weight: 700;
  color: var(--amber);
  margin-bottom: 10px;
  line-height: 1.4;
}
.faq-a {
  font-size: 14px;
  color: #bbb;
  line-height: 1.7;
}
@media (max-width: 700px) {
  .faq-grid { grid-template-columns: 1fr; }
}