:root{
  --zemin:#f5f8ee;
  --zemin-2:#e6eedd;
  --acik:#cde4d5;
  --koyu:#10231a;
  --ana:#007600;
  --buton:#ff7561;
  --buton-hover:#ff9482;
  --buton-yazi:#10231a;
  --cizgi:#cddfd3;
  --yazi:#0d1b14;
  --yazi-2:#3a5646;
  --yazi-3:#4b6757;
  --koyu-yazi:#eaf6ee;
  --koyu-yazi-2:#b5cfbf;
  --koyu-cizgi:#2b4638;
  --baslik:"Bahnschrift","DIN Alternate","Segoe UI",system-ui,sans-serif;
  --govde:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;padding:0;
  background:var(--zemin);color:var(--yazi);
  font-family:var(--govde);font-size:17px;line-height:1.7;
}
img,video{max-width:100%}
a{color:var(--ana);text-decoration:underline}
a:hover{color:var(--koyu)}
:focus-visible{outline:2px solid var(--ana);outline-offset:2px}
.kap{max-width:1040px;margin:0;padding-left:24px;padding-right:24px}
[id]{scroll-margin-top:72px}
h1,h2,h3{font-family:var(--baslik);font-weight:700;line-height:1.25;text-transform:none;color:var(--koyu)}
h1{font-size:clamp(1.7rem,3.8vw,2.5rem);margin:0;max-width:640px}
h2{font-size:1.75rem;margin:0 0 14px}
h2::before{content:"";display:block;width:48px;height:4px;background:var(--ana);margin-bottom:10px}
h3{font-size:1.2rem;color:var(--ana);margin:22px 0 8px}
p{margin:0 0 14px}
ul,ol{margin:0 0 14px;padding-left:22px}
li{margin-bottom:8px}
strong{font-weight:700}
.kirinti{font-size:13px;color:var(--yazi-2);margin:0 0 8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.kirinti a{color:var(--yazi-2)}
.kirinti span{color:var(--yazi-2)}

/* ---------- Ust cubuk / sol kenar cubugu ---------- */
.ust{
  position:sticky;top:0;z-index:50;height:56px;
  background:var(--koyu);border-bottom:1px solid var(--koyu-cizgi);
  padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.logo{
  font-family:var(--baslik);font-weight:700;font-size:24px;
  color:var(--koyu-yazi);text-decoration:none;white-space:nowrap;line-height:1;
}
.logo span{color:var(--buton)}
.logo:hover{color:var(--koyu-yazi)}
.dikey-menu,.kenar-tg{display:none}
.mobil-menu{position:static}
.mobil-menu summary{
  height:44px;padding:0 16px;display:inline-flex;align-items:center;
  border:1px solid var(--koyu-yazi-2);border-radius:6px;
  color:var(--koyu-yazi);font-size:15px;font-weight:700;cursor:pointer;
  list-style:none;
}
.mobil-menu summary::-webkit-details-marker{display:none}
.mobil-menu[open] summary{background:var(--buton);color:var(--buton-yazi);border-color:var(--buton)}
.mobil-panel{
  position:absolute;top:100%;left:0;right:0;
  background:var(--koyu);border-bottom:1px solid var(--koyu-cizgi);
  max-height:calc(100dvh - 56px);overflow:auto;
}
.mobil-panel a{
  display:flex;align-items:center;height:48px;padding:0 20px;
  color:var(--koyu-yazi);font-size:16px;text-decoration:none;
  border-bottom:1px solid var(--koyu-cizgi);
}
.mobil-panel a[aria-current="page"]{color:var(--buton);border-left:4px solid var(--buton);padding-left:16px}

/* ---------- Baslik paneli + Betzula karti ---------- */
.ust-ikili{
  display:grid;grid-template-columns:minmax(0,1fr);gap:12px;
  align-items:stretch;padding-top:32px;padding-bottom:24px;
}
.baslik-paneli{
  background:var(--zemin-2);border:1px solid var(--cizgi);border-left:6px solid var(--ana);
  border-radius:2px;padding:24px 28px;min-width:0;
}
.baslik-paneli>*{min-width:0}
.ust-yazi{color:var(--ana);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px}
.panel-aciklama{color:var(--yazi-2);font-size:17px;max-width:560px;margin:10px 0 0}
.guncelleme{color:var(--yazi-2);font-size:13px;margin:10px 0 0}
.betzula-kart{
  background:var(--koyu);border:1px solid var(--koyu-cizgi);border-radius:2px;
  padding:20px;display:flex;flex-direction:column;gap:10px;
  position:relative;z-index:2;min-width:0;
}
.betzula-kart .rozet{align-self:flex-start}
.kart-ust{font-size:13px;color:var(--koyu-yazi-2);margin:0}
.kart-bonus{font-family:var(--baslik);font-size:1.35rem;font-weight:700;color:var(--koyu-yazi);margin:0;overflow-wrap:anywhere}
.betzula-kart .buton{margin-top:auto;width:100%}
.rozet{
  display:inline-flex;align-items:center;background:var(--buton);color:var(--buton-yazi);
  border-radius:2px;font-size:13px;font-weight:700;text-transform:uppercase;
  padding:4px 10px;white-space:nowrap;line-height:1.4;
}
.buton{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--buton);color:var(--buton-yazi);font-family:var(--baslik);
  font-weight:800;font-size:16px;border-radius:6px;min-height:48px;
  padding:0 18px;text-decoration:none;border:0;cursor:pointer;line-height:1.2;text-align:center;
}
.buton:hover{background:var(--buton-hover);color:var(--buton-yazi)}
.dugme{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--buton);color:var(--buton-yazi);font-weight:700;
  border-radius:6px;min-height:44px;padding:0 20px;text-decoration:none;border:0;cursor:pointer;
}
.dugme:hover{background:var(--buton-hover);color:var(--buton-yazi)}
.baslik-paneli :focus-visible,.icerik-bolum :focus-visible{outline-color:var(--ana)}
.ust :focus-visible,.betzula-kart :focus-visible,.alternatif-kutu :focus-visible,.betzula-satir :focus-visible,.popup-kutu :focus-visible{outline-color:var(--buton)}

/* ---------- Sayac ---------- */
.sayac-alani{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
  padding-top:0;padding-bottom:0;
}
.sayac-kutu{
  background:#ffffff;border:1px solid var(--cizgi);border-top:3px solid var(--ana);
  border-radius:2px;padding:12px;min-width:0;
}
.sayac-sayi{display:block;font-family:var(--baslik);font-size:1.6rem;font-weight:700;color:var(--koyu);line-height:1.1}
.sayac-etiket{display:block;font-size:14px;color:var(--yazi-2);white-space:normal;overflow-wrap:anywhere}

/* ---------- Giris metni ---------- */
.giris-metni{padding-top:20px;padding-bottom:8px}
.giris-metni p{margin:0;max-width:820px}

/* ---------- Sirala tablosu ---------- */
.liste-alani{padding-top:8px;padding-bottom:32px}
.tablo-kap{
  background:#ffffff;border:1px solid var(--cizgi);border-radius:2px;
  overflow:hidden;min-width:0;
}
.tablo-bas{display:none}
.sirala{list-style:none;margin:0;padding:0}
.sirala li{
  display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px 12px;
  align-items:center;padding:14px;border-top:1px solid var(--cizgi);min-width:0;
}
.sirala li:first-child{border-top:0}
.sirala li:nth-child(odd){background:#ffffff}
.sirala li:nth-child(even){background:var(--zemin-2)}
.sirala li>*{min-width:0;overflow-wrap:anywhere}
.sira{font-family:var(--baslik);font-size:20px;font-weight:800;color:var(--ana);line-height:1.2}
.marka-hucre{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.marka-ad{flex:0 0 100%;font-family:var(--baslik);font-weight:800;font-size:18px;color:var(--koyu);line-height:1.3}
.marka-hucre .rozet{background:var(--acik);color:var(--koyu)}
.bonus-hucre,.cevrim-hucre,.detay-hucre{grid-column:1/-1}
.bonus-kisa{display:block;font-family:var(--baslik);font-size:1rem;font-weight:700;color:var(--ana);line-height:1.35}
.bonus-detay{display:block;font-size:14px;color:var(--yazi-2);margin-top:2px}
.cevrim-etiket{display:block;font-size:13px;font-weight:700;color:var(--ana);text-transform:uppercase;letter-spacing:.04em}
.cevrim-deger{display:block;font-size:14px;color:var(--yazi)}
.detay-hucre{text-align:right}
.incele{color:var(--ana);font-size:15px;font-weight:700;text-decoration:underline;white-space:nowrap}
.buton.kucuk{width:100%;min-height:48px;height:48px;font-size:14px;padding:0 8px}

/* koyu Betzula satiri */
.betzula-satir{background:var(--koyu)!important;border-bottom:1px solid var(--koyu-cizgi);position:relative;z-index:2}
.betzula-satir .marka-ad{color:var(--koyu-yazi)}
.betzula-satir .sira{color:var(--buton)}
.betzula-satir .bonus-kisa{color:var(--buton)}
.betzula-satir .bonus-detay{color:var(--koyu-yazi-2)}
.betzula-satir .rozet{background:var(--buton);color:var(--buton-yazi)}
.betzula-satir .cevrim-etiket{color:var(--koyu-yazi-2)}
.betzula-satir .cevrim-deger{color:var(--koyu-yazi)}

/* hover: yalniz renk degisimi */
.sirala li:not(.betzula-satir):hover{background:var(--acik)}
.sirala li:not(.betzula-satir):hover .sira,
.sirala li:not(.betzula-satir):hover .bonus-kisa,
.sirala li:not(.betzula-satir):hover .cevrim-etiket,
.sirala li:not(.betzula-satir):hover .incele{color:var(--koyu)}
.sirala li:not(.betzula-satir):hover .rozet{background:#ffffff}

.tablo-not{font-size:14px;color:var(--yazi-2);margin:10px 0 0;max-width:820px}
.hosgeldin-baslik{margin:36px 0 14px}
.hosgeldin-giris{font-size:17px;color:var(--yazi);max-width:780px;margin:0 0 14px}

/* ---------- Karsilastirma tablosu ---------- */
.karsilastirma{padding-top:32px;padding-bottom:32px}
.tablo-kaydir{overflow-x:auto;min-width:0}
.karsilastirma table{width:100%;border-collapse:collapse;background:#ffffff;border:1px solid var(--cizgi);border-radius:2px;font-size:15px;min-width:560px}
.karsilastirma thead th{
  background:var(--koyu);color:var(--koyu-yazi);text-align:left;
  font-family:var(--baslik);font-size:13px;font-weight:700;
  text-transform:uppercase;letter-spacing:.06em;padding:10px 14px;
}
.karsilastirma td{padding:12px 14px;border-top:1px solid var(--cizgi);color:var(--yazi);vertical-align:top;overflow-wrap:anywhere}
.karsilastirma tbody tr:nth-child(even){background:var(--zemin-2)}
.karsilastirma td strong{font-family:var(--baslik);color:var(--koyu)}

/* ---------- Icerik bolumleri ---------- */
.icerik-bolum{background:var(--zemin);padding:40px 0}
.icerik-bolum.zemin2{background:var(--zemin-2)}
.metin{max-width:780px}
.metin p{font-size:17px;line-height:1.7;color:var(--yazi)}
.metin a{color:var(--ana);text-decoration:underline}
.ornek{
  background:#ffffff;border:1px solid var(--cizgi);border-left:4px solid var(--buton);
  border-radius:2px;padding:16px 18px;margin:16px 0;font-size:16px;
}

/* ---------- SSS ---------- */
.bolum-sss{background:var(--zemin);padding:40px 0}
.sss-ic{max-width:860px}
.sss-liste{display:flex;flex-direction:column;gap:8px;counter-reset:sss}
.sss-liste details{
  background:#ffffff;border:1px solid var(--cizgi);border-left:4px solid transparent;
  border-radius:2px;position:relative;
}
.sss-liste details[open]{border-left-color:var(--buton)}
.sss-liste summary{
  display:flex;align-items:center;gap:12px;min-height:56px;
  padding:12px 52px 12px 12px;cursor:pointer;list-style:none;
  font-weight:700;color:var(--koyu);position:relative;
}
.sss-liste summary::-webkit-details-marker{display:none}
.sss-liste summary::before{
  counter-increment:sss;content:"S" counter(sss);
  background:var(--ana);color:var(--koyu-yazi);width:32px;height:32px;flex-shrink:0;
  border-radius:2px;font-size:13px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
}
.sss-liste summary::after{
  content:"+";position:absolute;right:16px;font-size:22px;font-weight:700;color:var(--ana);line-height:1;
}
.sss-liste details[open] summary::after{content:"−"}
.sss-liste summary:hover{background:var(--zemin-2)}
.sss-soru{display:block;overflow-wrap:anywhere}
.sss-cevap{padding:0 16px 16px 16px;font-size:16px;color:var(--yazi);overflow-wrap:anywhere}

/* ---------- Ilgili sayfalar ---------- */
.ilgili-alan{padding-top:32px;padding-bottom:32px}
.ilgili-kutu{background:#ffffff;border:1px solid var(--cizgi);border-radius:2px;padding:20px;min-width:0}
.ilgili-kutu h2{font-size:1.2rem;margin:0 0 12px}
.ilgili-kutu h2::before{display:none}
.ilgili-kutu ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:8px 24px}
.ilgili-kutu a{color:var(--ana)}
.sorumlu-not{font-size:13px;color:var(--yazi-2);padding-bottom:40px;margin:0}

/* ---------- /site/ sayfalari ---------- */
.site-baslik-alan{padding-top:32px;padding-bottom:20px}
.site-baslik-alan h1{font-size:clamp(1.6rem,3.6vw,2.3rem)}
.site-kisa-bonus{font-size:1.15rem;font-weight:700;color:var(--ana);margin:8px 0 0}
.site-icerik-alan{padding-bottom:40px}
.site-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
.site-grid .alternatif-kutu{grid-column:1;grid-row:1}
.site-grid .site-metin{grid-column:1;grid-row:2;max-width:700px}
.site-grid.tek-sutun .site-metin{max-width:780px}
.alternatif-kutu{
  background:var(--koyu);border:1px solid var(--koyu-cizgi);border-radius:2px;
  padding:20px;min-width:0;
}
.alternatif-baslik{font-family:var(--baslik);font-size:18px;font-weight:700;color:var(--koyu-yazi);margin:0}
.alternatif-kutu .buton{width:100%;margin-top:14px}
.ozet-tablo-kap{overflow-x:auto;margin:4px 0 18px;min-width:0}
.ozet-tablo{width:100%;border-collapse:collapse;background:#ffffff;border:1px solid var(--cizgi);border-radius:2px;font-size:15px;min-width:420px}
.ozet-tablo th{width:140px;text-align:left;font-size:13px;font-weight:700;color:var(--ana);text-transform:uppercase;letter-spacing:.04em;padding:12px 16px;border-top:1px solid var(--cizgi);vertical-align:top}
.ozet-tablo td{padding:12px 16px;border-top:1px solid var(--cizgi);color:var(--yazi);overflow-wrap:anywhere;vertical-align:top}
.ozet-tablo tbody tr:nth-child(even){background:var(--zemin-2)}
.cta-alan{margin:24px 0 8px}
.cta-alan .buton{min-width:220px}

/* ---------- Kurumsal / 404 ---------- */
.kurumsal-alan{padding-top:8px;padding-bottom:32px}
.kurumsal-metin{max-width:780px}
.kurumsal-metin h2{margin-top:28px}
.hata-alan{padding-top:64px;padding-bottom:64px;max-width:780px}
.hata-alan h1{margin-bottom:12px}

/* ---------- Footer ---------- */
.alt{background:var(--acik);border-top:4px solid var(--ana);padding-top:40px;padding-bottom:100px;margin-top:0}
.alt-ic{min-width:0}
.alt-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.alt-logo{font-family:var(--baslik);font-size:26px;font-weight:700;color:var(--koyu);margin:0 0 8px;line-height:1.2}
.alt-logo span{color:var(--koyu);font-weight:800;border-bottom:3px solid var(--buton)}
.alt-tanim{font-size:14px;color:var(--yazi-2);max-width:360px;margin:0}
.alt-baslik{font-size:13px;font-weight:700;color:var(--yazi-2);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px}
.alt-sutun a{display:flex;align-items:center;min-height:44px;color:var(--koyu);font-size:15px;text-decoration:none}
.alt-sutun a:hover{text-decoration:underline}
.alt-alt{display:flex;flex-direction:column;align-items:flex-start;gap:12px;border-top:1px solid var(--cizgi);margin-top:24px;padding-top:20px}
.alt-alt p{font-size:13px;color:var(--yazi-2);margin:0}
.tg-footer{width:100%;min-height:44px;height:44px;padding:0 20px}

/* ---------- Telegram yuvarlak ---------- */
.tg-yuvarlak{
  position:fixed;right:14px;bottom:calc(18px + env(safe-area-inset-bottom));
  width:46px;height:46px;border-radius:50%;background:#229ED9;
  display:flex;align-items:center;justify-content:center;
  z-index:60;text-decoration:none;
}
.tg-yuvarlak:hover{background:#229ED9}

/* ---------- Popup ---------- */
.popup-perde{
  display:none;position:fixed;inset:0;background:rgba(16,35,26,.6);z-index:100;
  align-items:center;justify-content:center;padding:8px;overflow-y:auto;
}
.popup-perde.acik{display:flex}
.popup-kutu{
  background:#ffffff;border:1px solid var(--cizgi);border-top:6px solid var(--buton);
  border-radius:2px;padding:56px 16px 16px;width:100%;
  max-width:min(420px,calc(100% - 16px));position:relative;
  max-height:calc(100dvh - 16px);overflow-y:auto;
  animation:popGir .3s ease-out;
}
@keyframes popGir{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.popup-kutu{animation:none}}
.popup-kapat{
  position:absolute;top:6px;right:6px;width:44px;height:44px;
  background:var(--acik);color:var(--koyu);border:0;border-radius:2px;
  font-size:26px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
}
.popup-kapat:hover{background:var(--buton);color:var(--buton-yazi)}
.bz-video{display:block;margin:4px auto 14px;border-radius:2px;overflow:hidden;background:var(--koyu);line-height:0}
.bz-video video{display:block;width:100%;height:auto;aspect-ratio:1200/740;object-fit:cover;pointer-events:none}
.pop-baslik{font-family:var(--baslik);font-size:1.15rem;font-weight:700;color:var(--koyu);text-align:center;margin:0 0 6px}
.pop-bonus{font-family:var(--baslik);font-size:1.35rem;font-weight:700;color:var(--ana);text-align:center;margin:0 0 6px;overflow-wrap:anywhere}
.pop-not{font-size:13px;color:var(--yazi-2);text-align:center;margin:0 0 14px}
.pop-buton{width:100%;min-height:48px}
body.popup-acik{overflow:hidden}

/* ---------- Admin ---------- */
.admin-govde{background:var(--zemin);font-family:var(--govde)}
.admin-giris{max-width:420px;margin:60px auto;background:#ffffff;border:1px solid var(--cizgi);border-top:6px solid var(--buton);border-radius:2px;padding:24px}
.admin-giris h1{font-size:1.6rem;margin:12px 0 18px}
.admin-giris label{display:block;font-size:14px;font-weight:700;color:var(--yazi-2);margin-bottom:6px}
.admin-giris input{width:100%;height:44px;border:1px solid var(--cizgi);border-radius:2px;padding:0 12px;font-size:16px;margin-bottom:16px}
.admin-giris .buton{width:100%}
.admin-giris .logo{color:var(--koyu);font-size:24px}
.admin-bar{background:var(--koyu);color:var(--koyu-yazi);display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:12px 20px}
.admin-bar .logo{font-size:20px}
.admin-bar-sag{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.admin-bar a{color:var(--koyu-yazi);font-size:14px}
.admin-bar .dugme{background:var(--buton);color:var(--buton-yazi);min-height:36px;padding:0 14px;font-size:14px}
.admin-ic{max-width:1040px;margin:0 auto;padding:20px 16px 60px}
.admin-bolum{background:#ffffff;border:1px solid var(--cizgi);border-radius:2px;padding:16px;margin-bottom:20px}
.admin-bolum h2{font-size:1.25rem;margin-bottom:12px}
.admin-marka{border:1px solid var(--cizgi);border-radius:2px;padding:12px;margin-bottom:12px;background:var(--zemin)}
.admin-marka-bas{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-bottom:10px}
.admin-marka-bas span{font-size:13px;color:var(--yazi-2)}
.admin-mini-formlar{display:flex;gap:6px;margin-left:auto}
.admin-mini-formlar .dugme{min-height:32px;height:32px;padding:0 10px;font-size:13px;background:var(--acik);color:var(--koyu)}
.admin-mini-formlar .dugme.tehlike{background:var(--buton);color:var(--buton-yazi)}
.admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.admin-form label{display:flex;flex-direction:column;font-size:13px;font-weight:700;color:var(--yazi-2);gap:4px}
.admin-form label.genis{grid-column:1/-1}
.admin-form input,.admin-form select{height:38px;border:1px solid var(--cizgi);border-radius:2px;padding:0 10px;font-size:14px;font-family:var(--govde);background:#ffffff;color:var(--yazi);width:100%;min-width:0}
.admin-form .buton{grid-column:1/-1;width:max-content;padding:0 20px}
.admin-bilgi{background:var(--acik);border:1px solid var(--cizgi);border-radius:2px;padding:10px 14px;color:var(--koyu);font-size:14px}
.admin-hata{background:#f7d7d2;border:1px solid var(--buton);border-radius:2px;padding:10px 14px;color:var(--koyu);font-size:14px}
.admin-uyari{background:var(--zemin-2);border:1px solid var(--cizgi);border-radius:2px;padding:10px 14px;color:var(--yazi-2);font-size:13px}

/* ---------- 768px ve uzeri ---------- */
@media (min-width:768px){
  .sayac-alani{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  .sayac-kutu{padding:14px 16px}
  .sayac-sayi{font-size:2rem}
  .alt-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
  .alt-alt{flex-direction:row;align-items:center;justify-content:space-between}
  .tg-footer{width:auto}
  .ilgili-kutu ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---------- 992px ve uzeri ---------- */
@media (min-width:992px){
  .ust-ikili{grid-template-columns:minmax(0,1fr) 360px;gap:20px}
  .tablo-bas{
    display:grid;grid-template-columns:56px minmax(0,1.1fr) minmax(0,1.5fr) minmax(0,1.2fr) 104px;
    gap:12px;align-items:center;background:var(--koyu);color:var(--koyu-yazi);
    font-family:var(--baslik);font-size:13px;font-weight:700;text-transform:uppercase;
    letter-spacing:.06em;padding:10px 16px;
  }
  .sirala li{
    grid-template-columns:56px minmax(0,1.1fr) minmax(0,1.5fr) minmax(0,1.2fr) 104px;
    gap:12px;padding:14px 16px;
  }
  .sira{font-size:22px}
  .bonus-kisa{font-size:1.05rem}
  .marka-hucre{flex-direction:row;flex-wrap:wrap}
  .marka-ad{flex:0 0 100%}
  .bonus-hucre,.cevrim-hucre,.detay-hucre{grid-column:auto}
  .cevrim-etiket{display:none}
  .buton.kucuk{min-height:48px;height:48px}
  .site-grid{grid-template-columns:minmax(0,1fr) 300px;gap:24px}
  .site-grid .alternatif-kutu{grid-column:2;grid-row:1;position:sticky;top:72px}
  .site-grid .site-metin{grid-column:1;grid-row:1;max-width:700px}
  .site-grid.tek-sutun{grid-template-columns:minmax(0,1fr)}
  .site-grid.tek-sutun .site-metin{grid-column:1;max-width:780px}
  .site-grid.tek-sutun .alternatif-kutu{display:none}
  .alternatif-kutu{max-height:calc(100dvh - 88px);overflow:auto}
  .sss-cevap{padding:0 16px 16px 56px}
}

/* ---------- 1100px ve uzeri: sol kenar cubugu ---------- */
@media (min-width:1100px){
  body{padding-left:248px}
  .ust{
    position:fixed;top:0;left:0;bottom:0;width:248px;height:auto;
    display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;
    padding:24px 16px;overflow-y:auto;border-right:1px solid var(--koyu-cizgi);border-bottom:0;
    gap:0;
  }
  .logo{font-size:28px;margin-bottom:24px}
  .dikey-menu{display:flex;flex-direction:column;gap:2px}
  .dikey-menu a{
    display:flex;align-items:center;height:44px;padding:0 12px;
    font-size:15px;font-weight:600;color:var(--koyu-yazi-2);text-decoration:none;
    border-left:4px solid transparent;border-radius:2px;
  }
  .dikey-menu a:hover{background:var(--koyu-cizgi);color:var(--koyu-yazi)}
  .dikey-menu a[aria-current="page"]{border-left-color:var(--buton);background:var(--koyu-cizgi);color:var(--koyu-yazi);font-weight:700}
  .kenar-tg{
    display:flex;align-items:center;justify-content:center;margin-top:auto;
    min-height:44px;background:var(--buton);color:var(--buton-yazi);
    font-size:15px;font-weight:700;border-radius:6px;text-decoration:none;
    padding:0 12px;text-align:center;
  }
  .kenar-tg:hover{background:var(--buton-hover);color:var(--buton-yazi)}
  .mobil-menu{display:none}
  [id]{scroll-margin-top:16px}
  .site-grid .alternatif-kutu{top:16px}
  .ilgili-kutu ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---------- 1100px altinda ust cubuk ---------- */
@media (max-width:1099px){
  .ust{position:sticky}
  body{padding-left:0}
}

/* ---------- 767px alti ---------- */
@media (max-width:767px){
  .kap{padding-left:20px;padding-right:20px}
  .ust-ikili{padding-top:20px;padding-bottom:20px}
  .baslik-paneli{padding:20px}
  .icerik-bolum,.bolum-sss,.karsilastirma{padding-top:28px;padding-bottom:28px}
  h2{font-size:1.4rem}
  .alt{padding-top:32px}
  .alt-grid{grid-template-columns:minmax(0,1fr)}
  .admin-form{grid-template-columns:minmax(0,1fr)}
}

/* ---------- 479px alti ---------- */
@media (max-width:479px){
  .kap{padding-left:16px;padding-right:16px}
  .ust{padding:0 16px}
  .logo{font-size:22px}
  .ust-ikili{padding-top:16px;padding-bottom:16px}
  .baslik-paneli{padding:16px}
  .panel-aciklama{display:none}
  .betzula-kart{padding:16px}
  .kart-bonus{font-size:1.15rem}
  .sirala li{padding:14px 12px}
  .marka-ad{font-size:17px}
  .bonus-kisa{font-size:1rem}
  .ozet-tablo th{width:104px;padding:10px 12px}
  .ozet-tablo td{padding:10px 12px}
  .sss-cevap{padding:0 16px 16px 16px}
  .mobil-panel a{padding:0 16px}
  .popup-kutu{padding:52px 12px 12px}
}