:root{
  --renk-zemin:#F6F2EC;
  --renk-zemin-alt:#EFE8DC;
  --renk-kagit:#FFFBF4;
  --renk-cizgi:#E5DBC8;
  --renk-metin:#1F2A33;
  --renk-metin-yumusak:#4A5862;
  --renk-vurgu:#264653;
  --renk-vurgu-koyu:#1B3540;
  --renk-ateş:#E76F51;
  --renk-ateş-koyu:#C85A3F;
  --renk-hardal:#E9C46A;
  --renk-yesil:#2A9D8F;
  --renk-bordo:#8E2A3A;
  --yazı-baslik:'Playfair Display',Georgia,'Times New Roman',serif;
  --yazı-govde:'Rubik','Helvetica Neue',Arial,sans-serif;
  --yazı-mono:'JetBrains Mono',Menlo,Consolas,monospace;
  --olcu-sayfa:1160px;
  --bosluk-dar:1rem;
  --bosluk-orta:1.75rem;
  --bosluk-genis:3rem;
  --koseyumusak:6px;
  --koseorta:12px;
  --golge-yumusak:0 2px 6px rgba(31,42,51,.06);
  --golge-orta:0 8px 24px rgba(31,42,51,.1);
  --golge-derin:0 18px 48px rgba(31,42,51,.14);
  --gecis:240ms cubic-bezier(.3,.7,.2,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--yazı-govde);
  background:var(--renk-zemin);
  color:var(--renk-metin);
  line-height:1.75;
  font-weight:400;
  min-height:100vh;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

img,svg,video{display:block;max-width:100%;height:auto}
a{color:var(--renk-vurgu);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color var(--gecis)}
a:hover{color:var(--renk-ateş)}
button{font-family:inherit;cursor:pointer;border:0;background:none}
ul,ol{padding-left:1.25rem}
li{margin-bottom:.4rem}

h1,h2,h3,h4,h5,h6{font-family:var(--yazı-baslik);font-weight:700;color:var(--renk-vurgu-koyu);line-height:1.2;letter-spacing:-.01em}
h1{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;letter-spacing:-.02em}
h2{font-size:clamp(1.7rem,3.2vw,2.3rem);margin-bottom:1rem;position:relative}
h2::after{content:"";display:block;width:56px;height:3px;background:var(--renk-ateş);margin-top:.6rem;border-radius:2px}
h3{font-size:clamp(1.25rem,2.2vw,1.55rem);margin-bottom:.65rem;color:var(--renk-vurgu)}
h4{font-size:1.15rem;margin-bottom:.5rem;color:var(--renk-vurgu-koyu)}
p{margin-bottom:1rem;color:var(--renk-metin)}
p+h2,ul+h2,ol+h2{margin-top:2.5rem}
p+h3,ul+h3,ol+h3{margin-top:1.75rem}

.sayfa-govde{max-width:var(--olcu-sayfa);margin:0 auto;padding:0 1.25rem}
.bolum{padding:4.5rem 0;position:relative}
.bolum--acik{background:var(--renk-kagit)}
.bolum--desenli{background:var(--renk-zemin-alt);background-image:radial-gradient(circle at 1px 1px,rgba(31,42,51,.08) 1px,transparent 0);background-size:22px 22px}
.bolum--koyu{background:var(--renk-vurgu-koyu);color:#F6F2EC}
.bolum--koyu h2,.bolum--koyu h3,.bolum--koyu h4{color:#F6F2EC}
.bolum--koyu h2::after{background:var(--renk-hardal)}

.bolum-baslik{max-width:760px;margin-bottom:2.25rem}
.bolum-baslik__etiket{font-family:var(--yazı-mono);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--renk-ateş);margin-bottom:.6rem;display:inline-block;padding:.3rem .7rem;background:rgba(231,111,81,.08);border-radius:2px}
.bolum-baslik p{font-size:1.06rem;color:var(--renk-metin-yumusak);margin-top:.5rem}

header.kapak{
  position:sticky;top:0;z-index:60;
  background:rgba(246,242,236,.92);
  backdrop-filter:blur(10px) saturate(160%);
  -webkit-backdrop-filter:blur(10px) saturate(160%);
  border-bottom:1px solid var(--renk-cizgi);
}
.kapak__icerik{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;max-width:var(--olcu-sayfa);margin:0 auto}
.marka{display:flex;align-items:center;gap:.65rem;font-family:var(--yazı-baslik);font-size:1.5rem;font-weight:800;color:var(--renk-vurgu-koyu);text-decoration:none;letter-spacing:-.01em}
.marka:hover{color:var(--renk-ateş)}
.marka__logo{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--renk-ateş) 0%,var(--renk-hardal) 100%);display:grid;place-items:center;color:#fff;font-weight:900;font-size:1.2rem;font-family:var(--yazı-baslik);overflow:hidden;flex-shrink:0}
.marka__logo img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.marka__alt{font-family:var(--yazı-mono);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--renk-metin-yumusak);display:block;margin-top:-2px;font-weight:400}

.menu{display:flex;align-items:center}
.menu__liste{display:flex;list-style:none;padding:0;margin:0;gap:.3rem;align-items:center}
.menu__ogr{position:relative}
.menu__baglanti{
  display:inline-block;padding:.55rem .85rem;
  color:var(--renk-vurgu-koyu);font-weight:500;font-size:.97rem;
  text-decoration:none;border-radius:4px;
  transition:background var(--gecis),color var(--gecis)
}
.menu__baglanti:hover,.menu__baglanti--aktif{background:rgba(38,70,83,.08);color:var(--renk-ateş)}
.menu__baglanti--aktif{font-weight:600}

.kapak__eylem{display:flex;align-items:center;gap:.75rem;position:relative;z-index:80}
.kapak__menu-btn{display:none;width:46px;height:46px;border-radius:4px;border:1px solid var(--renk-cizgi);background:transparent;color:var(--renk-vurgu-koyu);font-size:1.2rem;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:rgba(231,111,81,.15);padding:0;position:relative;z-index:90}
.kapak__menu-btn:hover{background:var(--renk-zemin-alt)}
.kapak__menu-btn i{pointer-events:none}

.dugme{
  display:inline-flex;align-items:center;gap:.55rem;
  padding:.75rem 1.3rem;
  font-weight:600;font-size:.97rem;text-decoration:none;
  border-radius:4px;border:1px solid transparent;
  transition:transform var(--gecis),background var(--gecis),box-shadow var(--gecis),color var(--gecis);
  cursor:pointer;line-height:1
}
.dugme:hover{transform:translateY(-1px)}
.dugme--ates{background:var(--renk-ateş);color:#fff}
.dugme--ates:hover{background:var(--renk-ateş-koyu);color:#fff;box-shadow:var(--golge-orta)}
.dugme--koyu{background:var(--renk-vurgu-koyu);color:#fff}
.dugme--koyu:hover{background:var(--renk-vurgu);color:#fff}
.dugme--cerceve{border-color:var(--renk-vurgu-koyu);color:var(--renk-vurgu-koyu);background:transparent}
.dugme--cerceve:hover{background:var(--renk-vurgu-koyu);color:#fff}
.dugme--ince{padding:.55rem 1rem;font-size:.9rem}
.dugme--genis{padding:.95rem 1.6rem;font-size:1.05rem}

.vuris{
  padding:5rem 0 4rem;
  background:
    linear-gradient(180deg,rgba(246,242,236,.4) 0%,rgba(246,242,236,1) 100%),
    radial-gradient(ellipse at top right,rgba(233,196,106,.35) 0%,transparent 55%),
    radial-gradient(ellipse at bottom left,rgba(231,111,81,.18) 0%,transparent 50%);
  position:relative;overflow:hidden
}
.vuris__govde{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:center}
.vuris__metin .rozet{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.4rem .9rem;background:var(--renk-kagit);
  border:1px solid var(--renk-cizgi);border-radius:30px;
  font-family:var(--yazı-mono);font-size:.78rem;
  color:var(--renk-metin-yumusak);margin-bottom:1.25rem;
  letter-spacing:.08em;text-transform:uppercase
}
.rozet i{color:var(--renk-ateş)}
.vuris__metin h1{margin-bottom:1.25rem}
.vuris__metin h1 .boy{color:var(--renk-ateş);font-style:italic}
.vuris__metin p.giris{font-size:1.12rem;color:var(--renk-metin-yumusak);max-width:540px;margin-bottom:1.8rem}
.vuris__eylem{display:flex;gap:.85rem;flex-wrap:wrap;margin-bottom:2rem}
.vuris__alt-bilgi{display:flex;gap:2rem;flex-wrap:wrap;font-size:.92rem;color:var(--renk-metin-yumusak);font-family:var(--yazı-mono)}
.vuris__alt-bilgi span{display:flex;align-items:center;gap:.4rem}
.vuris__alt-bilgi i{color:var(--renk-yesil)}

.vuris__gorsel{
  position:relative;
  border-radius:var(--koseorta);
  overflow:hidden;
  aspect-ratio:4/5;
  background:var(--renk-kagit);
  border:1px solid var(--renk-cizgi);
  box-shadow:var(--golge-derin);
  transform:rotate(1.5deg)
}
.vuris__gorsel img{width:100%;height:100%;object-fit:cover;display:block}
.vuris__yama{
  position:absolute;top:-24px;right:-24px;width:90px;height:90px;
  background:var(--renk-hardal);border-radius:50%;display:grid;place-items:center;
  color:var(--renk-vurgu-koyu);font-family:var(--yazı-baslik);font-weight:700;
  transform:rotate(-8deg);box-shadow:var(--golge-orta);font-size:.9rem;text-align:center;line-height:1.1;
  padding:.6rem
}

.kart{
  background:var(--renk-kagit);
  border:1px solid var(--renk-cizgi);
  border-radius:var(--koseorta);
  padding:1.75rem;
  transition:transform var(--gecis),box-shadow var(--gecis),border-color var(--gecis);
  display:flex;flex-direction:column;height:100%
}
.kart:hover{transform:translateY(-3px);box-shadow:var(--golge-orta);border-color:var(--renk-ateş)}
.kart__simge{
  width:52px;height:52px;border-radius:50%;
  background:var(--renk-zemin-alt);color:var(--renk-ateş);
  display:grid;place-items:center;font-size:1.35rem;margin-bottom:1rem;
  border:2px solid var(--renk-cizgi)
}
.kart__baslik{margin-bottom:.6rem}
.kart__govde{color:var(--renk-metin-yumusak);font-size:.98rem;flex-grow:1}
.kart__alt{margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--renk-cizgi);font-family:var(--yazı-mono);font-size:.82rem;color:var(--renk-vurgu)}
.kart--kosa{border-top:4px solid var(--renk-ateş)}
.kart--kosa-yesil{border-top:4px solid var(--renk-yesil)}
.kart--kosa-hardal{border-top:4px solid var(--renk-hardal)}
.kart--kosa-bordo{border-top:4px solid var(--renk-bordo)}

.izgara{display:grid;gap:1.5rem}
.izgara--iki{grid-template-columns:repeat(2,1fr)}
.izgara--uc{grid-template-columns:repeat(3,1fr)}
.izgara--dort{grid-template-columns:repeat(4,1fr)}
.izgara--asimetrik{grid-template-columns:1.5fr 1fr}
.izgara--saygan{grid-template-columns:1fr 1.5fr}

.anlat{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center;margin-bottom:3rem}
.anlat:nth-child(even){grid-template-columns:.9fr 1.1fr}
.anlat:nth-child(even) .anlat__gorsel{order:-1}
.anlat__metin p{color:var(--renk-metin);font-size:1.02rem}
.anlat__gorsel{
  background:linear-gradient(135deg,var(--renk-hardal) 0%,var(--renk-ateş) 100%);
  border-radius:var(--koseorta);aspect-ratio:4/3;
  overflow:hidden;box-shadow:var(--golge-orta);position:relative
}
.anlat__gorsel img{width:100%;height:100%;object-fit:cover;display:block}
.anlat__rozet{
  display:inline-block;font-family:var(--yazı-mono);font-size:.78rem;
  letter-spacing:.12em;text-transform:uppercase;color:var(--renk-ateş);
  margin-bottom:.5rem;padding:.25rem .55rem;background:rgba(231,111,81,.1);border-radius:2px
}

.alinti{
  border-left:4px solid var(--renk-ateş);
  padding:1rem 0 1rem 1.5rem;
  margin:1.75rem 0;
  font-family:var(--yazı-baslik);
  font-style:italic;font-size:1.3rem;line-height:1.5;
  color:var(--renk-vurgu-koyu);background:rgba(231,111,81,.05);border-radius:0 4px 4px 0
}
.alinti cite{display:block;margin-top:.6rem;font-size:.88rem;color:var(--renk-metin-yumusak);font-style:normal;font-family:var(--yazı-govde)}
.alinti cite::before{content:"— "}

.yan-not{
  background:var(--renk-zemin-alt);border:1px solid var(--renk-cizgi);border-left:4px solid var(--renk-yesil);
  padding:1.1rem 1.3rem;border-radius:0 4px 4px 0;margin:1.5rem 0;
  font-size:.96rem;color:var(--renk-metin)
}
.yan-not strong{color:var(--renk-yesil);font-family:var(--yazı-baslik)}
.yan-not--uyari{border-left-color:var(--renk-ateş)}
.yan-not--uyari strong{color:var(--renk-ateş)}
.yan-not--bilgi{border-left-color:var(--renk-hardal)}
.yan-not--bilgi strong{color:var(--renk-hardal)}

dl.aciklama{margin:1.5rem 0}
dl.aciklama dt{font-family:var(--yazı-baslik);font-weight:700;font-size:1.1rem;color:var(--renk-vurgu-koyu);margin-top:1rem}
dl.aciklama dd{margin-left:0;color:var(--renk-metin-yumusak);padding-bottom:.75rem;border-bottom:1px dashed var(--renk-cizgi);margin-bottom:.5rem}
dl.aciklama dd:last-child{border-bottom:0}

.adim-liste{counter-reset:adim;list-style:none;padding:0;margin:1.5rem 0}
.adim-liste li{
  counter-increment:adim;position:relative;
  padding:1rem 1rem 1rem 3.5rem;margin-bottom:.75rem;
  background:var(--renk-kagit);border:1px solid var(--renk-cizgi);border-radius:4px
}
.adim-liste li::before{
  content:counter(adim);
  position:absolute;left:1rem;top:1rem;
  width:32px;height:32px;border-radius:50%;
  background:var(--renk-vurgu-koyu);color:#F6F2EC;
  display:grid;place-items:center;font-family:var(--yazı-baslik);font-weight:700
}
.adim-liste li strong{display:block;color:var(--renk-vurgu-koyu);margin-bottom:.25rem;font-family:var(--yazı-baslik)}

.olcek{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin:2rem 0}
.olcek__oge{
  background:var(--renk-kagit);border:1px solid var(--renk-cizgi);
  border-radius:var(--koseorta);padding:1.5rem;text-align:center
}
.olcek__deger{font-family:var(--yazı-baslik);font-size:2.4rem;font-weight:800;color:var(--renk-ateş);line-height:1;display:block;margin-bottom:.35rem}
.olcek__etiket{font-family:var(--yazı-mono);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--renk-metin-yumusak)}

.tablo-cerceve{overflow-x:auto;margin:1.5rem 0;border-radius:var(--koseorta);border:1px solid var(--renk-cizgi)}
table.karsilastirma{width:100%;border-collapse:collapse;background:var(--renk-kagit);font-size:.95rem}
table.karsilastirma th,table.karsilastirma td{padding:.95rem 1.1rem;text-align:left;border-bottom:1px solid var(--renk-cizgi)}
table.karsilastirma th{background:var(--renk-zemin-alt);font-family:var(--yazı-baslik);font-size:1rem;color:var(--renk-vurgu-koyu)}
table.karsilastirma tr:last-child td{border-bottom:0}
table.karsilastirma tr:hover td{background:var(--renk-zemin)}

details.soru{
  background:var(--renk-kagit);border:1px solid var(--renk-cizgi);border-radius:6px;
  padding:1.1rem 1.3rem;margin-bottom:.85rem;transition:border-color var(--gecis)
}
details.soru[open]{border-color:var(--renk-ateş);box-shadow:var(--golge-yumusak)}
details.soru summary{
  font-family:var(--yazı-baslik);font-weight:700;font-size:1.1rem;
  color:var(--renk-vurgu-koyu);cursor:pointer;list-style:none;
  display:flex;justify-content:space-between;align-items:center;gap:1rem
}
details.soru summary::-webkit-details-marker{display:none}
details.soru summary::after{
  content:"\2b";font-family:"Font Awesome 6 Free";font-weight:900;
  color:var(--renk-ateş);transition:transform var(--gecis);font-size:1.1rem
}
details.soru[open] summary::after{content:"\f068"}
details.soru > p,details.soru > ul,details.soru > ol{margin-top:.85rem;color:var(--renk-metin-yumusak)}

.etiket-grup{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}
.etiket{
  display:inline-block;padding:.35rem .75rem;
  background:var(--renk-zemin-alt);color:var(--renk-vurgu-koyu);
  font-family:var(--yazı-mono);font-size:.8rem;border-radius:3px;
  text-decoration:none;border:1px solid var(--renk-cizgi);transition:all var(--gecis)
}
.etiket:hover{background:var(--renk-vurgu-koyu);color:#F6F2EC}

.yazi-kart{
  display:grid;grid-template-columns:240px 1fr;gap:1.5rem;
  background:var(--renk-kagit);border:1px solid var(--renk-cizgi);
  border-radius:var(--koseorta);overflow:hidden;margin-bottom:1.5rem;
  transition:transform var(--gecis),box-shadow var(--gecis)
}
.yazi-kart:hover{transform:translateY(-2px);box-shadow:var(--golge-orta)}
.yazi-kart__gorsel{
  background:linear-gradient(135deg,var(--renk-ateş) 0%,var(--renk-bordo) 100%);
  overflow:hidden;position:relative
}
.yazi-kart__gorsel img{width:100%;height:100%;object-fit:cover;display:block;min-height:180px}
.yazi-kart__icerik{padding:1.5rem 1.75rem 1.5rem 0}
.yazi-kart__meta{font-family:var(--yazı-mono);font-size:.78rem;color:var(--renk-metin-yumusak);margin-bottom:.5rem;letter-spacing:.08em;text-transform:uppercase}
.yazi-kart__baslik{margin-bottom:.5rem;font-size:1.4rem}
.yazi-kart__baslik a{color:var(--renk-vurgu-koyu);text-decoration:none}
.yazi-kart__baslik a:hover{color:var(--renk-ateş)}
.yazi-kart__ozet{color:var(--renk-metin-yumusak);font-size:.98rem;margin-bottom:.75rem}
.yazi-kart__devam{font-family:var(--yazı-mono);font-size:.88rem;color:var(--renk-ateş);text-decoration:none;font-weight:600}
.yazi-kart__devam:hover{color:var(--renk-ateş-koyu)}

.yazi-ana{max-width:740px;margin:0 auto}
.yazi-ana__meta{font-family:var(--yazı-mono);font-size:.82rem;color:var(--renk-metin-yumusak);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.1em}
.yazi-ana h1{margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem)}
.yazi-ana__ozet{font-size:1.2rem;color:var(--renk-metin-yumusak);font-family:var(--yazı-baslik);font-style:italic;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--renk-cizgi)}
.yazi-ana p{font-size:1.05rem;line-height:1.85}
.yazi-ana h2{margin-top:2.5rem}
.yazi-ana h3{margin-top:1.75rem}
.yazi-ana img{margin:2rem 0;border-radius:var(--koseorta);box-shadow:var(--golge-orta)}
.yazi-ana ul,.yazi-ana ol{margin:1rem 0 1.25rem 1rem}

.eylem-kutu{
  background:var(--renk-vurgu-koyu);color:#F6F2EC;
  padding:3rem 2rem;border-radius:var(--koseorta);
  text-align:center;margin:2rem auto;max-width:860px;position:relative;overflow:hidden
}
.eylem-kutu::before{
  content:"";position:absolute;top:-40px;right:-40px;width:180px;height:180px;
  background:radial-gradient(circle,rgba(233,196,106,.28) 0%,transparent 70%);
  pointer-events:none
}
.eylem-kutu h2{color:#F6F2EC}
.eylem-kutu h2::after{background:var(--renk-hardal);margin-left:auto;margin-right:auto}
.eylem-kutu p{color:rgba(246,242,236,.85);max-width:580px;margin:1rem auto 1.5rem}
.eylem-kutu .dugme--ates{background:var(--renk-hardal);color:var(--renk-vurgu-koyu)}
.eylem-kutu .dugme--ates:hover{background:#F1D184;color:var(--renk-vurgu-koyu)}

.tabak{
  background:var(--renk-kagit);border:1px solid var(--renk-cizgi);
  border-radius:var(--koseorta);padding:2rem;margin:1.5rem 0;
  position:relative
}
.tabak__kus-bakisi{
  display:flex;gap:.75rem;align-items:center;
  font-family:var(--yazı-mono);font-size:.82rem;
  color:var(--renk-ateş);margin-bottom:.75rem;
  letter-spacing:.1em;text-transform:uppercase
}
.tabak__kus-bakisi::before{content:"";width:30px;height:1px;background:var(--renk-ateş)}
.tabak p:last-child{margin-bottom:0}

footer.dip{
  background:var(--renk-vurgu-koyu);
  color:rgba(246,242,236,.82);
  padding:3rem 0 1.5rem;
  margin-top:4rem;
  font-size:.94rem
}
.dip__govde{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2.5rem;margin-bottom:2rem}
.dip__sutun h4{color:#F6F2EC;font-size:1.15rem;margin-bottom:.85rem;font-family:var(--yazı-baslik)}
.dip__sutun p{color:rgba(246,242,236,.75);margin-bottom:.8rem}
.dip__baglantilar{list-style:none;padding:0}
.dip__baglantilar li{margin-bottom:.5rem}
.dip__baglantilar a{color:rgba(246,242,236,.82);text-decoration:none;transition:color var(--gecis)}
.dip__baglantilar a:hover{color:var(--renk-hardal)}
.dip__sosyal{display:flex;gap:.75rem;margin-top:1rem}
.dip__sosyal a{
  width:38px;height:38px;border-radius:50%;
  background:rgba(246,242,236,.08);color:#F6F2EC;
  display:grid;place-items:center;text-decoration:none;transition:background var(--gecis)
}
.dip__sosyal a:hover{background:var(--renk-ateş);color:#fff}
.dip__alt{
  border-top:1px solid rgba(246,242,236,.12);padding-top:1.25rem;
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;
  color:rgba(246,242,236,.6);font-family:var(--yazı-mono);font-size:.8rem
}
.dip__alt-baglanti{display:flex;gap:1.25rem;flex-wrap:wrap}
.dip__alt-baglanti a{color:rgba(246,242,236,.6);text-decoration:none}
.dip__alt-baglanti a:hover{color:var(--renk-hardal)}

.yukari-btn{
  position:fixed;bottom:1.5rem;right:1.5rem;
  width:46px;height:46px;border-radius:50%;
  background:var(--renk-ateş);color:#fff;
  display:grid;place-items:center;text-decoration:none;
  box-shadow:var(--golge-orta);opacity:0;visibility:hidden;
  transform:translateY(10px);transition:all var(--gecis);z-index:50;
  border:0;cursor:pointer;font-size:1rem
}
.yukari-btn.gorunur{opacity:1;visibility:visible;transform:translateY(0)}
.yukari-btn:hover{background:var(--renk-ateş-koyu);transform:translateY(-3px)}

.bread{
  font-family:var(--yazı-mono);font-size:.82rem;
  color:var(--renk-metin-yumusak);margin-bottom:1.5rem;
  display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;
  letter-spacing:.06em
}
.bread a{color:var(--renk-metin-yumusak);text-decoration:none}
.bread a:hover{color:var(--renk-ateş)}
.bread__ayrac{color:var(--renk-cizgi)}
.bread__mevcut{color:var(--renk-vurgu-koyu);font-weight:500}

.bilgi-seridi{
  background:var(--renk-vurgu-koyu);color:#F6F2EC;
  padding:.55rem 0;font-size:.85rem;font-family:var(--yazı-mono);
  text-align:center;letter-spacing:.04em
}
.bilgi-seridi span{color:var(--renk-hardal);font-weight:600}

@media (max-width:1024px){
  .vuris__govde,.anlat,.anlat:nth-child(even),.izgara--uc,.izgara--dort,.izgara--asimetrik,.izgara--saygan{grid-template-columns:1fr}
  .anlat{gap:2rem;margin-bottom:2.25rem}
  .anlat:nth-child(even) .anlat__gorsel{order:0}
  .olcek{grid-template-columns:repeat(2,1fr)}
  .dip__govde{grid-template-columns:1fr 1fr;gap:2rem}
}

@media (max-width:768px){
  .bolum{padding:3rem 0}
  .vuris{padding:3rem 0 2.5rem}
  .kapak__menu-btn{display:grid;place-items:center}
  .menu{
    position:fixed;top:0;right:-100%;
    width:86%;max-width:340px;height:100vh;height:100dvh;
    background:var(--renk-kagit);
    box-shadow:var(--golge-derin);
    transition:right var(--gecis);
    padding:5rem 1.5rem 2rem;
    overflow-y:auto;z-index:75;
    visibility:hidden;pointer-events:none;
    -webkit-overflow-scrolling:touch
  }
  .menu.acik{right:0;visibility:visible;pointer-events:auto}
  .menu__liste{flex-direction:column;gap:0;width:100%;align-items:stretch}
  .menu__ogr{border-bottom:1px solid var(--renk-cizgi);width:100%}
  .menu__baglanti{display:block;padding:1rem .5rem;font-size:1.05rem;border-radius:0;touch-action:manipulation;-webkit-tap-highlight-color:rgba(231,111,81,.15)}
  .menu__baglanti:hover,.menu__baglanti--aktif{background:transparent;color:var(--renk-ateş)}
  .menu__baglanti:active{background:rgba(231,111,81,.1)}
  .perde{
    position:fixed;inset:0;background:rgba(31,42,51,.5);
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity var(--gecis),visibility var(--gecis);z-index:70
  }
  .perde.goster{opacity:1;visibility:visible;pointer-events:auto}
  .izgara--iki{grid-template-columns:1fr}
  .yazi-kart{grid-template-columns:1fr}
  .yazi-kart__gorsel{aspect-ratio:16/9;padding:1.5rem}
  .yazi-kart__icerik{padding:0 1.5rem 1.5rem}
  .dip__govde{grid-template-columns:1fr;gap:2rem}
  .dip__alt{flex-direction:column;align-items:flex-start;text-align:left}
  .olcek{grid-template-columns:1fr 1fr;gap:1rem}
  .olcek__deger{font-size:1.9rem}
  .vuris__alt-bilgi{gap:1rem}
  .eylem-kutu{padding:2rem 1.25rem}
  h2{font-size:1.55rem}
  .yazi-ana__ozet{font-size:1.05rem}
  .vuris__gorsel{transform:none;margin-top:1rem}
  .vuris__yama{width:70px;height:70px;font-size:.78rem;top:-14px;right:-14px}
}

@media (max-width:480px){
  .sayfa-govde{padding:0 1rem}
  .bolum{padding:2.25rem 0}
  .kart{padding:1.3rem}
  .tabak{padding:1.25rem}
  .adim-liste li{padding:.85rem .85rem .85rem 3rem}
  .adim-liste li::before{width:26px;height:26px;font-size:.9rem}
  .dugme{padding:.65rem 1rem;font-size:.92rem}
  .vuris__eylem{flex-direction:column;align-items:stretch}
  .dugme{justify-content:center}
  .yukari-btn{width:40px;height:40px;right:1rem;bottom:1rem}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:0ms!important;transition-duration:0ms!important}
  html{scroll-behavior:auto}
}

.gorsel-kutu{
  border-radius:var(--koseorta);overflow:hidden;
  border:1px solid var(--renk-cizgi);background:var(--renk-kagit);
  box-shadow:var(--golge-yumusak);margin:1.75rem 0;position:relative
}
.gorsel-kutu img{width:100%;height:auto;display:block}
.gorsel-kutu figcaption{
  padding:.85rem 1.1rem;font-family:var(--yazı-mono);font-size:.82rem;
  color:var(--renk-metin-yumusak);background:var(--renk-zemin-alt);
  border-top:1px solid var(--renk-cizgi);letter-spacing:.04em
}

.gorsel-serit{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.75rem 0
}
.gorsel-serit figure{
  border-radius:var(--koseorta);overflow:hidden;
  border:1px solid var(--renk-cizgi);background:var(--renk-kagit);
  box-shadow:var(--golge-yumusak);margin:0
}
.gorsel-serit img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.gorsel-serit figcaption{
  padding:.65rem .85rem;font-family:var(--yazı-mono);font-size:.78rem;
  color:var(--renk-metin-yumusak);background:var(--renk-zemin-alt);
  border-top:1px solid var(--renk-cizgi)
}
@media (max-width:768px){.gorsel-serit{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.gorsel-serit{grid-template-columns:1fr}}

.sayfa-kapak{
  border-radius:var(--koseorta);overflow:hidden;
  aspect-ratio:16/7;margin:0 0 2rem;
  border:1px solid var(--renk-cizgi);box-shadow:var(--golge-orta);
  position:relative;background:var(--renk-zemin-alt)
}
.sayfa-kapak img{width:100%;height:100%;object-fit:cover;display:block}
.sayfa-kapak__yazi{
  position:absolute;left:1.5rem;bottom:1.5rem;right:1.5rem;
  color:#fff;font-family:var(--yazı-mono);font-size:.82rem;
  text-shadow:0 1px 6px rgba(0,0,0,.45);letter-spacing:.08em;
  text-transform:uppercase
}
@media (max-width:768px){.sayfa-kapak{aspect-ratio:4/3}}

.kart__resim{
  margin:-1.75rem -1.75rem 1.1rem;
  aspect-ratio:16/10;overflow:hidden;
  border-bottom:1px solid var(--renk-cizgi)
}
.kart__resim img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:480px){.kart__resim{margin:-1.3rem -1.3rem 1rem}}

.tabak__resim{
  margin:-2rem -2rem 1.25rem;
  aspect-ratio:16/7;overflow:hidden;
  border-bottom:1px solid var(--renk-cizgi)
}
.tabak__resim img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:480px){.tabak__resim{margin:-1.25rem -1.25rem 1rem;aspect-ratio:16/9}}

.avatar{
  width:90px;height:90px;border-radius:50%;overflow:hidden;
  border:3px solid var(--renk-kagit);box-shadow:var(--golge-yumusak);
  background:var(--renk-zemin-alt);margin-bottom:.85rem;position:relative
}
.avatar img{width:100%;height:100%;object-fit:cover;display:block}

.ekip-kart{display:flex;gap:1.25rem;align-items:flex-start}
.ekip-kart .avatar{flex-shrink:0;margin-bottom:0}
@media (max-width:480px){.ekip-kart{flex-direction:column;align-items:flex-start}}

.yazi-ana__kapak{
  margin:0 0 2rem;border-radius:var(--koseorta);overflow:hidden;
  aspect-ratio:16/9;border:1px solid var(--renk-cizgi);
  box-shadow:var(--golge-orta);background:var(--renk-zemin-alt)
}
.yazi-ana__kapak img{width:100%;height:100%;object-fit:cover;display:block}

.logolar-serisi{
  display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;
  padding:1.25rem;background:var(--renk-kagit);
  border:1px solid var(--renk-cizgi);border-radius:var(--koseorta);
  margin:1.5rem 0
}
.logolar-serisi img{height:40px;width:auto;opacity:.75;transition:opacity var(--gecis)}
.logolar-serisi img:hover{opacity:1}

.gizli{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sadece-masaustu{display:inline-block}
.sadece-mobil{display:none}
@media (max-width:768px){.sadece-masaustu{display:none}.sadece-mobil{display:inline-block}}