@import url('fonts.css');

*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--text);font-family:var(--font);
  font-size:16px;line-height:1.62;overflow-x:clip;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:'Space Grotesk',var(--font);font-weight:700;letter-spacing:-.015em;line-height:1.18;margin:0}
p{margin:0}
ul,ol,dl,dd{margin:0;padding:0}
li{list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
svg{width:1.15em;height:1.15em;flex:0 0 auto}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.gorunmez{position:static;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;display:block}
.atla{position:absolute;left:-999px;top:0;background:var(--brand);color:#fff;padding:10px 16px;z-index:99}
.atla:focus{left:8px;top:8px}

.kapsayici{width:min(1240px,100% - 40px);margin-inline:auto}
@media(max-width:640px){.kapsayici{width:min(1240px,100% - 26px)}}

.eyebrow{
  display:inline-flex;align-items:center;gap:7px;font-family:'IBM Plex Mono',monospace;
  font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);
}
.eyebrow svg{width:14px;height:14px}

/* ---------- düğmeler ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:11px 18px;border:1px solid transparent;border-radius:var(--radius);
  font-weight:600;font-size:14.5px;cursor:pointer;background:none;
  transition:background .15s,border-color .15s,color .15s;text-align:center;
}
.btn--ana{background:var(--brand);border-color:var(--brand);color:#fff}
.btn--ana:hover{filter:brightness(1.12)}
.btn--hat{border-color:var(--line);color:var(--text);background:var(--surface)}
.btn--hat:hover{border-color:var(--brand)}
.btn--sessiz{border-color:transparent;background:color-mix(in srgb,var(--text) 8%,transparent);color:var(--text)}
.btn--sessiz:hover{background:color-mix(in srgb,var(--text) 14%,transparent)}
.btn--wa{background:#1f8f4e;border-color:#1f8f4e;color:#fff}
.btn--ters{background:var(--bg);border-color:var(--bg);color:var(--text)}
.btn--hat-ters{border-color:color-mix(in srgb,var(--bg) 45%,transparent);color:var(--bg)}
.btn--tam{width:100%}
.btn--buyuk{padding:14px 24px;font-size:15.5px}

/* ---------- üst kabuk ---------- */
.ust{position:sticky;top:0;z-index:40;background:var(--bg);border-bottom:1px solid var(--line)}
.ust-ana{border-bottom:1px solid var(--line)}
.ust-ic{display:flex;align-items:center;gap:14px;min-height:66px}
.kt-tik,.mnu-tik{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.kt-btn{
  display:inline-flex;align-items:center;gap:9px;padding:9px 14px;cursor:pointer;
  border:1px solid var(--line);border-radius:var(--radius);font-size:14px;font-weight:600;
  background:var(--surface);white-space:nowrap;
}
.kt-btn:hover{border-color:var(--brand)}
.kt-cizgi{display:inline-flex;color:var(--accent)}
.kt-tik:checked~.ust-ana .kt-btn{background:var(--brand);border-color:var(--brand);color:#fff}
.kt-tik:checked~.ust-ana .kt-cizgi{color:#fff}

.logo{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto}
.logo .mark{
  display:grid;place-items:center;width:38px;height:38px;border-radius:var(--radius);
  background:var(--brand);color:#fff;
}
.logo .mark svg{width:21px;height:21px}
.logo-metin{display:flex;flex-direction:column;line-height:1.1}
.logo-metin b{font-family:'Space Grotesk',var(--font);font-size:20px;letter-spacing:-.02em}
.logo-metin i{
  font-style:normal;font-family:'IBM Plex Mono',monospace;font-size:9.5px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--muted);
}

.ara-kutu{
  flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:9px;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:0 6px 0 12px;
}
.ara-kutu>svg{color:var(--muted)}
.ara-kutu input{
  flex:1 1 auto;min-width:0;border:0;background:none;padding:11px 0;font-size:14.5px;outline:none;
}
.ara-kutu input::placeholder{color:var(--muted)}
.ara-kutu button{
  display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:calc(var(--radius) - 1px);
  background:var(--brand);color:#fff;cursor:pointer;
}

.ust-aksiyon{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.ust-btn{
  display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius);
  border:1px solid var(--line);background:var(--surface);font-size:13.5px;font-weight:600;
}
.ust-btn:hover{border-color:var(--brand)}
.ust-btn.dolu{border-color:var(--accent);color:var(--accent)}
.ub-ikon{position:relative;display:inline-flex}
.ub-sayi[hidden]{display:none}
.ub-sayi{
  position:absolute;top:-8px;right:-9px;min-width:17px;height:17px;padding:0 4px;
  display:grid;place-items:center;border-radius:9px;background:var(--accent);color:#10131a;
  font-family:'IBM Plex Mono',monospace;font-size:10.5px;font-weight:600;
}
.mnu-btn{display:none;padding:9px;border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;background:var(--surface)}

.katalog-panel{display:none;border-top:1px solid var(--line);background:var(--surface)}
.kt-tik:checked~.ust-ana .katalog-panel{display:block}
.kp-ic{display:grid;grid-template-columns:2fr 1fr 1fr;gap:26px;padding:24px 0 28px}
.kp-ic>*{min-width:0}
.kp-baslik{
  display:block;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);margin-bottom:12px;
}
.kp-blok ul{display:grid;gap:2px}
.kp-blok:first-child ul{grid-template-columns:1fr 1fr;gap:6px}
.kp-blok li a{display:block;padding:9px 10px;border-radius:var(--radius);border:1px solid transparent}
.kp-blok li a:hover{border-color:var(--line);background:var(--bg)}
.kp-blok li a b{display:block;font-size:14.5px;font-weight:600}
.kp-blok li a i{display:block;font-style:normal;font-size:12.5px;color:var(--muted);line-height:1.45}
.kp-sade li a{font-size:14px;color:var(--muted);padding:6px 10px}
.kp-sade li a:hover{color:var(--text)}

.cihaz-serit{background:var(--surface);border-bottom:1px solid var(--line)}
.cs-ic{display:flex;align-items:center;gap:14px;min-height:48px}
.cs-ic>*{min-width:0}
.cs-etiket{
  display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;
  font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--muted);
}
.cs-liste{display:flex;gap:6px;overflow-x:auto;flex:1 1 auto;min-width:0;scrollbar-width:none;padding:6px 0}
.cs-liste::-webkit-scrollbar{display:none}
.cs-liste a{
  display:inline-flex;align-items:center;gap:6px;padding:6px 11px;white-space:nowrap;
  border:1px solid var(--line);border-radius:100px;font-size:13px;color:var(--muted);background:var(--bg);
}
.cs-liste a:hover{color:var(--text);border-color:var(--brand)}
.cs-liste a.aktif{background:var(--brand);border-color:var(--brand);color:#fff}
.cs-liste a svg{width:15px;height:15px}
.cs-tum{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);white-space:nowrap}
.cs-tum:hover{color:var(--accent)}

.duyuru-serit{background:var(--bg);border-bottom:1px solid var(--line)}
.ds-ic{
  display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:36px;
  font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--muted);
}
.ds-ic span,.ds-ic a{display:inline-flex;align-items:center;gap:7px}
.ds-ic a:hover{color:var(--accent)}
.ds-ic svg{width:13px;height:13px}

.mnu-panel{display:none;border-top:1px solid var(--line);background:var(--surface);padding:16px 20px 22px}
.mnu-tik:checked~.mnu-panel{display:block}
.mnu-baslik{
  display:block;margin:16px 0 8px;font-family:'IBM Plex Mono',monospace;font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--muted);
}
.mnu-panel>a{display:flex;align-items:center;gap:10px;padding:11px 6px;border-bottom:1px solid var(--line);font-size:15px}
.mnu-cihaz{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.mnu-cihaz a{display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid var(--line);border-radius:var(--radius);font-size:13.5px}
.ara-mobil{margin-bottom:6px}

/* ---------- hero ---------- */
.hero{padding:52px 0 44px;border-bottom:1px solid var(--line)}
.hero-ic{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.hero-ic>*{min-width:0}
.hero-metin h1{font-size:clamp(34px,4.4vw,54px);margin:16px 0 18px}
.hero-metin h1 em{font-style:normal;color:var(--accent);display:block}
.hero-metin>p{color:var(--muted);font-size:16.5px;max-width:60ch}
.hero-cip{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}
.hero-cip span{
  display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid var(--line);
  border-radius:100px;font-size:13px;color:var(--muted);background:var(--surface);
}
.hero-cip svg{width:14px;height:14px;color:var(--accent)}
.hero-btn{display:flex;flex-wrap:wrap;gap:10px}
.hero-yan{display:grid;gap:14px}
.hero-foto{margin:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface)}
.hero-foto img{width:100%;height:340px;object-fit:cover}
.hero-panel{
  border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:16px 18px;
  display:grid;gap:10px;
}
.hp-ust{
  display:inline-flex;align-items:center;gap:7px;font-family:'IBM Plex Mono',monospace;
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);
}
.hp-ad{font-family:'Space Grotesk',var(--font);font-weight:700;font-size:17px;line-height:1.25}
.hp-ad:hover{color:var(--accent)}
.hp-spec{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}
.hp-spec div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--line);padding-bottom:5px}
.hp-spec dt{font-size:12.5px;color:var(--muted)}
.hp-spec dd{font-family:'IBM Plex Mono',monospace;font-size:12.5px;font-weight:500}
.hp-fiyat{font-family:'Space Grotesk',var(--font);font-size:22px;font-weight:700}

/* ---------- rakam şeridi ---------- */
.rakam-serit{background:var(--brand);color:#fff}
.rs-ic{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.rs-ic>*{min-width:0}
.rs-oge{padding:26px 22px 26px 0;border-right:1px solid rgba(255,255,255,.18)}
.rs-oge:first-child{padding-left:0}
.rs-oge:not(:first-child){padding-left:22px}
.rs-oge:last-child{border-right:0}
.rs-oge b{display:block;font-family:'Space Grotesk',var(--font);font-size:34px;line-height:1}
.rs-oge span{display:block;margin-top:8px;font-size:13px;opacity:.86;line-height:1.45}

/* ---------- bölüm başlıkları ---------- */
.bolum{padding:56px 0}
.bolum-bas{display:grid;grid-template-columns:1fr 1fr;gap:20px 40px;align-items:end;margin-bottom:28px}
.bolum-bas>*{min-width:0}
.bolum-bas h2{font-size:clamp(24px,2.6vw,32px);margin-top:10px}
.bolum-alt{color:var(--muted);font-size:15px}

/* ---------- cihaz seçici ---------- */
.cihaz-bolum{background:var(--surface);border-block:1px solid var(--line)}
.cihaz-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.cihaz-izgara>*{min-width:0}
.cihaz-kart{
  display:grid;gap:6px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);
  background:var(--bg);transition:border-color .15s,transform .15s;
}
.cihaz-kart:hover{border-color:var(--brand);transform:translateY(-2px)}
.ck-ikon{display:inline-flex;color:var(--accent)}
.ck-ikon svg{width:24px;height:24px}
.cihaz-kart b{font-family:'Space Grotesk',var(--font);font-size:16px}
.cihaz-kart i{font-style:normal;font-size:12.5px;color:var(--muted);line-height:1.45}
.ck-sayi{
  display:inline-flex;align-items:center;gap:6px;margin-top:6px;
  font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--muted);
}
.cihaz-kart:hover .ck-sayi{color:var(--accent)}

/* ---------- raf indeksi ---------- */
.raf-liste{display:grid;border-top:1px solid var(--line)}
.raf-liste li{border-bottom:1px solid var(--line)}
.raf-liste a{
  display:grid;grid-template-columns:56px 120px 1fr auto 28px;align-items:center;gap:18px;padding:16px 6px;
}
.raf-liste a>*{min-width:0}
.raf-liste a:hover{background:var(--surface)}
.rl-no{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--accent)}
.rl-gorsel{overflow:hidden;border-radius:var(--radius);border:1px solid var(--line)}
.rl-gorsel img{width:120px;height:78px;object-fit:cover}
.rl-metin b{display:block;font-family:'Space Grotesk',var(--font);font-size:19px;margin-bottom:3px}
.rl-metin i{font-style:normal;color:var(--muted);font-size:13.5px}
.rl-say{font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--muted);white-space:nowrap}
.rl-ok{display:inline-flex;justify-content:flex-end;color:var(--muted)}
.raf-liste a:hover .rl-ok{color:var(--accent)}

/* ---------- tablolar ---------- */
.tablo-sar{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
table{border-collapse:collapse;width:100%}
.kiyas-tablo{min-width:760px;font-size:14px}
.kiyas-tablo th,.kiyas-tablo td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--line)}
.kiyas-tablo thead th{
  font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);font-weight:500;background:var(--bg);
}
.kiyas-tablo tbody th{font-weight:600}
.kiyas-tablo tbody th a:hover{color:var(--accent)}
.kiyas-tablo tbody th i{display:block;font-style:normal;font-size:12px;color:var(--muted);font-weight:400}
.kiyas-tablo td{font-family:'IBM Plex Mono',monospace;font-size:13px}
.kiyas-tablo tr:last-child th,.kiyas-tablo tr:last-child td{border-bottom:0}
.kt-fiyat{color:var(--accent);font-weight:600;white-space:nowrap}
.yok{color:var(--muted);opacity:.6}
.kiyas-not{
  display:flex;align-items:center;gap:9px;margin-top:14px;font-size:13.5px;color:var(--muted);
}
.kiyas-not svg{color:var(--accent)}
.kiyas-bolum{background:var(--surface);border-block:1px solid var(--line)}
.kiyas-bolum .tablo-sar{background:var(--bg)}
.kiyas-bolum .kiyas-tablo thead th{background:var(--surface)}

/* ---------- ürün kartı ---------- */
.urun-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.urun-izgara>*{min-width:0}
.uk{
  display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);
  background:var(--surface);overflow:hidden;transition:border-color .15s;
}
.uk:hover{border-color:color-mix(in srgb,var(--brand) 60%,var(--line))}
.uk-gorsel{position:relative;display:block;background:var(--bg)}
.uk-gorsel img{width:100%;aspect-ratio:1/1;object-fit:cover}
.uk-rozet{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:5px;align-items:flex-start}
.rozet{
  display:inline-block;padding:3px 8px;border-radius:3px;font-family:'IBM Plex Mono',monospace;
  font-size:11px;font-weight:600;letter-spacing:.03em;
}
.rozet--indirim{background:var(--accent);color:#10131a}
.rozet--one{background:var(--brand);color:#fff}
.rozet--tuk{background:#2a2f3a;color:#c9d1de}
.uk-flas{
  position:absolute;bottom:10px;left:10px;display:inline-flex;align-items:center;gap:5px;
  padding:4px 9px;border-radius:100px;background:rgba(10,13,18,.78);color:var(--accent);
  font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.05em;
}
.uk-flas svg{width:12px;height:12px}
.uk-govde{display:flex;flex-direction:column;gap:9px;padding:14px 15px 15px;flex:1 1 auto}
.uk-ust{
  font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--muted);
}
.uk-ust i{font-style:normal;opacity:.5}
.uk-baslik{font-size:15.5px;line-height:1.32}
.uk-baslik a:hover{color:var(--accent)}
.uk-spec{display:grid;gap:0;border-top:1px solid var(--line)}
.uk-spec div{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid var(--line)}
.uk-spec dt{font-size:12px;color:var(--muted)}
.uk-spec dd{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:500;text-align:right;overflow-wrap:anywhere;min-width:0}
.uk-uyum{display:flex;flex-wrap:wrap;gap:5px}
.uy-cip{
  display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border:1px solid var(--line);
  border-radius:3px;font-size:10.5px;color:var(--muted);
}
.uy-cip svg{width:12px;height:12px}
.uy-cip i{font-style:normal}
.uy-daha{font-size:10.5px;color:var(--muted);align-self:center}
.uk-fiyat{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:6px}
.fiyat{font-family:'Space Grotesk',var(--font);font-size:19px;font-weight:700}
.fiyat-not{font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:var(--muted)}
.eski-fiyat{text-decoration:line-through;color:var(--muted);font-size:13px}
.uk-aksiyon{display:grid;grid-template-columns:1fr auto;gap:7px}
.uk-aksiyon>*{min-width:0}
.kart-form{display:block}
.kiyas-form{display:block}
.kiyas-btn{
  display:inline-flex;align-items:center;gap:6px;height:100%;padding:0 11px;cursor:pointer;
  border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--muted);
  font-size:12px;font-weight:600;
}
.kiyas-btn span{display:none}
.kiyas-btn:hover{border-color:var(--accent);color:var(--accent)}
.kiyas-btn.ekli{border-color:var(--accent);color:var(--accent)}

/* ---------- sözlük ---------- */
.sozluk-bolum{background:var(--surface);border-block:1px solid var(--line)}
.sozluk-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);margin-bottom:22px}
.sozluk-izgara>*{min-width:0}
.sz-oge{padding:20px 22px 20px 0;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
.sz-oge:nth-child(3n){border-right:0}
.sz-oge:not(:nth-child(3n+1)){padding-left:22px}
.sz-oge dt{display:flex;align-items:baseline;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.sz-kod{
  font-family:'IBM Plex Mono',monospace;font-size:15px;font-weight:600;color:var(--accent);
}
.sz-oge dt b{font-family:'Space Grotesk',var(--font);font-size:14px;color:var(--muted);font-weight:500}
.sz-oge dd{font-size:14px;color:var(--muted);line-height:1.6}

/* ---------- fırsat listesi ---------- */
.firsat-liste{display:grid;border-top:1px solid var(--line)}
.fr-satir{
  display:grid;grid-template-columns:90px 1fr auto auto;align-items:center;gap:18px;
  padding:14px 6px;border-bottom:1px solid var(--line);
}
.fr-satir>*{min-width:0}
.fr-satir:hover{background:var(--surface)}
.fr-gorsel img{width:90px;height:90px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line)}
.fr-ust{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.fr-ust i{font-style:normal;opacity:.5}
.fr-metin h3{font-size:16.5px;margin:4px 0 6px}
.fr-metin h3 a:hover{color:var(--accent)}
.fr-spec{display:flex;flex-wrap:wrap;gap:14px}
.fr-spec i{font-style:normal;font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--muted)}
.fr-spec b{color:var(--text)}
.fr-fiyat{text-align:right;display:grid;gap:2px}
.fr-yuzde{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--accent)}
.fr-fiyat b{font-family:'Space Grotesk',var(--font);font-size:19px}
.fr-fiyat s{color:var(--muted);font-size:12.5px}
.fr-btn{white-space:nowrap}

/* ---------- garanti bandı ---------- */
.garanti-bolum{background:var(--brand);color:#fff;padding:52px 0}
.gb-ic{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:start}
.gb-ic>*{min-width:0}
.gb-metin .eyebrow{color:#fff;opacity:.8}
.gb-metin h2{font-size:clamp(24px,2.6vw,32px);margin:10px 0 14px}
.gb-metin p{opacity:.9;margin-bottom:20px}
.gb-metin .btn--ana{background:var(--bg);border-color:var(--bg);color:var(--text)}
.gb-adim{display:grid;gap:0;border-top:1px solid rgba(255,255,255,.22)}
.gb-adim li{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.22)}
.gb-adim li>*{min-width:0}
.gb-adim span{font-family:'IBM Plex Mono',monospace;font-size:13px;opacity:.7}
.gb-adim p{font-size:14.5px;line-height:1.55}

/* ---------- yorumlar ---------- */
.yorum-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.yorum-izgara>*{min-width:0}
.yorum{margin:0;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.yorum blockquote{margin:0 0 16px;font-size:15px;line-height:1.6}
.yorum blockquote::before{content:"“";font-family:'Space Grotesk',var(--font);font-size:38px;color:var(--accent);display:block;line-height:.6;margin-bottom:10px}
.yorum figcaption{display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:12px}
.yorum figcaption b{font-size:14px}
.yorum figcaption i{font-style:normal;font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--muted)}

/* ---------- SSS ---------- */
.sss-bolum{background:var(--surface);border-block:1px solid var(--line)}
.sss-liste{display:grid;border-top:1px solid var(--line)}
.sss-liste details{border-bottom:1px solid var(--line)}
.sss-liste summary{
  display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 4px;cursor:pointer;
  font-family:'Space Grotesk',var(--font);font-weight:700;font-size:17px;list-style:none;
}
.sss-liste summary::-webkit-details-marker{display:none}
.sss-art{color:var(--accent);transition:transform .18s}
.sss-liste details[open] .sss-art{transform:rotate(180deg)}
.sss-liste p{padding:0 4px 20px;color:var(--muted);max-width:88ch}

/* ---------- kapanış ---------- */
.kapanis{background:var(--accent);color:#10131a;padding:44px 0}
.kp-serit{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.kp-serit>*{min-width:0}
.kp-serit h2{font-size:clamp(22px,2.4vw,29px);margin-bottom:8px}
.kp-serit p{max-width:62ch;opacity:.82;font-size:15px}
.kp-btn{display:flex;gap:10px;flex-wrap:wrap}
.kapanis .btn--ters{background:#10131a;border-color:#10131a;color:#fff}
.kapanis .btn--hat-ters{border-color:rgba(16,19,26,.35);color:#10131a}

/* ---------- karşılaştırma şeridi ---------- */
.kiyas-serit{position:sticky;bottom:0;z-index:30;background:var(--surface);border-top:1px solid var(--line)}
.ks-ic{display:flex;align-items:center;gap:16px;padding:11px 0}
.ks-ic>*{min-width:0}
.ks-etiket{
  display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;
  font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--muted);
}
.ks-etiket b{color:var(--accent)}
.ks-liste{display:flex;gap:8px;overflow-x:auto;flex:1 1 auto;min-width:0;scrollbar-width:thin}
.ks-oge{
  display:inline-flex;align-items:center;gap:8px;padding:5px 8px 5px 5px;flex:0 0 auto;
  border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);max-width:230px;
}
.ks-oge img{width:34px;height:34px;object-fit:cover;border-radius:3px}
.ks-oge i{font-style:normal;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ks-oge button{border:0;background:none;color:var(--muted);cursor:pointer;padding:2px;display:inline-flex}
.ks-oge button:hover{color:var(--accent)}
.ks-aksiyon{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.ks-temizle{border:0;background:none;color:var(--muted);cursor:pointer;font-size:12.5px;text-decoration:underline}

/* ---------- katalog ---------- */
.ekmek{
  display:flex;flex-wrap:wrap;gap:7px;align-items:center;padding:18px 0;
  font-size:12.5px;color:var(--muted);
}
.ekmek a:hover{color:var(--accent)}
.katalog{display:grid;grid-template-columns:250px 1fr;gap:30px;padding-bottom:56px}
.katalog>*{min-width:0}
.katalog-yan{display:grid;gap:22px;align-content:start}
.katalog-blok h3{
  display:flex;align-items:center;gap:8px;font-family:'IBM Plex Mono',monospace;font-size:11px;
  font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;
}
.katalog-blok h3 svg{color:var(--accent)}
.filtre-liste li a{
  display:flex;justify-content:space-between;gap:10px;padding:7px 10px;border-radius:var(--radius);
  font-size:14px;color:var(--muted);border:1px solid transparent;
}
.filtre-liste li a:hover{color:var(--text);background:var(--surface)}
.filtre-liste li a.aktif{color:var(--text);background:var(--surface);border-color:var(--accent)}
.filtre-liste li a span{font-family:'IBM Plex Mono',monospace;font-size:11.5px;opacity:.7}
.filtre-cip{display:flex;flex-wrap:wrap;gap:6px}
.filtre-cip a{padding:5px 10px;border:1px solid var(--line);border-radius:100px;font-size:12.5px;color:var(--muted)}
.filtre-cip a:hover{color:var(--text)}
.filtre-cip a.aktif{background:var(--accent);border-color:var(--accent);color:#10131a}
.katalog-ana{display:grid;gap:18px;align-content:start}
.katalog-ust{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.katalog-say{font-size:14px;color:var(--muted)}
.katalog-say strong{color:var(--text)}
.sirala{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--muted)}
.sirala select{
  padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius);
  background:var(--surface);cursor:pointer;
}
.aktif-filtre{display:flex;flex-wrap:wrap;gap:7px}
.aktif-filtre a{
  display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:100px;
  background:var(--surface);border:1px solid var(--accent);font-size:12.5px;
}
.aktif-filtre svg{width:12px;height:12px}
.sayfalama{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.sayfalama a{
  min-width:38px;padding:8px 11px;text-align:center;border:1px solid var(--line);
  border-radius:var(--radius);font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--muted);
}
.sayfalama a:hover{color:var(--text)}
.sayfalama a.aktif{background:var(--brand);border-color:var(--brand);color:#fff}

.kat-bas{display:grid;grid-template-columns:1fr .8fr;gap:34px;align-items:center;padding-bottom:30px}
.kat-bas>*{min-width:0}
.kb-metin h1{font-size:clamp(28px,3.4vw,40px);margin:10px 0 12px}
.kb-metin p{color:var(--muted);max-width:60ch}
.kb-say{display:inline-block;margin-top:14px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--accent)}
.kb-gorsel{margin:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.kb-gorsel img{width:100%;height:230px;object-fit:cover}
.kat-ust{padding-bottom:20px}

.uyari{
  display:flex;align-items:center;gap:9px;padding:12px 16px;border-radius:var(--radius);
  margin-bottom:16px;font-size:14px;border:1px solid var(--line);background:var(--surface);
}
.uyari--ok{border-color:#2e7d5b;color:#7fe0b4}
.uyari--hata{border-color:#8f3b3b;color:#f0a6a6}
.bos-durum{
  display:grid;justify-items:center;gap:14px;padding:48px 20px;text-align:center;
  border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);
}
.bos-durum svg{width:36px;height:36px;color:var(--accent)}
.bos-buyuk{padding:70px 20px;margin-bottom:40px}
.bos-buyuk h1{font-size:clamp(24px,3vw,34px);color:var(--text)}
.sayfa-h1{display:flex;align-items:center;gap:11px;font-size:clamp(24px,3vw,32px);margin-bottom:20px}
.sayfa-h1 svg{color:var(--accent)}
.acc-bas{padding-bottom:26px;max-width:78ch}
.acc-bas h1{font-size:clamp(28px,3.4vw,40px);margin:10px 0 12px}
.acc-bas p{color:var(--muted)}
.ara-ipucu{margin-top:10px;font-size:13.5px}
.ara-ipucu b{font-family:'IBM Plex Mono',monospace;color:var(--accent);font-weight:500}

/* ---------- ürün detay ---------- */
.urun-detay{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;padding-bottom:20px}
.urun-detay>*{min-width:0}
.urun-galeri{display:grid;gap:12px;align-content:start}
.galeri-ana{position:relative;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface)}
.galeri-ana img{width:100%;aspect-ratio:1/1;object-fit:cover}
.galeri-ana .rozet{position:absolute;top:14px;left:14px}
.galeri-flas{
  position:absolute;bottom:14px;left:14px;display:inline-flex;align-items:center;gap:6px;
  padding:6px 12px;border-radius:100px;background:rgba(10,13,18,.8);color:var(--accent);
  font-family:'IBM Plex Mono',monospace;font-size:11.5px;
}
.galeri-kucuk{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin}
.galeri-kucuk>*{min-width:0}
.kucuk{
  flex:0 0 auto;padding:0;border:1px solid var(--line);border-radius:var(--radius);
  background:none;cursor:pointer;overflow:hidden;line-height:0;
}
.kucuk img{width:78px;height:78px;object-fit:cover}
.kucuk.aktif{border-color:var(--accent)}
.uyum-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:18px 20px}
.uyum-panel h2{display:flex;align-items:center;gap:9px;font-size:17px;margin-bottom:8px}
.uyum-panel h2 svg{color:var(--accent)}
.uyum-not{font-size:13px;color:var(--muted);margin-bottom:14px}
.uyum-liste{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.uyum-liste>*{min-width:0}
.uyum-liste a{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 11px;
  border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);
}
.uyum-liste a>*{min-width:0}
.uyum-liste a:hover{border-color:var(--brand)}
.ul-ikon{display:inline-flex;color:var(--accent)}
.ul-metin b{display:block;font-size:13.5px}
.ul-metin i{font-style:normal;font-size:11.5px;color:var(--muted);line-height:1.4;display:block}
.ul-tik{color:#4fbf87}
.ul-tik svg{width:15px;height:15px}

.urun-bilgi{display:grid;gap:16px;align-content:start}
.urun-etiketler{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.urun-marka,.urun-kat{
  padding:4px 10px;border:1px solid var(--line);border-radius:100px;font-size:12.5px;color:var(--muted);
}
.urun-marka{border-color:var(--accent);color:var(--accent)}
.urun-marka:hover,.urun-kat:hover{color:var(--text)}
.urun-sku{font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--muted);margin-left:auto}
.urun-bilgi h1{font-size:clamp(25px,3vw,34px)}
.urun-ozet{color:var(--muted);font-size:15.5px}
.spec-vitrin{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.spec-vitrin>*{min-width:0}
.sv-oge{
  padding:12px 13px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);
}
.sv-oge b{display:block;font-family:'IBM Plex Mono',monospace;font-size:16px;font-weight:600;color:var(--accent)}
.sv-oge span{display:block;font-size:11.5px;color:var(--muted);margin-top:3px}
.urun-fiyat-kutu{
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);
}
.ufk-sol{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px}
.fiyat-buyuk{font-family:'Space Grotesk',var(--font);font-size:32px;font-weight:700}
.ufk-garanti{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12.5px}
.ufk-garanti svg{color:#4fbf87;width:20px;height:20px}
.ufk-garanti b{font-family:'IBM Plex Mono',monospace;color:var(--text);font-size:14px}
.urun-stok{font-size:14px}
.stok-var{display:inline-flex;align-items:center;gap:7px;color:#4fbf87}
.stok-yok{display:inline-flex;align-items:center;gap:7px;color:#f0a6a6}
.kullanim-kutu{
  display:flex;gap:13px;padding:14px 16px;border:1px solid var(--line);border-left:3px solid var(--accent);
  border-radius:var(--radius);background:var(--surface);
}
.kk-ikon{color:var(--accent);display:inline-flex;padding-top:2px}
.kullanim-kutu strong{display:block;font-size:13.5px;margin-bottom:3px}
.kullanim-kutu p{font-size:13.5px;color:var(--muted)}
.varyant-sec{border:0;padding:0;margin:0}
.varyant-sec legend{
  font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--muted);margin-bottom:10px;padding:0;
}
.varyant-liste{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.varyant-liste>*{min-width:0}
.varyant-kutu{
  position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:11px 13px;border:1px solid var(--line);border-radius:var(--radius);
  background:var(--surface);cursor:pointer;
}
.varyant-kutu input{position:absolute;opacity:0;width:0;height:0}
.varyant-kutu:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
.varyant-kutu.pasif{opacity:.45;cursor:not-allowed}
.vk-ad b{display:block;font-size:14px}
.vk-ad i{font-style:normal;font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--muted)}
.vk-fiyat b{font-family:'IBM Plex Mono',monospace;font-size:13.5px}
.vk-yok,.vk-az{
  position:absolute;top:-8px;right:8px;padding:1px 7px;border-radius:100px;font-style:normal;
  font-family:'IBM Plex Mono',monospace;font-size:10px;background:var(--bg);border:1px solid var(--line);
}
.vk-az{color:var(--accent);border-color:var(--accent)}
.urun-sepet{display:grid;gap:16px}
.urun-sepet-alt{display:flex;gap:10px;flex-wrap:wrap}
.urun-sepet-alt .btn{flex:1 1 200px}
.adet-secici{display:flex;align-items:center;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.adet-secici button{width:40px;height:44px;border:0;background:none;cursor:pointer;color:var(--muted);display:grid;place-items:center}
.adet-secici button:hover{color:var(--accent)}
.adet-secici input{
  width:46px;height:44px;border:0;background:none;text-align:center;
  font-family:'IBM Plex Mono',monospace;font-size:15px;-moz-appearance:textfield;
}
.adet-secici input::-webkit-outer-spin-button,.adet-secici input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.urun-ikincil{display:flex;gap:10px;flex-wrap:wrap}
.urun-ikincil .kiyas-btn{padding:11px 16px;font-size:14px}
.urun-ikincil .kiyas-btn span{display:inline}
.urun-avantaj{display:grid;gap:8px;border-top:1px solid var(--line);padding-top:16px}
.urun-avantaj li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--muted)}
.urun-avantaj svg{color:var(--accent)}

.foy-bolum{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;padding:44px 0}
.foy-bolum>*{min-width:0}
.foy-tablo h2,.kutu-panel h2,.aciklama-panel h2{display:flex;align-items:center;gap:9px;font-size:19px;margin-bottom:14px}
.foy-tablo h2 svg,.kutu-panel h2 svg,.aciklama-panel h2 svg{color:var(--accent)}
.foy{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface)}
.foy th,.foy td{padding:11px 16px;text-align:left;border-bottom:1px solid var(--line);font-size:14px}
.foy th{font-weight:500;color:var(--muted);width:44%}
.foy td{font-family:'IBM Plex Mono',monospace;font-size:13px}
.foy tr:last-child th,.foy tr:last-child td{border-bottom:0}
.foy-yan{display:grid;gap:22px;align-content:start}
.kutu-panel ul{display:grid;gap:7px}
.kutu-panel li{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--muted)}
.kutu-panel li svg{color:#4fbf87;width:15px;height:15px}
.aciklama-govde{color:var(--muted);font-size:14.5px;line-height:1.7}
.foy-uyari{
  padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);
  font-size:13px;color:var(--muted);display:grid;gap:10px;
}
.foy-uyari p{display:flex;gap:10px}
.foy-uyari svg{color:var(--accent);flex:0 0 auto}
.foy-uyari a{display:inline-flex;align-items:center;gap:7px;color:var(--accent);font-size:13px}

/* ---------- karşılaştırma sayfası ---------- */
.kiyas-genis{margin-bottom:20px}
.kiyas-tam{min-width:820px;font-size:14px}
.kiyas-tam th,.kiyas-tam td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.kiyas-tam thead th{background:var(--bg);border-bottom:1px solid var(--line)}
.kt-bas{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.kt-urun{display:grid;gap:6px;min-width:180px}
.kt-urun img{width:100%;max-width:150px;aspect-ratio:1/1;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line)}
.kt-marka{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.kt-ad{font-family:'Space Grotesk',var(--font);font-weight:700;font-size:15px;line-height:1.3}
.kt-ad:hover{color:var(--accent)}
.kt-tutar{font-family:'IBM Plex Mono',monospace;font-size:15px;color:var(--accent)}
.kt-cikar{
  border:1px solid var(--line);background:var(--bg);border-radius:var(--radius);cursor:pointer;
  padding:5px 9px;font-size:11.5px;color:var(--muted);display:inline-flex;align-items:center;gap:5px;
}
.kt-cikar:hover{color:var(--accent);border-color:var(--accent)}
.kiyas-tam tbody th{font-weight:500;color:var(--muted);white-space:nowrap}
.kiyas-tam tbody td{font-family:'IBM Plex Mono',monospace;font-size:13px}
.kiyas-tam tr.farkli{background:color-mix(in srgb,var(--accent) 7%,transparent)}
.kiyas-tam tr.farkli tbody th{color:var(--text)}
.fark-isaret{
  display:inline-block;margin-left:8px;padding:1px 7px;border-radius:100px;font-style:normal;
  font-family:'IBM Plex Mono',monospace;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;
  background:var(--accent);color:#10131a;
}
.kt-ayrac th{
  background:var(--bg);font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--accent);
}
.kt-son th,.kt-son td{border-bottom:0;padding-top:16px}
.uyar{display:inline-flex;align-items:center;gap:6px;color:#4fbf87}
.uyar svg{width:14px;height:14px}
.kiyas-alt{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:50px}

/* ---------- sepet ---------- */
.sepet-duzen{display:grid;grid-template-columns:1fr 350px;gap:26px;padding-bottom:56px}
.sepet-duzen>*{min-width:0}
.sepet-liste{display:grid;gap:0;border-top:1px solid var(--line)}
.sepet-satir{
  display:grid;grid-template-columns:96px 1fr auto auto;align-items:center;gap:18px;
  padding:16px 4px;border-bottom:1px solid var(--line);
}
.sepet-satir>*{min-width:0}
.ss-gorsel img{width:96px;height:96px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line)}
.ss-marka{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.ss-metin h2{font-size:16px;margin:4px 0 6px}
.ss-metin h2 a:hover{color:var(--accent)}
.ss-varyant,.ss-garanti{
  display:inline-flex;align-items:center;gap:6px;margin-right:12px;font-size:12.5px;color:var(--muted);
}
.ss-varyant svg,.ss-garanti svg{width:13px;height:13px;color:var(--accent)}
.ss-az{display:block;margin-top:6px;font-size:12px;color:var(--accent)}
.ss-adet input{
  width:66px;padding:9px;text-align:center;border:1px solid var(--line);border-radius:var(--radius);
  background:var(--surface);font-family:'IBM Plex Mono',monospace;
}
.ss-fiyat{text-align:right;display:grid;gap:3px;justify-items:end}
.ss-fiyat b{font-family:'Space Grotesk',var(--font);font-size:17px}
.ss-fiyat i{font-style:normal;font-size:11.5px;color:var(--muted)}
.ss-sil{
  border:0;background:none;color:var(--muted);cursor:pointer;font-size:11.5px;
  display:inline-flex;align-items:center;gap:5px;padding:0;
}
.ss-sil:hover{color:#f0a6a6}
.ss-sil svg{width:13px;height:13px}
.sepet-aksiyon{display:flex;gap:10px;flex-wrap:wrap;padding-top:18px}
.sepet-ozet,.odeme-ozet{
  border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);
  padding:20px;display:grid;gap:14px;align-content:start;
}
.sepet-ozet h2,.odeme-ozet h2{font-size:18px}
.kupon-form label{
  display:flex;align-items:center;gap:8px;font-family:'IBM Plex Mono',monospace;font-size:11px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;
}
.kupon-form label svg{color:var(--accent)}
.kupon-satir{display:flex;gap:8px}
.kupon-satir input{
  flex:1 1 auto;min-width:0;padding:10px 12px;border:1px solid var(--line);
  border-radius:var(--radius);background:var(--bg);
}
.ozet-satirlar{display:grid;gap:9px;border-top:1px solid var(--line);padding-top:14px}
.ozet-satirlar div{display:flex;justify-content:space-between;gap:12px;font-size:14px}
.ozet-satirlar dt{color:var(--muted)}
.ozet-satirlar dd{font-family:'IBM Plex Mono',monospace}
.indirim-satir dd{color:#4fbf87}
.ucretsiz{color:#4fbf87}
.kargo-not{display:flex;gap:9px;font-size:13px;color:var(--accent)}
.ozet-toplam{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  border-top:1px solid var(--line);padding-top:14px;
}
.ozet-toplam span{font-size:14px;color:var(--muted)}
.ozet-toplam strong{font-family:'Space Grotesk',var(--font);font-size:25px}
.ozet-guven{display:flex;gap:9px;font-size:12.5px;color:var(--muted)}
.ozet-guven svg{color:var(--accent);flex:0 0 auto}

/* ---------- ödeme ---------- */
.odeme-duzen{display:grid;grid-template-columns:1fr 360px;gap:26px;padding-bottom:56px;align-items:start}
.odeme-duzen>*{min-width:0}
.odeme-sol{display:grid;gap:16px}
.odeme-kart{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:22px}
.odeme-kart h2{display:flex;align-items:center;gap:11px;font-size:18px;margin-bottom:16px}
.odeme-kart h2 svg{color:var(--accent)}
.adim-no{
  display:grid;place-items:center;min-width:32px;height:26px;padding:0 8px;border-radius:3px;
  background:var(--brand);color:#fff;font-family:'IBM Plex Mono',monospace;font-size:12px;
}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-grid>*{min-width:0}
.form-genis{grid-column:1 / -1}
.form-alan label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:6px}
.form-alan input,.form-alan textarea,.form-alan select{
  width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:var(--radius);
  background:var(--bg);outline:none;font-size:14.5px;
}
.form-alan input:focus,.form-alan textarea:focus{border-color:var(--accent)}
.form-alan textarea{resize:vertical}
.plan-aciklama{display:flex;gap:10px;font-size:13.5px;color:var(--muted);margin-bottom:16px}
.plan-aciklama svg{color:var(--accent);flex:0 0 auto}
.fatura-secim{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.fatura-secim>*{min-width:0}
.fatura-tip{
  display:block;padding:13px 15px;border:1px solid var(--line);border-radius:var(--radius);
  background:var(--bg);cursor:pointer;
}
.fatura-tip input{position:absolute;opacity:0;width:0;height:0}
.fatura-tip:has(input:checked){border-color:var(--accent)}
.fatura-tip b{display:flex;align-items:center;gap:8px;font-size:14.5px}
.fatura-tip b svg{color:var(--accent)}
.fatura-tip i{display:block;font-style:normal;font-size:12.5px;color:var(--muted);margin-top:4px}
.kurumsal-alan{display:none}
.fatura-kart:has(.fatura-tip input[value="kurumsal"]:checked) .kurumsal-alan{display:block}
.odeme-yontem-liste{display:grid;gap:9px}
.odeme-yontem{display:block;cursor:pointer}
.odeme-yontem input{position:absolute;opacity:0;width:0;height:0}
.oy-ic{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 16px;
  border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);
}
.oy-ic>*{min-width:0}
.odeme-yontem:has(input:checked) .oy-ic{border-color:var(--accent)}
.oy-ikon{display:inline-flex;color:var(--accent)}
.oy-metin strong{display:block;font-size:14.5px}
.oy-metin small{display:block;font-size:12.5px;color:var(--muted);line-height:1.45}
.oy-tik{color:var(--muted);opacity:.25}
.odeme-yontem:has(input:checked) .oy-tik{color:var(--accent);opacity:1}
.sozlesme-onay{display:flex;gap:12px;align-items:flex-start;font-size:14px;cursor:pointer}
.sozlesme-onay input{margin-top:4px;width:17px;height:17px;accent-color:var(--brand)}
.sozlesme-onay a{color:var(--accent);text-decoration:underline}
.ozet-kalemler{display:grid;gap:11px;max-height:290px;overflow-y:auto}
.ozet-kalem{display:grid;grid-template-columns:52px 1fr auto;gap:11px;align-items:center}
.ozet-kalem>*{min-width:0}
.ozet-kalem img{width:52px;height:52px;object-fit:cover;border-radius:3px;border:1px solid var(--line)}
.ok-ad{font-size:13px;line-height:1.4}
.ok-ad i{font-style:normal;color:var(--muted);font-family:'IBM Plex Mono',monospace;font-size:11.5px}
.ok-fiyat{font-family:'IBM Plex Mono',monospace;font-size:13px}
.kapida-not dd{color:var(--muted)}

/* ---------- teşekkür ---------- */
.tesekkur{display:grid;justify-items:center;text-align:center;gap:12px;padding:44px 0 32px}
.tk-ikon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#1f8f4e;color:#fff}
.tk-ikon svg{width:28px;height:28px}
.tesekkur h1{font-size:clamp(26px,3.2vw,36px)}
.tesekkur p{color:var(--muted)}
.tesekkur-duzen{display:grid;grid-template-columns:1fr 340px;gap:22px;padding-bottom:56px;align-items:start}
.tesekkur-duzen>*{min-width:0}
.tk-ana{display:grid;gap:16px}
.tk-yan{display:grid;gap:16px}
.banka-liste{display:grid;gap:9px;margin-bottom:14px}
.banka-liste div{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:14px}
.banka-liste dt{color:var(--muted)}
.iban{font-family:'IBM Plex Mono',monospace;overflow-wrap:anywhere}
.odeme-not{font-size:13.5px;color:var(--muted)}
.tk-kalemler{display:grid;gap:9px;margin-bottom:14px}
.tk-kalem{display:flex;justify-content:space-between;gap:14px;font-size:14px;padding-bottom:9px;border-bottom:1px solid var(--line)}
.tk-kalem i{font-style:normal;color:var(--muted);font-family:'IBM Plex Mono',monospace;font-size:12px}
.tk-adres{font-size:14px;color:var(--muted);line-height:1.7}

/* ---------- iletişim + metin ---------- */
.iletisim-duzen{display:grid;grid-template-columns:1fr 340px;gap:26px;padding-bottom:56px;align-items:start}
.iletisim-duzen>*{min-width:0}
.il-form{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:24px}
.il-form .btn{margin-top:18px}
.il-yan{display:grid;gap:16px}
.il-kart{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:20px}
.il-kart h2{display:flex;align-items:center;gap:9px;font-size:17px;margin-bottom:12px}
.il-kart h2 svg{color:var(--accent)}
.il-kart p{font-size:14px;color:var(--muted);margin-bottom:14px}
.il-liste{display:grid;gap:10px;margin-bottom:16px}
.il-liste li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted);overflow-wrap:anywhere}
.il-liste svg{color:var(--accent);flex:0 0 auto}
.il-liste a:hover{color:var(--accent)}
.tuzak{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.metin-sayfa{max-width:80ch;padding-bottom:56px}
.metin-sayfa h1{font-size:clamp(28px,3.4vw,40px);margin:10px 0 18px}
.metin-govde{color:var(--muted);font-size:15.5px;line-height:1.8}

/* ---------- dip ---------- */
.dip-serit{background:var(--surface);border-block:1px solid var(--line);overflow:hidden}
.dip-serit span{
  display:block;padding:11px 0;font-family:'IBM Plex Mono',monospace;font-size:11px;
  letter-spacing:.16em;color:var(--muted);text-align:center;
}
.dip{background:var(--bg);border-top:1px solid var(--line)}
.dip-ic{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.2fr;gap:32px;padding:46px 0 38px}
.dip-ic>*{min-width:0}
.dip-sutun h4{
  font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.13em;
  text-transform:uppercase;color:var(--muted);margin-bottom:14px;
}
.dip-sutun ul{display:grid;gap:8px}
.dip-sutun li a{font-size:14px;color:var(--muted)}
.dip-sutun li a:hover{color:var(--accent)}
.dip-marka p{font-size:13.5px;color:var(--muted);margin:14px 0 16px;max-width:44ch}
.dip-marka .logo{margin-bottom:4px}
.dip-iletisim p{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:var(--muted);margin-bottom:10px;overflow-wrap:anywhere}
.dip-iletisim svg{color:var(--accent);flex:0 0 auto;margin-top:3px}
.dip-iletisim a:hover{color:var(--accent)}
.dip-uyari{border-top:1px solid var(--line);padding:18px 0}
.dip-uyari p{display:flex;gap:11px;font-size:12.5px;color:var(--muted);line-height:1.6}
.dip-uyari svg{color:var(--accent);flex:0 0 auto;margin-top:2px}
.dip-alt{border-top:1px solid var(--line)}
.dip-alt-ic{
  display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
  padding:16px 0;font-size:12.5px;color:var(--muted);
}
.dip-odeme{display:flex;flex-wrap:wrap;gap:16px}
.dip-odeme i{display:inline-flex;align-items:center;gap:6px;font-style:normal;font-size:12px}
.dip-odeme svg{width:15px;height:15px}

/* ---------- kaydırma çubuğu ---------- */
*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px}
::-webkit-scrollbar-thumb:hover{background:var(--muted)}

/* ---------- kırılımlar ---------- */
@media(max-width:1120px){
  .urun-izgara{grid-template-columns:repeat(3,1fr)}
  .dip-ic{grid-template-columns:1.5fr 1fr 1fr;gap:28px}
  .kp-ic{grid-template-columns:1.6fr 1fr 1fr;gap:20px}
}
@media(max-width:1020px){
  .hero-ic{grid-template-columns:1fr;gap:30px}
  .hero-foto img{height:280px}
  .katalog{grid-template-columns:1fr;gap:22px}
  .katalog-yan{
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr));display:grid;gap:18px;
    padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);
  }
  .urun-detay{grid-template-columns:1fr;gap:28px}
  .foy-bolum{grid-template-columns:1fr;gap:28px;padding:32px 0}
  .sepet-duzen,.odeme-duzen,.tesekkur-duzen,.iletisim-duzen{grid-template-columns:1fr}
  .gb-ic{grid-template-columns:1fr;gap:26px}
  .kat-bas{grid-template-columns:1fr;gap:22px}
  .cihaz-izgara{grid-template-columns:repeat(3,1fr)}
  .sozluk-izgara{grid-template-columns:1fr 1fr}
  .sz-oge:nth-child(3n){border-right:1px solid var(--line)}
  .sz-oge:nth-child(2n){border-right:0}
  .sz-oge:not(:nth-child(3n+1)){padding-left:0}
  .sz-oge:nth-child(2n){padding-left:22px}
}
@media(max-width:900px){
  .kt-btn b{display:none}
  .ust-btn .ub-metin{display:none}
  .ara-kutu input::placeholder{font-size:13px}
  .rs-ic{grid-template-columns:1fr 1fr}
  .rs-oge{padding:20px 18px 20px 0}
  .rs-oge:nth-child(2n){border-right:0}
  .rs-oge:nth-child(2n+1){padding-left:0}
  .rs-oge:nth-child(2n){padding-left:18px}
  .yorum-izgara{grid-template-columns:1fr}
  .spec-vitrin{grid-template-columns:1fr 1fr}
  .raf-liste a{grid-template-columns:40px 92px 1fr auto;gap:14px}
  .rl-gorsel img{width:92px;height:66px}
  .rl-ok{display:none}
}
@media(max-width:820px){
  .mnu-btn{display:grid}
  .ust-ic .ara-kutu{display:none}
  .ust-ic{min-height:60px;gap:10px}
  .kt-btn{display:none}
  .katalog-panel{display:none !important}
  .logo{margin-right:auto}
  .duyuru-serit .ds-ic a{display:none}
  .bolum-bas{grid-template-columns:1fr;gap:12px}
  .urun-izgara{grid-template-columns:1fr 1fr}
  .cihaz-izgara{grid-template-columns:1fr 1fr}
  .fr-satir{grid-template-columns:72px 1fr;gap:14px;row-gap:12px}
  .fr-gorsel img{width:72px;height:72px}
  .fr-fiyat{grid-column:1 / -1;text-align:left;justify-items:start}
  .fr-btn{grid-column:1 / -1}
  .sepet-satir{grid-template-columns:72px 1fr;row-gap:12px}
  .ss-gorsel img{width:72px;height:72px}
  .ss-adet{grid-column:1;justify-self:start}
  .ss-fiyat{grid-column:2;justify-items:end}
  .uyum-liste{grid-template-columns:1fr}
  .bolum{padding:44px 0}
}
@media(max-width:620px){
  .sozluk-izgara{grid-template-columns:1fr}
  .sz-oge{border-right:0 !important;padding-left:0 !important;padding-right:0}
  .urun-izgara{grid-template-columns:1fr}
  .varyant-liste{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}
  .fatura-secim{grid-template-columns:1fr}
  .dip-ic{grid-template-columns:1fr 1fr;gap:24px}
  .dip-marka{grid-column:1 / -1}
  .raf-liste a{grid-template-columns:34px 1fr auto;gap:12px}
  .rl-gorsel{display:none}
  .kp-serit{flex-direction:column;align-items:flex-start}
  .ks-etiket b{display:inline}
  .ks-etiket{font-size:10.5px}
  .ks-oge i{display:none}
  .ks-oge{max-width:none}
  .dip-serit span{letter-spacing:.1em;font-size:10px}
  .tk-kalem{flex-direction:column;gap:4px}
  .hero{padding:34px 0 32px}
  .mnu-cihaz{grid-template-columns:1fr}
}
@media(max-width:420px){
  .cihaz-izgara{grid-template-columns:1fr}
  .spec-vitrin{grid-template-columns:1fr 1fr}
  .dip-ic{grid-template-columns:1fr}
  .hero-btn .btn,.kp-btn .btn{width:100%}
  .ust-aksiyon{gap:5px}
  .ust-btn{padding:8px 9px}
}