/* Rehber sayfalari, ana sayfa SEO blogu ve SSS (soru-cevap) bloklari */
/* Poppins yuklenene kadar ayni olculerde yedek font: metin kaymasini (CLS) onler */
@font-face { font-family: "Poppins Fallback"; src: local("Arial"), local("ArialMT"); font-weight: 400; ascent-override: 94.74%; descent-override: 31.58%; line-gap-override: 9.02%; size-adjust: 110.83%; }
@font-face { font-family: "Poppins Fallback"; src: local("Arial Bold"), local("Arial-BoldMT"); font-weight: 500 600; ascent-override: 98.27%; descent-override: 32.76%; line-gap-override: 9.36%; size-adjust: 106.85%; }
@font-face { font-family: "Poppins Fallback"; src: local("Arial Bold"), local("Arial-BoldMT"); font-weight: 700 900; ascent-override: 96.91%; descent-override: 32.30%; line-gap-override: 9.23%; size-adjust: 108.35%; }
html, body, h1, h2, h3, h4, h5, h6, p, .rehber, .rehber h1, .rehber h2, .rehber h3, .rehber p, .rehber li, .rehber a, .rehber summary, .rehber strong, .rehber small, .sss summary, .sss p { font-family: "Poppins", "Poppins Fallback", sans-serif; }

.rehber { --r1: #1d2d5b; --r2: #dc1c2e; color: #333; }
.rehber p, .rehber li { font-size: 16px; line-height: 1.75; color: #444; }
.rehber h1 { font-size: 34px; line-height: 1.3; font-weight: 700; color: #111; margin-bottom: 18px; }
.rehber h2 { font-size: 26px; font-weight: 700; color: #111; margin: 44px 0 16px; padding-top: 10px; scroll-margin-top: 90px; }
.rehber h3 { font-size: 19px; font-weight: 600; color: #222; margin: 24px 0 10px; }
.rehber a { color: var(--r2); }
.rehber ul { padding-left: 20px; margin-bottom: 16px; }
.rehber ul li { list-style: disc; }
.rehber .guncelleme { font-size: 14px; color: #777; margin-bottom: 20px; }

.rehber .kisaca { background: #f3f6f9; border-left: 4px solid var(--r2); padding: 18px 22px; margin: 20px 0 28px; border-radius: 4px; }
.rehber .kisaca p { margin: 0; }

.rehber .icindekiler { border: 1px solid #e5e5e5; border-radius: 6px; padding: 16px 22px; margin: 0 0 30px; }
.rehber .icindekiler strong { display: block; margin-bottom: 6px; }
.rehber .icindekiler ol { margin: 0; padding-left: 20px; }
.rehber .icindekiler li { list-style: decimal; font-size: 15px; line-height: 1.9; }

.rehber .veri-kutulari { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 14px; margin: 20px 0 10px; }
.rehber .veri { background: #fff; border: 1px solid #e5e5e5; border-top: 3px solid var(--r1); border-radius: 6px; padding: 14px 16px; }
.rehber .veri b { display: block; font-size: 24px; color: #111; line-height: 1.2; }
.rehber .veri span { font-size: 13px; color: #666; line-height: 1.4; display: block; margin-top: 4px; }
.rehber .kaynak { font-size: 13px; color: #777; margin-top: 6px; }

.rehber table.endeks { width: 100%; border-collapse: collapse; margin: 14px 0 8px; font-size: 15px; }
.rehber table.endeks th, .rehber table.endeks td { border: 1px solid #e5e5e5; padding: 8px 10px; text-align: left; }
.rehber table.endeks th { background: #f3f6f9; font-weight: 600; }
.rehber .tablo-kap { overflow-x: auto; }

.rehber .kelime-kartlari { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 14px; margin: 24px 0; }
.rehber .kelime-kartlari a { display: block; border: 1px solid #e5e5e5; border-radius: 6px; padding: 16px 18px; color: #111; font-weight: 600; text-decoration: none; transition: border-color .2s, box-shadow .2s; }
.rehber .kelime-kartlari a:hover { border-color: var(--r2); box-shadow: 0 4px 14px rgba(0,0,0,.06); }
.rehber .kelime-kartlari a small { display: block; font-weight: 400; color: #666; margin-top: 4px; font-size: 14px; line-height: 1.5; }

.rehber .cta-kutu { background: var(--r1); color: #fff; border-radius: 8px; padding: 24px 26px; margin: 36px 0; }
.rehber .cta-kutu p { color: #fff; margin: 0 0 12px; }
.rehber .cta-kutu a.btn-r { display: inline-block; background: var(--r2); color: #fff; padding: 10px 20px; border-radius: 4px; font-weight: 600; margin: 4px 8px 4px 0; text-decoration: none; }
.rehber .cta-kutu a.btn-r.acik { background: #fff; color: var(--r1); }
.rehber .cta-kutu a.btn-r.wa { background: #0a7e3d; color: #fff; }
.rehber .cta-kutu a.btn-r.wa:hover { background: #086a33; }

.sss { margin: 10px 0 20px; }
.sss details { border: 1px solid #e5e5e5; border-radius: 6px; margin-bottom: 10px; background: #fff; }
.sss summary { cursor: pointer; padding: 15px 44px 15px 18px; font-weight: 600; font-size: 16px; color: #111; position: relative; list-style: none; line-height: 1.5; }
.sss summary::-webkit-details-marker { display: none; }
.sss summary::after { content: "+"; position: absolute; right: 18px; top: 12px; font-size: 22px; font-weight: 400; color: #999; }
.sss details[open] summary::after { content: "\2212"; }
.sss details > div { padding: 0 18px 16px; }
.sss details > div p { margin: 0 0 8px; font-size: 15px; line-height: 1.7; color: #444; }

.rehber-seo { padding: 60px 0 20px; }
.rehber-seo .lead-p { font-size: 17px; }

@media (max-width: 767px) {
  .rehber h1 { font-size: 26px; }
  .rehber h2 { font-size: 22px; margin-top: 34px; }
  .rehber p, .rehber li { font-size: 15px; }
  .rehber .veri b { font-size: 20px; }
  .rehber .veri-kutulari { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .rehber .veri { padding: 12px; }
}

/* Ana sayfa slider'i JS ile yuklenene kadar yerini ayir (CLS) */
.hero-section { min-height: 750px; }
@media only screen and (max-width: 479px) {
  .hero-section { min-height: 225px; }
}

/* Baslik sirasi duzeltmesi (h4 -> h3) icin eski gorunumu koru */
.single-howit-works h3 { font-size: 22px; color: #19191a; font-weight: 600; margin-bottom: 16px; margin-top: 32px; }
.single-blog-item .sb-text h3 { font-size: 22px; line-height: 32px; margin: 0; }
.single-blog-item .sb-text h3 a { font-size: 22px; font-weight: 600; color: #19191a; display: inline-block; line-height: 32px; }
.single-blog-item:hover .sb-text h3 a { text-decoration: underline; }
/* Kontrast: acik gri ust basliklari koyulastir */
.section-title span { color: #6b6b75; }

/* WhatsApp sabit butonu (eski PNG yerine, her ekranda keskin) */
.wa-float { position: fixed; left: 20px; bottom: 30px; z-index: 999; display: flex; align-items: center; text-decoration: none; filter: drop-shadow(0 3px 8px rgba(0,0,0,.25)); }
.wa-float .wa-ikon { width: 52px; height: 52px; border-radius: 50%; background: #25D366; border: 3px solid #fff; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; flex-shrink: 0; }
.wa-float .wa-metin { position: relative; margin-left: -14px; padding: 8px 14px 8px 22px; background: #0a7e3d; color: #fff; font: 600 14px/1.2 "Poppins", "Poppins Fallback", sans-serif; border-radius: 0 20px 20px 0; white-space: nowrap; }
.wa-float .wa-metin small { position: absolute; top: -17px; left: 30px; background: #086a33; color: #fff; font-size: 11px; font-weight: 600; padding: 1px 10px; border-radius: 8px 8px 0 0; }
.wa-float:hover .wa-metin { background: #086a33; }
.wa-float:hover .wa-ikon { background: #1ebe5b; }
@media (max-width: 767px) { .wa-float .wa-metin { font-size: 13px; } }

/* Lazy arka plan resmi gelene kadar koyu zemin (kontrast korunur) */
.footer-section, .video-section { background-color: #1c1c21; }
/* Metin icindeki linkler renkten bagimsiz ayirt edilsin */
.footer-section a[href*="hostmaden.com"] { text-decoration: underline; }
.copyright-text p { color: #b5b5bf; }
.copyright-text a { color: #ff7a7a !important; }
/* Ust menu, yazi tipi yuklenirken 2 satira dusup sayfayi kaydirmasin (CLS) */
@media (min-width: 1200px) { .top-nav .main-menu ul { white-space: nowrap; } }
/* Slider JS ile hazirlanana kadar ilk banner'i goster (LCP) */
.hero-items.owl-carousel:not(.owl-loaded) { display: block; }
.hero-items:not(.owl-loaded) > .single-hero-item ~ .single-hero-item { display: none; }