/* TKD Sistem tanitim sitesi — stil dosyasi.
   Yon: baski/bulten estetigi. Kagit zemin, murekkep siyahi, tek vurgu rengi (kart okuyucunun onay yesili),
   spor tabelasi gibi dar ve kalin basliklar, mono saat damgalari. Kart izgarasi, degrade ve cam etkisi YOK.
   CSP: satir ici stil kullanilmaz; her sey bu dosyadadir. */

@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;
  src:url(fonts/archivo-latin-ext-wdth-normal.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;
  src:url(fonts/archivo-latin-wdth-normal.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Geist';font-style:normal;font-weight:100 900;font-display:swap;
  src:url(fonts/geist-latin-ext-wght-normal.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Geist';font-style:normal;font-weight:100 900;font-display:swap;
  src:url(fonts/geist-latin-wght-normal.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:100 900;font-display:swap;
  src:url(fonts/geist-mono-latin-ext-wght-normal.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:100 900;font-display:swap;
  src:url(fonts/geist-mono-latin-wght-normal.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --kagit:#f2efe6; --kagit2:#e8e4d7; --murekkep:#0f1217; --soluk:#575d6a; --cizgi:#cbc6b6;
  --yesil:#0d7a31; --yesil-parlak:#21b556; --kirmizi:#c2342a; --mavi:#1c4fd6; --turuncu:#b4540a;
  --sans:'Geist',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --gosterim:'Archivo','Arial Narrow','Helvetica Neue',Arial,sans-serif;
  --mono:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --yan:clamp(20px,4vw,48px); --genis:1240px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;color-scheme:light}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--kagit);color:var(--murekkep);font:400 18px/1.65 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{color:var(--yesil)}
::selection{background:var(--yesil);color:#fff}
:focus-visible{outline:3px solid var(--yesil-parlak);outline-offset:3px}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
p{text-wrap:pretty}
h1,h2,h3{text-wrap:balance}

.atla{position:absolute;left:-9999px;top:0;background:var(--murekkep);color:var(--kagit);padding:12px 18px;z-index:100}
.atla:focus{left:12px;top:12px}
.sar{width:100%;max-width:var(--genis);margin-inline:auto;padding-inline:var(--yan)}

/* ───── Ust cubuk ───── */
.ust{border-bottom:1px solid var(--murekkep);background:var(--kagit);position:relative;z-index:10}
.ust .sar{display:flex;align-items:center;gap:20px;min-height:68px;flex-wrap:wrap;padding-block:10px}
.marka{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--murekkep)}
.marka:hover{color:var(--murekkep)}
.marka svg{width:44px;height:44px;flex:none}
.marka b{font:800 1.5rem/1 var(--gosterim);font-stretch:68%;letter-spacing:.01em;text-transform:uppercase}
.marka b i{font-style:normal;font-weight:400;color:var(--soluk)}
.menu{display:flex;gap:6px;margin-left:auto;order:2;overflow-x:auto;scrollbar-width:none}
.menu::-webkit-scrollbar{display:none}
.menu a{font:500 .95rem/1 var(--sans);padding:12px 14px;text-decoration:none;white-space:nowrap}
.menu a[aria-current=page]{box-shadow:inset 0 -2px 0 var(--yesil)}
.ust .dugme{order:3;padding:.7em 1.1em;font-size:.95rem}
@media (max-width:960px){
  .ust .sar{gap:8px 14px}
  .menu{order:5;width:100%;margin-left:-14px;flex-basis:100%}
  .ust .dugme{margin-left:auto}
}

/* ───── Dugmeler ───── */
.dugme{display:inline-flex;align-items:center;gap:.7em;padding:1em 1.5em;background:var(--murekkep);color:var(--kagit);border:1px solid var(--murekkep);border-radius:0;font:600 1rem/1.1 var(--sans);text-decoration:none;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.dugme:hover{background:var(--yesil);border-color:var(--yesil);color:#fff}
.dugme.ikincil{background:transparent;color:var(--murekkep)}
.dugme.ikincil:hover{background:var(--murekkep);color:var(--kagit);border-color:var(--murekkep)}
.dugme .ok{font-family:var(--mono);font-weight:400}
.dugmeler{display:flex;flex-wrap:wrap;gap:12px}
.koyu .dugme{background:var(--kagit);color:var(--murekkep);border-color:var(--kagit)}
.koyu .dugme:hover{background:var(--yesil-parlak);border-color:var(--yesil-parlak);color:var(--murekkep)}
.koyu .dugme.ikincil{background:transparent;color:var(--kagit);border-color:var(--kagit)}
.koyu .dugme.ikincil:hover{background:var(--kagit);color:var(--murekkep)}

/* ───── Yazi dizgisi ───── */
.etiket{font:500 .8rem/1.3 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--soluk)}
.koyu .etiket{color:#a9aebb}
.dev,.baslik{font-family:var(--gosterim);font-weight:800;text-transform:uppercase;letter-spacing:-.003em}
.dev{font-stretch:62%;font-size:clamp(3.9rem,11.2vw,9.4rem);line-height:.95;display:block}
.dev i{font-style:normal;color:var(--yesil)}
.baslik{font-stretch:70%;font-size:clamp(2.4rem,5.6vw,4.6rem);line-height:1.02}
.baslik i{font-style:normal;color:var(--yesil)}
.koyu .baslik i,.koyu .dev i{color:var(--yesil-parlak)}
.giris{font-size:clamp(1.12rem,1.5vw,1.3rem);line-height:1.55;max-width:34em}
.soluk{color:var(--soluk)}
.mono{font-family:var(--mono)}

/* ───── Kahraman ───── */
.kahraman{padding-top:clamp(40px,6vw,84px)}
.kahraman .sar:first-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:clamp(28px,5vw,72px);align-items:center}
.kahraman h1 .etiket{display:block;margin-bottom:clamp(14px,2vw,26px);color:var(--murekkep)}
.kahraman .giris{margin-top:clamp(22px,3vw,36px)}
.kahraman .dugmeler{margin-top:clamp(24px,3vw,38px)}
.kahraman .not{margin-top:22px}
@media (max-width:900px){.kahraman .sar:first-child{grid-template-columns:1fr}}

.sekil figcaption{margin-top:12px;padding-top:10px;border-top:1px solid var(--cizgi);font:400 .78rem/1.5 var(--mono);color:var(--soluk);letter-spacing:.02em}
.sekil figcaption b{font-weight:600;color:var(--murekkep);letter-spacing:.06em;text-transform:uppercase}
.koyu .sekil figcaption{border-color:#2c313c;color:#a9aebb}
.koyu .sekil figcaption b{color:var(--kagit)}
.sekil img{width:100%;border:1px solid var(--murekkep)}
.koyu .sekil img{border-color:#2c313c}
.sekil.cercevesiz img{border:0}

/* Saat damgali gunluk seridi */
.gunluk{margin-top:clamp(36px,5vw,64px);border-block:1px solid var(--murekkep);display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.gunluk li{padding:18px 20px 20px;border-left:1px solid var(--cizgi);display:grid;gap:4px;align-content:start}
.gunluk li:first-child{border-left:0;padding-left:0}
.gunluk time{font:600 1.5rem/1 var(--mono);color:var(--yesil)}
.gunluk b{font:500 .78rem/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--soluk)}
.gunluk span{font-size:1rem;line-height:1.45}
@media (prefers-reduced-motion:no-preference){
  .gunluk li{animation:gir .6s both}
  .gunluk li:nth-child(2){animation-delay:.25s}.gunluk li:nth-child(3){animation-delay:.5s}.gunluk li:nth-child(4){animation-delay:.75s}
  @keyframes gir{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}
@media (max-width:900px){
  .gunluk{grid-template-columns:1fr}
  .gunluk li{border-left:0;border-top:1px solid var(--cizgi);grid-template-columns:auto auto 1fr;align-items:baseline;gap:10px 14px;padding:14px 0}
  .gunluk li:first-child{border-top:0}
}

/* ───── Bolumler ───── */
.bolum{border-top:1px solid var(--murekkep);padding-block:clamp(64px,9vw,128px)}
.bolum.ilk{margin-top:clamp(48px,7vw,96px)}
.bolum-ust{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:24px clamp(24px,4vw,56px);margin-bottom:clamp(36px,5vw,64px)}
.bolum-ust .etiket{padding-top:.6em}
.bolum-ust .giris{margin-top:20px}
@media (max-width:860px){.bolum-ust{grid-template-columns:1fr}}
.koyu{background:var(--murekkep);color:var(--kagit);border-top-color:var(--murekkep)}
.koyu a:hover{color:var(--yesil-parlak)}
.koyu .soluk{color:#a9aebb}

/* Adimlar */
.adim{display:grid;grid-template-columns:clamp(70px,9vw,120px) minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,3vw,44px);padding-block:clamp(28px,4vw,48px);border-top:1px solid var(--cizgi);align-items:start}
.adim:first-of-type{border-top:1px solid var(--murekkep)}
.adim .no{font:800 clamp(3rem,6vw,5rem)/.85 var(--gosterim);font-stretch:62%;color:var(--murekkep)}
.adim h3{font:800 clamp(1.7rem,3vw,2.5rem)/1.05 var(--gosterim);font-stretch:70%;text-transform:uppercase;margin-bottom:14px}
.adim p{max-width:30em}
.adim .telefon-alan{height:100%}
@media (max-width:860px){.adim{grid-template-columns:56px minmax(0,1fr)}.adim .sekil{grid-column:1/-1}}
.telefon-alan{background:var(--kagit2);border:1px solid var(--murekkep);padding:clamp(20px,3vw,36px);display:grid;place-items:center}
.telefon-alan img{width:auto;max-height:480px;border:0;box-shadow:0 0 0 1px var(--cizgi)}

/* Kiyas tablosu */
.kiyas{width:100%;border-collapse:collapse;font-size:1rem;line-height:1.5}
.kiyas th,.kiyas td{padding:18px 20px 18px 0;text-align:left;vertical-align:top;border-top:1px solid var(--cizgi)}
.kiyas thead th{border-top:1px solid var(--murekkep);border-bottom:1px solid var(--murekkep);font:500 .78rem/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--soluk);padding-block:12px}
.kiyas tbody th{font:600 1rem/1.4 var(--sans);width:20%}
.kiyas td:nth-child(2){color:var(--soluk);width:34%}
.kiyas td:nth-child(3){font-weight:500}
.kiyas td:nth-child(3)::before{content:'→ ';color:var(--yesil);font-family:var(--mono)}
.kiyas tbody tr:last-child>*{border-bottom:1px solid var(--murekkep)}
@media (max-width:760px){
  .kiyas thead{display:none}
  .kiyas,.kiyas tbody,.kiyas tr,.kiyas th,.kiyas td{display:block;width:auto!important}
  .kiyas tr{padding:16px 0;border-top:1px solid var(--cizgi)}
  .kiyas th,.kiyas td{border:0!important;padding:2px 0}
  .kiyas td::before{display:block;font:500 .72rem/1.6 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--soluk)}
  .kiyas td:nth-child(2)::before{content:'Bugün'}
  .kiyas td:nth-child(3)::before{content:'TKD Sistem ile';color:var(--yesil)}
}

/* Yonetici paneli */
.panel-izgara{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(24px,4vw,56px);align-items:start}
.notlar{display:grid;gap:0;border-top:1px solid var(--murekkep)}
.notlar div{padding:20px 0;border-bottom:1px solid var(--cizgi)}
.notlar dt{font:700 1.15rem/1.3 var(--sans);margin-bottom:6px}
.notlar dd{color:var(--soluk);font-size:1rem;line-height:1.55}
@media (max-width:960px){.panel-izgara{grid-template-columns:1fr}}
.baglanti{display:inline-block;margin-top:28px;font:500 1rem/1.3 var(--mono);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}
.baglanti:hover{color:var(--yesil)}
.koyu .baglanti:hover{color:var(--yesil-parlak)}

/* Cihaz durumlari */
.durumlar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.durumlar .sekil{grid-column:span 2}
.durumlar .sekil.genis{grid-column:span 3}
@media (max-width:860px){.durumlar{grid-template-columns:1fr 1fr}.durumlar .sekil,.durumlar .sekil.genis{grid-column:span 1}}
@media (max-width:520px){.durumlar{grid-template-columns:1fr}}
.olgular{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,4vw,64px);margin-top:clamp(40px,5vw,72px)}
.olgular div{padding:22px 0;border-top:1px solid #2c313c}
.olgular dt{font:700 1.2rem/1.3 var(--sans);margin-bottom:6px}
.olgular dd{color:#a9aebb;font-size:1rem;line-height:1.55;max-width:32em}
@media (max-width:760px){.olgular{grid-template-columns:1fr}}

/* Veli telefonlari */
.telefonlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,40px);background:var(--kagit2);border:1px solid var(--murekkep);padding:clamp(24px,4vw,56px)}
.telefonlar figure img{width:100%;max-width:300px;margin-inline:auto;border:0;box-shadow:0 0 0 1px var(--cizgi),0 18px 40px -22px rgba(15,18,23,.45)}
.telefonlar figcaption{margin-top:16px;font:400 .85rem/1.5 var(--mono);color:var(--soluk);text-align:center}
.telefonlar figcaption b{display:block;color:var(--murekkep);font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}
@media (max-width:760px){.telefonlar{grid-template-columns:1fr 1fr}.telefonlar figure:last-child{grid-column:1/-1}}
@media (max-width:520px){.telefonlar{grid-template-columns:1fr}}
.iki-sutun{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,72px);align-items:start}
.iki-sutun h3{font:800 clamp(1.8rem,3.2vw,2.8rem)/1.05 var(--gosterim);font-stretch:70%;text-transform:uppercase;margin:22px 0 12px}
.iki-sutun p{max-width:28em}
@media (max-width:860px){.iki-sutun{grid-template-columns:1fr}}

/* Kulup adresi */
.adres{font:500 clamp(1.3rem,4.4vw,3.2rem)/1.15 var(--mono);letter-spacing:-.02em;word-break:break-word}
.adres b{color:var(--yesil);font-weight:600}
.kulup-git{margin-top:32px;max-width:640px}
.kulup-git label{display:block;font:500 .85rem/1.4 var(--mono);letter-spacing:.04em;margin-bottom:10px}
.kulup-git .satir{display:flex;border:1px solid var(--murekkep);background:#fff}
.kulup-git input{flex:1;min-width:0;border:0;padding:14px 16px;font:500 1.05rem/1.2 var(--mono);background:transparent;color:var(--murekkep)}
.kulup-git input:focus-visible{outline:3px solid var(--yesil-parlak);outline-offset:-3px}
.kulup-git .son{display:flex;align-items:center;padding:0 12px;font:500 1.05rem/1 var(--mono);color:var(--soluk);border-left:1px solid var(--cizgi);white-space:nowrap}
.kulup-git button{border:0;border-left:1px solid var(--murekkep)}
.kulup-git .hata{margin-top:8px;font:500 .85rem/1.4 var(--mono);color:var(--kirmizi);min-height:1.4em}
.js-yok .kulup-git{display:none}
.sadece-js{display:none}
.js .sadece-js{display:block}
.koyu .kulup-git .satir{background:#161a22;border-color:var(--kagit)}
.koyu .kulup-git input{color:var(--kagit)}

/* Baslangic adimlari */
.baslangic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--murekkep)}
.baslangic li{padding:24px 28px 8px 0;border-right:1px solid var(--cizgi);margin-right:28px}
.baslangic li:last-child{border-right:0;margin-right:0}
.baslangic .no{display:block;font:600 .95rem/1 var(--mono);color:var(--yesil);margin-bottom:18px}
.baslangic h3{font:800 1.9rem/1.05 var(--gosterim);font-stretch:70%;text-transform:uppercase;margin-bottom:12px}
.baslangic p{font-size:1rem;color:var(--soluk);line-height:1.55}
@media (max-width:960px){.baslangic{grid-template-columns:1fr 1fr}.baslangic li{margin-right:0;padding-right:24px;padding-bottom:28px}.baslangic li:nth-child(2){border-right:0}.baslangic li:nth-child(n+3){border-top:1px solid var(--cizgi)}.baslangic li:nth-child(3){padding-left:0}}
@media (max-width:560px){.baslangic{grid-template-columns:1fr}.baslangic li{border-right:0;border-top:1px solid var(--cizgi);padding-right:0}.baslangic li:first-child{border-top:0}}

/* SSS */
.sss{border-top:1px solid var(--murekkep)}
.sss details{border-bottom:1px solid var(--cizgi)}
.sss summary{list-style:none;cursor:pointer;padding:22px 48px 22px 0;font:600 1.2rem/1.4 var(--sans);position:relative}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:'+';position:absolute;right:4px;top:18px;font:400 1.8rem/1 var(--mono);color:var(--yesil)}
.sss details[open] summary::after{content:'−'}
.sss details p{padding:0 48px 26px 0;max-width:46em;color:#2b303a}
.sss summary:hover{color:var(--yesil)}

/* Cagri bandi */
.cagri .baslik{font-size:clamp(2.6rem,7.4vw,6.6rem);line-height:1;max-width:12em}
.cagri p{margin-top:24px;color:#c9cdd8;max-width:36em}
.cagri .dugmeler{margin-top:34px}
.iletisim-bilgi{margin-top:30px;display:grid;gap:6px;font:500 1.05rem/1.5 var(--mono)}
.iletisim-bilgi a{text-decoration:none;border-bottom:1px solid currentColor}

/* Alt sayfalar */
.sayfa-ust{padding-top:clamp(40px,6vw,80px);padding-bottom:clamp(36px,5vw,64px)}
.sayfa-ust h1 .etiket{display:block;margin-bottom:18px;color:var(--murekkep)}
.sayfa-ust .dev{font-size:clamp(3.2rem,9.6vw,8rem)}
.sayfa-ust .giris{margin-top:28px}
.sayfa-ust .dugmeler{margin-top:32px}
.metin{max-width:44em}
.metin h2{font:800 clamp(1.8rem,3.4vw,2.7rem)/1.05 var(--gosterim);font-stretch:70%;text-transform:uppercase;margin:48px 0 14px}
.metin h2:first-child{margin-top:0}
.metin p+p{margin-top:1em}
.metin ul{margin:14px 0;display:grid;gap:8px}
.metin li{padding-left:1.6em;position:relative}
.metin li::before{content:'→';position:absolute;left:0;color:var(--yesil);font-family:var(--mono)}
.tanim{border-top:1px solid var(--murekkep)}
.tanim>div{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:12px clamp(20px,4vw,56px);padding:26px 0;border-bottom:1px solid var(--cizgi)}
.tanim dt{font:700 1.25rem/1.25 var(--sans)}
.tanim dd{color:#2b303a}
.tanim dd p+p{margin-top:.8em}
@media (max-width:760px){.tanim>div{grid-template-columns:1fr}}
.teknik{width:100%;border-collapse:collapse;font:400 .95rem/1.5 var(--mono)}
.teknik th,.teknik td{text-align:left;padding:12px 16px 12px 0;border-top:1px solid #2c313c;vertical-align:top}
.teknik th{width:34%;font-weight:500;color:#a9aebb;letter-spacing:.04em}
.teknik tr:last-child>*{border-bottom:1px solid #2c313c}
.gezinti{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:40px;font:500 1rem/1.3 var(--mono)}

/* Alt bilgi */
.alt{border-top:1px solid var(--murekkep);padding-block:clamp(40px,6vw,72px) 32px;background:var(--kagit)}
.alt-izgara{display:grid;grid-template-columns:minmax(0,5fr) repeat(3,minmax(0,2.4fr));gap:32px}
.alt p{color:var(--soluk);font-size:.98rem;max-width:26em;margin-top:14px}
.alt h2{font:500 .78rem/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--soluk);margin-bottom:14px}
.alt li{margin-bottom:8px;font-size:1rem}
.alt li a{text-decoration:none}
.alt li a:hover{text-decoration:underline}
.alt .telif{margin-top:44px;padding-top:18px;border-top:1px solid var(--cizgi);font:400 .8rem/1.6 var(--mono);color:var(--soluk);display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px}
@media (max-width:900px){.alt-izgara{grid-template-columns:1fr 1fr}.alt-izgara>:first-child{grid-column:1/-1}}

@media print{.ust,.alt,.dugmeler,.menu{display:none}body{background:#fff}}

/* Bosluk yardimcilari (CSP: satir ici stil yok) */
.u0{margin-top:0}.u36{margin-top:36px}.u40{margin-top:40px}.u56{margin-top:56px}
.iletisim-eksik{margin-top:24px;padding:14px 16px;border:2px solid var(--kirmizi);color:var(--kirmizi);font:600 .9rem/1.5 var(--mono);max-width:40em}
.telefonlar.iki{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}
@media (max-width:520px){.telefonlar.iki{grid-template-columns:1fr}}
.ekran-yigin{display:grid;gap:clamp(36px,5vw,64px)}

/* Hero gorseli: ust satirda panel (16:9), altta cihaz (4:3) ile telefon (9:16) AYNI yukseklikte; ust uste binme yok.
   Sutunlar 4/3 : 9/16 oraninda (1.3333fr : .5625fr) oldugu icin iki gorsel de kirpilmadan ayni satir yuksekligine oturur. */
.paket{display:grid;gap:14px}
.paket figure{position:relative}
.paket img{display:block;width:100%;height:auto;border:1px solid var(--murekkep);background:#fff}
.p-alt{display:grid;grid-template-columns:1.3333fr .5625fr;gap:14px}
.paket .p-tel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.p-et{position:absolute;left:-1px;top:-1px;z-index:2;background:var(--murekkep);color:var(--kagit);font:500 .66rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:.55em .75em;white-space:nowrap}
@media (max-width:560px){.p-et{font-size:.58rem;padding:.5em .6em}.p-et .uzun{display:none}}
.kahraman .dev{font-size:clamp(2.9rem,6vw,5.6rem);line-height:1.02}
@media (max-width:900px){.kahraman .dev{font-size:min(13.4vw,5.2rem)}}
.paket-liste{margin:26px 0 0;max-width:34em;border-top:1px solid var(--murekkep)}
.paket-liste li{display:grid;grid-template-columns:minmax(0,12.5em) minmax(0,1fr);gap:4px 18px;padding:14px 0;border-bottom:1px solid var(--cizgi);align-items:baseline}
.paket-liste b{font:600 .78rem/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--yesil)}
.paket-liste span{font-size:1rem;line-height:1.5}
@media (max-width:560px){.paket-liste li{grid-template-columns:1fr}}

/* "Ihtiyaciniz baska mi?" blogu: ozel ozellik talebi */
.ozel{margin-top:clamp(36px,5vw,56px);display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:12px clamp(20px,4vw,56px);padding:28px 0 28px 22px;border-top:1px solid var(--murekkep);border-bottom:1px solid var(--murekkep);border-left:4px solid var(--yesil)}
.ozel b{font:700 1.25rem/1.3 var(--sans)}
.ozel p{max-width:42em;color:#2b303a}
.ozel .dugme{margin-top:18px}
@media (max-width:760px){.ozel{grid-template-columns:1fr}}

/* Kulup yonetimi: her ozellik grubu = metin + ornek ekran(lar) */
.oz-dizin{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:34px;font:500 .9rem/1.4 var(--mono)}
.oz-dizin a{text-decoration:none;border-bottom:1px solid var(--cizgi);padding-bottom:2px}
.oz-dizin a:hover{border-color:var(--yesil)}
.ozellik{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px);padding-block:clamp(40px,5vw,72px);border-top:1px solid var(--cizgi);align-items:start;scroll-margin-top:12px}
.ozellik:first-of-type{border-top:1px solid var(--murekkep)}
.ozellik.ters .oz-gorsel{order:-1}
.ozellik.ters{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.oz-metin{position:sticky;top:20px}
.oz-no{display:block;font:600 .95rem/1 var(--mono);color:var(--yesil);margin-bottom:14px}
.ozellik h2{font:800 clamp(2rem,3.6vw,3rem)/1.05 var(--gosterim);font-stretch:70%;text-transform:uppercase;margin-bottom:14px}
.oz-lead{font-size:1.18rem;line-height:1.5;margin-bottom:18px;max-width:28em}
.oz-liste{display:grid;gap:11px;max-width:32em}
.oz-liste li{padding-left:1.5em;position:relative;color:#2b303a;line-height:1.55}
.oz-liste li::before{content:'→';position:absolute;left:0;color:var(--yesil);font-family:var(--mono)}
.oz-gorsel{display:grid;gap:18px}
.roller{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.roller .sekil figcaption{text-align:center}
@media (max-width:960px){.ozellik,.ozellik.ters{grid-template-columns:1fr}.ozellik.ters .oz-gorsel{order:0}.oz-metin{position:static}}
.sekil.orta{max-width:440px}
.alt-izgara{grid-template-columns:minmax(0,4.2fr) minmax(0,2fr) minmax(0,2fr) minmax(0,3.2fr)}
@media (max-width:900px){.alt-izgara{grid-template-columns:1fr 1fr}.alt-izgara>:first-child{grid-column:1/-1}}