/* hediyefikrin v2 · mobil önce (temel stiller 360-430 px içindir; geniş ekran yalnızca min-width ile eklenir)
   boşluk ölçeği: 4 · 8 · 12 · 16 · 24 · 32 · 48 px */
:root{--zemin:#faf7f4;--kart:#fff;--yazi:#0c1c3e;--yazi-2:#2a3550;--soluk:#5b6478;--cizgi:#e9e3dc;--cizgi-2:#d9d1c7;--kirmizi:#bf0603;--kirmizi-a:#fbeceb;--sicak:#f6f0e9;--hb:#cc4700;--hb-k:#b33e00;--hb-y:#fff;--hb-m:#a83a00;--hb-z:#fff3eb;--r:14px;--r-k:10px;--kolon:720px;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--zemin:#0b1324;--kart:#121d33;--yazi:#eef1f7;--yazi-2:#d4d9e4;--soluk:#a3acbf;--cizgi:#223049;--cizgi-2:#2e3e5c;--kirmizi:#ff6b61;--kirmizi-a:#2a1820;--sicak:#17233b;--hb-m:#ffa268;--hb-z:#26190f;color-scheme:dark}}
:root[data-theme=dark]{--zemin:#0b1324;--kart:#121d33;--yazi:#eef1f7;--yazi-2:#d4d9e4;--soluk:#a3acbf;--cizgi:#223049;--cizgi-2:#2e3e5c;--kirmizi:#ff6b61;--kirmizi-a:#2a1820;--sicak:#17233b;--hb-m:#ffa268;--hb-z:#26190f;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:76px}
body{margin:0;background:var(--zemin);color:var(--yazi);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--kirmizi);text-underline-offset:3px;text-decoration-thickness:1px}
h1,h2,h3{line-height:1.25;margin:0 0 12px;letter-spacing:-.015em;text-wrap:balance}
h1{font-size:1.625rem;line-height:1.2;letter-spacing:-.02em}
h2{font-size:1.25rem;margin-top:40px}
h3{font-size:1.0625rem}
p{margin:0 0 16px}
ul,ol{padding-left:1.25em}
li{margin:4px 0}
b,strong{font-weight:650}
:focus-visible{outline:2px solid var(--kirmizi);outline-offset:2px}
.atla{position:absolute;left:-999px;top:0;background:var(--kart);padding:8px 12px;z-index:50}.atla:focus{left:8px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

/* üst çubuk (bulanıklık yok: düz zemin, ince çizgi) */
.ust{position:sticky;top:0;z-index:20;background:var(--zemin);border-bottom:1px solid var(--cizgi)}
.ust-ic{display:flex;align-items:center;gap:8px;max-width:1040px;margin:0 auto;padding:6px 16px;min-height:60px}
.logo{display:flex;align-items:center;min-height:44px;flex:none;margin-right:4px}.logo img{width:76px;height:auto}
.logo-k{display:none!important}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .logo-a{display:none!important}:root:not([data-theme=light]) .logo-k{display:block!important}}
:root[data-theme=dark] .logo-a{display:none!important}:root[data-theme=dark] .logo-k{display:block!important}
/* üst çubuk sayacı: tek satır, sabit genişlik; gün adı yalnızca sığdığı genişlikte görünür */
.ust-gun{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:44px;padding:0 4px;color:var(--kirmizi);text-decoration:none;white-space:nowrap;font-size:.8125rem;line-height:1}
.ust-gun svg{flex:none}
.ust-gun b{font-weight:700}
.ug-ad{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ust-gun:hover b{text-decoration:underline;text-underline-offset:3px}
@media (min-width:768px){.ug-ad{position:static;width:auto;height:auto;overflow:visible;clip-path:none;color:var(--yazi-2);font-weight:500}}
.bos{flex:1}
.tema,.menu-ac{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;border:0;background:transparent;color:var(--yazi);border-radius:var(--r-k);cursor:pointer;text-decoration:none;font:600 .9375rem/1 inherit;padding:0 10px;flex:none}
.tema:hover{background:var(--sicak)}
.menu-ac{background:#bf0603;color:#fff;padding:0 12px}
.menu-ac:hover{background:#a30502}
.menu-ac span{display:none}
.tema .i-gun{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tema .i-gun{display:block}:root:not([data-theme=light]) .tema .i-ay{display:none}}
:root[data-theme=dark] .tema .i-gun{display:block}:root[data-theme=dark] .tema .i-ay{display:none}
@media (min-width:440px){.menu-ac span{display:inline}}

/* menü (JS yoksa :target ile açılır) */
.menu{position:fixed;inset:0;z-index:40;background:var(--zemin);overflow-y:auto;display:none;overscroll-behavior:contain}
.menu:target,.menu.acik{display:block}
.menu-ust{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:6px 16px;min-height:60px;background:var(--zemin);border-bottom:1px solid var(--cizgi)}
.menu-bas{font-weight:700;font-size:1.0625rem}
.menu-kapat{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--yazi);border-radius:var(--r-k);margin-right:-6px}
.menu-kapat:hover{background:var(--sicak)}
.menu-ic{max-width:var(--kolon);margin:0 auto;padding:8px 16px 48px}
.menu-alt{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--soluk);margin:24px 0 8px}
/* yaklaşan gün hatırlatıcısı (ana sayfa + menü): sabit yerleşim, satır kayması yok */
.gs-liste{list-style:none;padding:0;margin:0;display:grid;border-top:1px solid var(--cizgi)}
.gs-liste li{margin:0;min-width:0}
.gs{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:60px;padding:8px 0;border-bottom:1px solid var(--cizgi);color:var(--yazi);text-decoration:none}
.gs .tm{width:44px;height:44px}
.gs-sayi{font-size:.8125rem;font-weight:700;color:var(--kirmizi);background:var(--kirmizi-a);border-radius:999px;padding:4px 10px;white-space:nowrap;font-variant-numeric:tabular-nums}
.gs-ad{display:grid;min-width:0;line-height:1.3}
.gs-ad>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gs-ad b{font-size:.9375rem}
.gs-ad small{font-size:.75rem;color:var(--soluk)}
a.gs:hover b{color:var(--kirmizi)}
.gs-yok .gs-sayi{color:var(--soluk);background:var(--sicak)}
.menu-son{display:grid;margin-top:24px;border-top:1px solid var(--cizgi)}
.menu-son a{display:flex;align-items:center;min-height:48px;border-bottom:1px solid var(--cizgi);color:var(--yazi);text-decoration:none;font-weight:600}

/* seçim kutucukları: menüde, ana sayfada ve 404'te aynı düzenli ızgara */
/* tema görseli: kare kutu, nesne küçük kutuda da okunsun diye hafif yakınlaştırma */
.tm{display:block;flex:none;overflow:hidden;border-radius:8px;background:#efe6da}
.tm img{width:100%;height:100%;aspect-ratio:1;object-fit:cover;transform:scale(1.3);transform-origin:50% 58%}
.cipler{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cipler a{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;min-height:56px;padding:7px 10px 7px 7px;border-radius:var(--r-k);background:var(--kart);border:1px solid var(--cizgi);color:var(--yazi);text-decoration:none;font-weight:600;font-size:.875rem;line-height:1.2}
.cipler .tm{width:40px;height:40px;border-radius:7px}
.cipler a>span:last-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cipler a:hover{border-color:var(--kirmizi)}
.cipler.buyuk{grid-template-columns:repeat(3,1fr)}
.cipler.buyuk a{grid-template-columns:1fr;align-items:start;gap:8px;padding:6px 6px 10px;text-align:center;font-size:.8125rem}
.cipler.buyuk .tm{width:100%;height:auto;aspect-ratio:1}
.cipler.buyuk .tm img{transform:scale(1.12)}
.cipler.buyuk a>span:last-child{min-height:2.4em;display:-webkit-box;align-content:center}

/* sayfa yolu: içerik sütunuyla aynı sol kenar */
.yol{max-width:calc(var(--kolon) + 32px);margin:0 auto;padding:0 16px;font-size:.8125rem}
.yol ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 4px}
.yol li{margin:0}
.yol li+li::before{content:"/";margin-right:4px;color:var(--cizgi-2)}
.yol a{color:var(--soluk);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.yol a:hover{color:var(--kirmizi)}

/* ana içerik */
.ana{max-width:1040px;margin:0 auto;padding:8px 16px 48px}
.liste,.hub,.duz-sayfa{max-width:var(--kolon);margin:0 auto}
.l-bas h1{margin:12px 0 8px}
.yol+.ana .l-bas h1,.yol+.ana .duz-sayfa h1{margin-top:4px}
.l-meta{font-size:.8125rem;color:var(--soluk);margin-bottom:16px}
.l-meta a{color:inherit}
.l-giris{margin-top:24px}
.l-giris p{color:var(--yazi-2)}
/* kapak (hero): oran her genişlikte 1200/630 */
.kapak{margin:16px 0 0}
.kapak-g{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:var(--r);background:var(--sicak)}
.kapak figcaption{margin-top:4px;font-size:.6875rem;color:var(--soluk)}
.l-giris p:last-child{margin-bottom:0}

/* kısa cevap */
.kisa{background:var(--kart);border:1px solid var(--cizgi);border-top:3px solid var(--kirmizi);border-radius:var(--r);padding:16px;margin:20px 0 0}
.kisa h2{margin:0 0 8px;font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--kirmizi)}
.k-ozet{margin-bottom:16px;font-size:.9375rem;color:var(--yazi-2)}
.k-secim{list-style:none;padding:0;margin:0;display:grid}
.k-secim li{display:grid;gap:8px;margin:0;padding:16px 0;border-top:1px solid var(--cizgi)}
.k-secim li:last-child{padding-bottom:0}
.k-sat{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;color:var(--yazi);text-decoration:none}
.k-g{width:56px;height:56px;aspect-ratio:1;object-fit:contain;border-radius:var(--r-k);background:#fff;border:1px solid var(--cizgi)}
.k-sat small{display:block;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--kirmizi)}
.k-sat b{display:block;font-size:1rem;line-height:1.3;margin:2px 0}
.k-sat em{display:block;font-style:normal;font-size:.875rem;color:var(--soluk);line-height:1.4}
.k-btn{min-height:44px}
.kisa .btn.hb{background:var(--hb-z);color:var(--hb-m);border-color:color-mix(in srgb,var(--hb) 40%,transparent)}
.kisa .btn.hb:hover{border-color:var(--hb)}

/* düğmeler */
.btn{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 8px;min-height:48px;padding:8px 16px;border-radius:var(--r-k);font-weight:700;font-size:.9375rem;line-height:1.25;text-decoration:none;text-align:center;border:1px solid transparent}
.btn.hb{background:var(--hb);color:var(--hb-y)}
.btn.hb:hover{background:var(--hb-k)}
.btn .isb{font-weight:500;font-size:.6875rem;opacity:.92;white-space:nowrap;letter-spacing:.01em}
.btn.ic{background:var(--kart);border-color:var(--cizgi-2);color:var(--yazi)}
.btn.ic:hover{border-color:var(--yazi)}
/* ikincil satış düğmesi (kartta ikinci Hepsiburada linki) */
.f-dugmeler .btn.hb~.btn.hb{background:var(--hb-z);color:var(--hb-m);border-color:color-mix(in srgb,var(--hb) 35%,transparent)}
.f-dugmeler .btn.hb~.btn.hb:hover{border-color:var(--hb)}
/* rehber linki: düğme değil, sade bağlantı satırı */
.btn.dis{min-height:44px;padding:8px 4px;background:transparent;color:var(--yazi-2);font-weight:600;font-size:.875rem;justify-content:flex-start;text-align:left}
.btn.dis span{text-decoration:underline;text-decoration-color:var(--cizgi-2);text-underline-offset:3px}
.btn.dis:hover span{text-decoration-color:currentColor}
.btn.dis small{font-weight:500;font-size:.75rem;color:var(--soluk)}

/* fikir kartları */
.fikirler h2{margin-top:48px}
.suzgec{display:flex;gap:8px;overflow-x:auto;margin:0 -16px 16px;padding:0 16px 4px;scrollbar-width:none}
.suzgec::-webkit-scrollbar{display:none}
.suzgec button{flex:none;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--cizgi-2);background:transparent;color:var(--yazi);font:600 .875rem/1 inherit;cursor:pointer}
.suzgec button.on{background:var(--yazi);border-color:var(--yazi);color:var(--zemin)}
.f-liste{display:grid;gap:16px}
.fikir{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);padding:16px;display:grid;grid-template-columns:88px 1fr;grid-template-areas:"g b" "i i" "d d";gap:12px 16px;align-items:center;min-width:0;content-visibility:auto;contain-intrinsic-block-size:auto 440px}
.fikir[hidden]{display:none}
.f-gorsel{grid-area:g;align-self:start}
.f-gorsel img{width:88px;height:88px;aspect-ratio:1;object-fit:contain;border-radius:var(--r-k);background:#fff;border:1px solid var(--cizgi)}
.f-bas{grid-area:b;min-width:0}
.f-no{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.04em;color:var(--kirmizi);margin-bottom:2px}
.f-no::before{content:"#"}
.f-bas h3{margin:0 0 8px;font-size:1.125rem;line-height:1.3}
.f-etiket{display:flex;flex-wrap:wrap;gap:4px;margin:0}
.f-etiket span{font-size:.75rem;font-weight:600;line-height:1.5;padding:1px 8px;border-radius:999px;background:var(--sicak);color:var(--soluk)}
.f-ic{grid-area:i;min-width:0}
.f-metin{margin:0 0 12px}
.f-ipucu{font-size:.875rem;line-height:1.55;color:var(--yazi-2);margin:0;padding:8px 12px;border-radius:var(--r-k);background:var(--sicak)}
.f-urun{font-size:.8125rem;margin:12px 0 0;color:var(--soluk);line-height:1.5}
.f-urun span{font-weight:700;color:var(--yazi-2)}.f-urun b{color:var(--yazi)}
.f-dugmeler{grid-area:d;display:grid;gap:8px}
.f-dugmeler .btn.hb{width:100%}

/* bölümler */
.ipuclari{background:var(--sicak);border-radius:var(--r);padding:16px 16px 8px;margin-top:40px}
.ipuclari h2{margin-top:0;font-size:1.125rem}
.ipuclari ul{margin:0;padding-left:1.1em}.ipuclari li{margin:0 0 8px}
.ipuclari li::marker{color:var(--kirmizi)}
.bolum h3{margin-top:24px}
.bolum li::marker{color:var(--soluk)}
.notlar{margin-top:40px}
.notlar h2{margin-top:0}
.notlar ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.notlar li{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin:0;background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r-k);padding:12px 12px 12px 16px}
.notlar p{margin:0;font-size:.9375rem;color:var(--yazi-2)}
.m-acik{color:var(--soluk);font-size:.9375rem}
.kopya{min-height:44px;padding:0 12px;border-radius:var(--r-k);border:1px solid var(--cizgi-2);background:transparent;color:var(--yazi);font:600 .8125rem/1 inherit;cursor:pointer}
.kopya:hover{border-color:var(--yazi)}
.m-icindekiler{margin-top:24px}
.bolum-cip{display:flex;gap:8px;overflow-x:auto;margin:0 -16px;padding:0 16px 4px;scrollbar-width:none}.bolum-cip::-webkit-scrollbar{display:none}
.bolum-cip a{flex:none;display:inline-flex;align-items:center;min-height:44px;border-radius:999px;padding:0 16px;font-size:.875rem;font-weight:600;white-space:nowrap;background:var(--kart);border:1px solid var(--cizgi);color:var(--yazi);text-decoration:none}
.bolum-cip a:hover{border-color:var(--kirmizi)}
.yontem{margin-top:40px;padding-top:16px;border-top:1px solid var(--cizgi);font-size:.875rem;color:var(--soluk)}
.yontem h2{margin:0 0 8px;font-size:1rem;color:var(--yazi)}
.yontem p{margin:0}
.yontem b{color:var(--yazi-2)}
.sss{margin-top:40px}
.sss details{border-bottom:1px solid var(--cizgi)}
.sss details:first-of-type{border-top:1px solid var(--cizgi)}
.sss summary{cursor:pointer;list-style:none;padding:12px 40px 12px 0;font-weight:650;position:relative;min-height:48px;display:flex;align-items:center}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:1.25rem;font-weight:400;color:var(--soluk)}
.sss details[open] summary::after{content:"–"}
.sss details div{padding:0 0 16px;color:var(--yazi-2)}

/* yazar */
.yazar{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:start;margin-top:40px;padding:16px;border-radius:var(--r);border:1px solid var(--cizgi);background:var(--kart)}
.yazar img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.y-ad{margin:0 0 4px;font-weight:700}.y-ad a{color:var(--yazi);text-decoration:none}.y-ad span{font-weight:400;color:var(--soluk);font-size:.875rem}
.y-bio{margin:0;font-size:.875rem;color:var(--soluk)}
.yazar .sosyal{display:flex;gap:4px;margin:8px 0 -8px -12px}
.yazar .sosyal a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--soluk);border-radius:var(--r-k)}
.yazar .sosyal a:hover{color:var(--kirmizi)}

/* sayfa kartları */
.ilgili{margin-top:48px}
.ilgili h2{margin-top:0}
.sk-izgara{display:grid;gap:8px}
.skart{display:grid;grid-template-columns:112px 1fr;align-content:center;gap:4px 12px;padding:8px;border-radius:var(--r);background:var(--kart);border:1px solid var(--cizgi);color:var(--yazi);text-decoration:none}
.skart:hover{border-color:var(--cizgi-2)}
.skart:hover .sk-ad{color:var(--kirmizi)}
.sk-g{display:block;grid-row:1/3;align-self:center;justify-self:stretch;width:112px;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:var(--r-k);background:var(--sicak)}
.sk-ad{font-weight:650;line-height:1.3;font-size:.9375rem;align-self:end}
.sk-alt{font-size:.75rem;color:var(--soluk);align-self:start}

/* hub */
.h-alt h2{margin-top:32px}
.h-fikir{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hf-k{display:grid;align-content:start;gap:8px;color:var(--yazi);text-decoration:none;background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);padding:8px 8px 12px}
.hf-k:hover b{color:var(--kirmizi)}
.hf-g{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:var(--r-k);background:#fff}
.hf-k>span{display:grid;gap:2px;padding:0 4px}
.hf-k b{font-size:.9375rem;line-height:1.3}.hf-k small{font-size:.75rem;line-height:1.4;color:var(--soluk)}

/* ana sayfa */
.t-anasayfa .ana{max-width:calc(var(--kolon) + 32px)}
.giris-alan{padding:24px 0 0}
.giris-alan h1{font-size:1.875rem;margin-bottom:12px}
.giris-alan p{color:var(--soluk);margin-bottom:24px}
.yak-alan h2{margin-top:32px}
.gk-izgara{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.gk-izgara li{margin:0;min-width:0;display:grid}
.gk{display:grid;grid-template-rows:auto auto auto 1fr auto;gap:2px;min-width:0;padding:12px;border-radius:var(--r);background:var(--kart);border:1px solid var(--cizgi);color:var(--yazi);text-decoration:none;line-height:1.3}
a.gk:hover{border-color:var(--kirmizi)}
.gk-ust{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px}
.gk .tm{width:48px;height:48px}
.gk-sayi{font-size:.75rem;font-weight:600;color:var(--kirmizi);white-space:nowrap;line-height:1.2}
.gk-sayi b{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.gk-ad{font-size:.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gk-tarih{font-size:.75rem;color:var(--soluk);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gk-kime{font-size:.75rem;color:var(--soluk);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.gk-alt{margin-top:8px;font-size:.8125rem;font-weight:600;color:var(--kirmizi);white-space:nowrap}
a.gk .gk-alt::after{content:" →"}
.gk-yok{background:transparent;border-style:dashed}
.gk-yok .gk-sayi{color:var(--soluk)}
.gk-yok .gk-alt{color:var(--soluk);font-weight:500}
.gk-yok .tm{opacity:.8}
@media (max-width:639px){.gk-izgara li:nth-child(n+5){display:none}}
.gun-serit{margin-top:40px}
.gun-serit h2{font-size:1.125rem;margin:0 0 8px}
.secim h2{font-size:1.125rem;margin:32px 0 12px}
.son h2{margin-top:48px}
.hepsi{margin:16px 0 0}.hepsi .btn{width:100%}
.neden{margin-top:48px;padding:16px;border-radius:var(--r);background:var(--sicak)}
.neden h2{margin-top:0;font-size:1.125rem}
.neden ul{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:12px;counter-reset:n}
.neden li{position:relative;padding-left:36px;margin:0;color:var(--yazi-2);font-size:.9375rem;counter-increment:n}
.neden li::before{content:counter(n);position:absolute;left:0;top:1px;width:24px;height:24px;border-radius:50%;background:var(--kart);color:var(--kirmizi);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}
.neden li b{color:var(--yazi)}
.neden p{margin:0}
.neden p a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}

/* düz sayfa, site haritası, yazar, 404 */
.duz-sayfa h1{margin-top:16px}
.duz-sayfa h2{font-size:1.1875rem}
.duz-sayfa .cipler{margin-bottom:24px}
.sh{columns:1;padding-left:1.1em}.sh li{margin:0;break-inside:avoid}
.sh li::marker{color:var(--cizgi-2)}
.sh a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.sh a:hover{text-decoration:underline}
.ys-bas{display:flex;gap:16px;align-items:center;margin:16px 0}.ys-bas img{width:88px;height:88px;border-radius:50%;object-fit:cover}
.ys-bas h1{margin:0 0 4px}.ys-bas p{margin:0;color:var(--soluk)}
.ys-link{display:flex;gap:4px 20px;flex-wrap:wrap}
.ys-link a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}

/* alt bilgi */
.alt{border-top:1px solid var(--cizgi);background:var(--kart);margin-top:32px}
.alt-ic{max-width:1040px;margin:0 auto;padding:32px 16px 8px;display:grid;gap:24px 16px;grid-template-columns:1fr 1fr}
.alt-marka{grid-column:1/-1}.alt-marka a{display:inline-block}.alt-marka img{width:88px}.alt-marka p{color:var(--soluk);font-size:.875rem;margin:12px 0 0;max-width:36ch}
.alt-bas{font-weight:700;margin:0 0 4px;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--soluk)}
.alt ul{list-style:none;padding:0;margin:0}.alt li{margin:0}
.alt li a{display:flex;align-items:center;min-height:44px;color:var(--yazi);text-decoration:none;font-size:.875rem}
.alt li a:hover{color:var(--kirmizi)}
.alt nav:last-of-type{grid-column:1/-1}
.alt nav:last-of-type ul{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
.alt-not,.alt-tel{max-width:1008px;margin:0 16px;padding:0 0 12px;font-size:.75rem;line-height:1.55;color:var(--soluk)}
.alt-not{margin-top:8px;padding-top:16px;border-top:1px solid var(--cizgi)}
.alt-tel{padding-bottom:32px}
@media (min-width:1040px){.alt-not,.alt-tel{margin-left:auto;margin-right:auto}}

/* geniş ekran */
@media (min-width:640px){
  h1{font-size:2.125rem}
  h2{font-size:1.4375rem}
  .l-bas h1{margin-top:16px}
  .giris-alan{padding-top:40px}
  .giris-alan h1{font-size:2.5rem}
  .giris-alan p{font-size:1.0625rem;max-width:56ch}
  .cipler{grid-template-columns:repeat(3,1fr)}.cipler a{font-size:.9375rem}
  .cipler.buyuk{grid-template-columns:repeat(4,1fr)}.cipler.buyuk a{font-size:.9375rem;padding:8px 8px 12px}
  .kisa{padding:20px 24px}
  .k-secim li{grid-template-columns:1fr auto;align-items:center;gap:16px}
  .k-btn{min-width:200px}
  .fikir{grid-template-columns:176px 1fr;grid-template-areas:"g b" "g i" "g d";grid-template-rows:auto 1fr auto;align-items:start;gap:12px 24px;padding:20px}
  .f-gorsel img{width:176px;height:176px}
  .f-dugmeler{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
  .f-dugmeler .btn.hb{width:auto}
  .sk-izgara{grid-template-columns:1fr 1fr;gap:16px}
  .skart{grid-template-columns:1fr;grid-template-rows:auto;align-content:start;gap:4px;padding:8px 8px 12px}
  .sk-g{grid-row:auto;width:100%;margin-bottom:8px}
  .sk-ad,.sk-alt{padding:0 4px;align-self:auto}
  .h-fikir{grid-template-columns:repeat(4,1fr);gap:12px}
  .gk-izgara{grid-template-columns:repeat(3,1fr);gap:12px}
  .gk{padding:16px}
  .hepsi .btn{width:auto}
  .neden{padding:24px}
  .sh{columns:2;column-gap:32px}
  .alt-ic{grid-template-columns:1.4fr 1fr 1fr 1fr;padding-top:40px}
  .alt-marka,.alt nav:last-of-type{grid-column:auto}
  .alt nav:last-of-type ul{display:block}
  .alt li a{min-height:36px}
}
@media (min-width:1024px){
  :root{--kolon:760px}
  .ana{padding-bottom:64px}
  .sk-izgara{grid-template-columns:repeat(3,1fr)}
  .fikir{grid-template-columns:200px 1fr}
  .f-gorsel img{width:200px;height:200px}
}
@media print{.ust,.menu,.alt,.f-dugmeler,.suzgec,.kopya,.k-btn{display:none!important}.fikir,.kisa{break-inside:avoid}}