/* Alt sayfalar: rehber, literatür, SSS */
.alt-sayfa{background:#fff}
.sayfa{max-width:1080px;margin:0 auto;padding:110px 16px 64px}
.kirinti{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--gri);margin-bottom:26px}
.kirinti a{color:var(--su);text-decoration:none}
.kirinti a:hover{text-decoration:underline}
.sayfa h1{font-size:clamp(40px,6vw,76px);font-weight:800;margin-bottom:18px}
.giris-ozet{font-size:20px;color:var(--gri);max-width:720px;margin-bottom:32px}
.giris-ozet a{color:var(--su)}

/* makale */
.makale{max-width:760px}
.makale-gorsel{border-radius:26px;overflow:hidden;margin:0 0 34px;aspect-ratio:16/9}
.makale-gorsel img{width:100%;height:100%;object-fit:cover}
.makale h2{font-size:clamp(26px,3vw,36px);margin:34px 0 10px}
.makale>p{color:#33453b;font-size:18px;line-height:1.7}
.makale-kaynak ol{padding-left:22px;display:grid;gap:8px;font-size:14.5px;color:var(--gri)}
.makale-kaynak a,.lit a,.ilgili a{color:var(--su)}

/* ürün kutusu */
.urun-kutu{display:flex;gap:24px;align-items:center;background:#eef9ea;border-radius:26px;padding:22px 26px;margin:40px 0}
.urun-kutu img{height:150px;width:auto;flex:none}
.urun-kutu b{font-family:var(--baslik);font-size:22px}
.urun-kutu p{color:var(--gri);margin:6px 0 12px}
.urun-kutu .fiyat{font-size:15px;color:var(--murekkep)}

/* SSS */
.sss{margin:40px 0}
.sss h2{font-size:clamp(26px,3vw,36px);margin-bottom:14px}
.sss details{border-bottom:1px solid var(--cizgi);padding:16px 4px}
.sss summary{font-family:var(--baslik);font-weight:700;font-size:19px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.sss summary::after{content:"+";color:var(--yesil);font-size:24px;line-height:1}
.sss details[open] summary::after{content:"–"}
.sss details p{color:var(--gri);margin-top:10px;max-width:760px}

/* ilgili + dizin kartları */
.ilgili div,.kartlar-rehber{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:12px}
.ilgili a,.kartlar-rehber a{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--murekkep);background:#f4faf6;border-radius:22px;padding:18px 20px;transition:transform .25s}
.ilgili a:hover,.kartlar-rehber a:hover{transform:translateY(-3px)}
.ilgili b,.kartlar-rehber b{font-family:var(--baslik);font-size:19px;line-height:1.25}
.ilgili span,.kartlar-rehber span{font-size:15px;color:var(--gri)}
.kartlar-rehber a{padding:0 0 18px;overflow:hidden}
.kartlar-rehber img{width:100%;aspect-ratio:16/10;object-fit:cover;margin-bottom:8px}
.kartlar-rehber b,.kartlar-rehber span,.kartlar-rehber i{padding:0 20px}
.kartlar-rehber i{font-style:normal;font-size:13px;color:var(--su);font-weight:700}

/* literatür */
.lit{list-style:none;display:grid;gap:14px}
.lit li{display:flex;gap:18px;background:#f4faf6;border-radius:22px;padding:22px 24px;scroll-margin-top:100px}
.lit li:target{box-shadow:0 0 0 3px var(--yesil)}
.lit-no{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--yesil);color:#fff;font-family:var(--baslik);font-weight:800}
.lit h2{font-size:22px;margin:2px 0 8px}
.lit p{color:var(--gri);font-size:15.5px;margin-bottom:6px}
.lit p b{color:var(--murekkep)}
.lit-ust{font-size:13px!important;color:var(--su)!important;font-weight:700}
.lit-atif{font-size:14px!important;word-break:break-word}

/* alt bilgi */
.sayfa-alt{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;max-width:1080px;margin:0 auto;padding:40px 16px 56px;border-top:1px solid var(--cizgi);font-size:14.5px;color:var(--gri)}
.sayfa-alt img{height:21px;width:auto;margin-bottom:10px}
.sayfa-alt nav{display:flex;flex-direction:column;gap:6px}
.sayfa-alt nav b{font-family:var(--baslik);color:var(--murekkep)}
.sayfa-alt a{color:var(--gri);text-decoration:none}
.sayfa-alt a:hover{color:var(--yesil)}

/* ana sayfa alt bağlantıları */
.alt-link{display:flex;gap:18px}
.alt-link a{color:var(--gri);text-decoration:none;font-weight:600}
.alt-link a:hover{color:var(--yesil)}

@media (max-width:700px){
  .alt-sayfa .menu{display:flex;gap:14px;font-size:14px}
  .alt-sayfa .ust .dugme-kucuk{display:none}
  .urun-kutu{flex-direction:column;align-items:flex-start}
  .lit li{flex-direction:column}
}
@media (max-width:520px){
  .alt-sayfa .menu{display:none}
  .alt-sayfa .sosyal{margin-left:auto}
}