/* nolmus sayfa yapısı — MANŞET mizanpajı (tasarim/secenekler_261026/4-manset.html). Renk ve yazı tipi yalnız
   tema.css belirteçlerinden; burada sabit renk yok. Gölge yok, degrade yok, köşe yarıçapı 0. */
*, *::before, *::after { box-sizing: border-box; }
html { background: var(--zemin); -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  margin: 0; background: var(--zemin); color: var(--metin);
  font-family: var(--yazi-govde); font-size: var(--p2); line-height: 1.4;
  font-synthesis: none; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-wrap: break-word;
}
[hidden] { display: none !important; }
h1, h2, h3, h4 { margin: 0; font-family: var(--yazi-manset); font-weight: 800; line-height: .95; letter-spacing: -.005em; }
p { margin: 0 0 .7em; }
b, strong { font-weight: 700; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { text-decoration-thickness: 2px; }
:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 2px; }
::selection { background: var(--metin); color: var(--zemin); }
button { font: inherit; cursor: pointer; border-radius: 0; }
code { font-family: var(--yazi-rakam); font-size: .9em; overflow-wrap: anywhere; }
.kap { max-width: 1360px; margin: 0 auto; padding-left: var(--oluk); padding-right: var(--oluk); }
.rakam { font-family: var(--yazi-rakam); font-variant-numeric: tabular-nums; }
.buyuk-harf { text-transform: uppercase; }
.kazik { color: var(--vurgu); }
.gri, .soluk { color: var(--soluk); }
.kucuk { font-size: var(--p1); }
.bos { border: 1px dashed var(--metin); padding: 10px 12px; font-style: italic; font-size: var(--p1); line-height: 1.4; margin: 10px 0; }
.kase {
  display: inline-block; background: var(--metin); color: var(--zemin); font-family: var(--yazi-manset); font-weight: 800;
  font-size: var(--p1); letter-spacing: .07em; padding: 3px 8px 2px; line-height: 1.1; vertical-align: middle; text-transform: uppercase;
  white-space: nowrap;
}
.kase.cizgili { background: transparent; color: var(--metin); border: 1.5px solid var(--metin); padding: 1px 6px 0; }
.kase.kucuk { font-size: 11px; padding: 2px 5px 1px; }
.kase.kirmizi { background: var(--vurgu); color: var(--vurgu-metin); }
.etiket { display: inline-block; font-family: var(--yazi-manset); font-weight: 800; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; border: 1.5px solid currentColor; padding: 1px 5px 0; line-height: 1.2; white-space: nowrap; vertical-align: middle; }
.etiket--ikinci { color: var(--vurgu); }
.etiket--kucuk { font-size: 10px; color: var(--soluk); }

/* ——— üst satır, logo, kulaklar ——— */
.kulak-satir {
  display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; border-top: 3px solid var(--metin); border-bottom: 1px solid var(--metin);
  padding: 5px 0 4px; font-family: var(--yazi-manset); font-weight: 800; font-size: var(--p1); letter-spacing: .08em; text-transform: uppercase;
}
.kulak-satir .rakam { font-weight: 700; letter-spacing: 0; text-transform: none; }
.logo-satir { display: grid; grid-template-columns: 1fr auto 1fr; align-items: end; gap: var(--oluk); padding: 14px 0 12px; border-bottom: 1px solid var(--metin); }
.logo { text-align: center; }
.logo-ad { font-family: var(--yazi-manset); font-weight: 800; font-size: var(--p9); line-height: .85; letter-spacing: -.02em; text-decoration: none; display: inline-block; }
.logo-ad span { font-family: var(--yazi-govde); font-style: italic; font-weight: 400; font-size: var(--p4); letter-spacing: 0; margin-left: 2px; }
.slogan { font-style: italic; font-size: var(--p3); margin: 8px 0 0; color: var(--metin-2); }
.kulak { border: 1px solid var(--metin); outline: 1px solid var(--metin); outline-offset: 2px; padding: 8px 10px; font-size: var(--p0); line-height: 1.35; width: 100%; max-width: 300px; }
.kulak-sol { justify-self: start; }
.kulak-sag { justify-self: end; }
.kulak h4 { font-size: var(--p1); letter-spacing: .07em; margin-bottom: 5px; display: flex; justify-content: space-between; align-items: baseline; gap: 8px; text-transform: uppercase; }
.kulak h4 small { font-family: var(--yazi-rakam); font-weight: 400; font-size: var(--p0); letter-spacing: 0; text-transform: none; }
.kulak dl { margin: 0; display: grid; grid-template-columns: auto 1fr; gap: 1px 10px; }
.kulak dt { font-family: var(--yazi-manset); font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.kulak dd { margin: 0; font-family: var(--yazi-rakam); font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }

/* ——— bölümler (gezinti) ——— */
.bolumler { display: flex; flex-wrap: wrap; gap: 4px 0; padding: 6px 0 5px; border-bottom: 1px solid var(--metin); font-family: var(--yazi-manset); font-weight: 800; font-size: var(--p1); letter-spacing: .08em; text-transform: uppercase; }
.bolumler a { text-decoration: none; padding: 2px 10px; border-left: 1px solid var(--cizgi); }
.bolumler a:first-child { padding-left: 0; border-left: 0; }
.bolumler a:hover, .bolumler a[aria-current] { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }

/* ——— arama ——— */
.ara { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; padding: 10px 0; border-bottom: 3px solid var(--metin); margin: 0; }
.ara-etiket { font-family: var(--yazi-manset); font-weight: 800; font-size: var(--p3); letter-spacing: .08em; text-transform: uppercase; }
.ara input, input[type="search"] { width: 100%; min-width: 0; font-family: var(--yazi-rakam); font-size: var(--p3); background: transparent; border: 0; border-bottom: 2px solid var(--metin); padding: 6px 4px; color: var(--metin); border-radius: 0; -webkit-appearance: none; appearance: none; }
.ara input::placeholder, input[type="search"]::placeholder { color: var(--soluk); opacity: 1; }
.ara input:focus, input[type="search"]:focus { outline: 0; border-bottom: 3px solid var(--vurgu); margin-bottom: -1px; }
.dugme, button[type="submit"] { font-family: var(--yazi-manset); font-weight: 800; font-size: var(--p2); letter-spacing: .07em; text-transform: uppercase; background: var(--metin); color: var(--zemin); border: 2px solid var(--metin); padding: 8px 16px 7px; transition: background 80ms, color 80ms; }
.dugme:hover, button[type="submit"]:hover { background: var(--zemin); color: var(--metin); }
.dugme:active { transform: translateY(1px); }
.dugme.ikincil { background: transparent; color: var(--metin); }
.dugme.ikincil:hover { background: var(--metin); color: var(--zemin); }
.dugme.kucuk { font-size: 13px; padding: 5px 10px 4px; }
.arama--buyuk { display: grid; grid-template-columns: 1fr auto; gap: 14px; align-items: center; margin: 14px 0 10px; max-width: 760px; }

/* ——— son dakika şeridi ——— */
.serit { display: flex; align-items: stretch; background: var(--vurgu); color: var(--vurgu-metin); margin-top: 10px; overflow: hidden; animation: ac 420ms cubic-bezier(.2,.8,.2,1) both; transform-origin: left center; }
.serit-etiket { flex: none; background: var(--metin); font-family: var(--yazi-manset); font-weight: 800; font-size: var(--p3); letter-spacing: .08em; padding: 6px 12px 4px; display: flex; align-items: center; text-transform: uppercase; }
.serit-yol { flex: 1; overflow: hidden; min-width: 0; }
.serit-bant { display: flex; white-space: nowrap; width: max-content; animation: kay var(--sure, 60s) linear infinite; font-family: var(--yazi-manset); font-weight: 800; font-size: var(--p3); line-height: 1; padding: 8px 0 6px; font-variant-numeric: tabular-nums; }
.serit:hover .serit-bant, .serit:focus-within .serit-bant { animation-play-state: paused; }
.serit-bant .oge { padding: 0 18px; border-right: 1px solid var(--serit-cizgi); }
.serit-bant .oge a { text-decoration: none; }
.serit-bant .oge a:hover { text-decoration: underline; }
.serit-bant .oge .r { opacity: .82; font-size: .9em; letter-spacing: .02em; margin-left: 6px; }
.serit-zaman { flex: none; font-family: var(--yazi-rakam); font-weight: 700; font-size: var(--p1); display: flex; align-items: center; padding: 0 12px; border-left: 1px solid var(--serit-cizgi); }
@keyframes kay { to { transform: translateX(-50%); } }
@keyframes ac { from { transform: scaleX(0); } to { transform: none; } }

/* ——— gazete baskısı fotoğraf: gri ton + kontrast, kâğıdı gösteren çarpma; üzerine gelince renkli ——— */
.foto { display: block; width: 100%; height: auto; aspect-ratio: 8 / 5; object-fit: contain; color: var(--metin); background: var(--zemin); filter: grayscale(1) contrast(1.18); mix-blend-mode: multiply; transition: filter 160ms; }
a:hover .foto, .foto:hover, figure:hover .foto { filter: none; }
.foto--yok { visibility: hidden; }
.cerceve { position: relative; border: 1px solid var(--metin); padding: 4px; background: var(--zemin); }
figcaption { font-size: var(--p0); font-style: italic; color: var(--metin-2); margin-top: 6px; line-height: 1.35; }
figure { margin: 0; }

/* ——— manşet ——— */
.manset-blok { padding: 22px 0 12px; border-bottom: 1px solid var(--metin); }
.ust-baslik { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.kaynak { font-style: italic; color: var(--soluk); font-size: var(--p1); }
.manset-yerlesim { display: grid; grid-template-columns: 7fr 5fr; gap: var(--oluk); align-items: start; }
.manset { font-size: clamp(44px, 6.6vw, 104px); line-height: .92; letter-spacing: -.01em; overflow-wrap: anywhere; text-transform: uppercase; }
.manset .kelime { display: inline-block; white-space: nowrap; }
.manset .h { display: inline-block; animation: dizgi 260ms cubic-bezier(.2,.9,.3,1.18) both; animation-delay: calc(120ms + var(--i) * 26ms); }
@keyframes dizgi { from { opacity: 0; transform: translateY(.28em); } to { opacity: 1; transform: none; } }
.spot { font-size: var(--p3); line-height: 1.3; margin: 14px 0 0; max-width: 64ch; }
.spot b { font-family: var(--yazi-rakam); font-weight: 700; font-variant-numeric: tabular-nums; font-size: .95em; }
.manset-foto { border-top: 3px solid var(--metin); padding-top: 6px; }
.manset-foto a { display: block; }

/* ——— sütunlar ——— */
.sutunlar { display: grid; grid-template-columns: 5fr 4fr 3fr; padding: 18px 0 28px; }
.sutun { padding: 0 var(--sutun-ic); border-left: 1px solid var(--metin); animation: belir 520ms cubic-bezier(.2,.8,.2,1) both; animation-delay: calc(640ms + var(--s, 0) * 140ms); min-width: 0; }
.sutun[data-s="1"] { --s: 1; } .sutun[data-s="2"] { --s: 2; }
.sutun:first-child { padding-left: 0; border-left: 0; }
.sutun:last-child { padding-right: 0; }
@keyframes belir { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
.kase-bar { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; background: var(--metin); color: var(--zemin); padding: 5px 8px 3px; font-family: var(--yazi-manset); font-weight: 800; font-size: var(--p1); letter-spacing: .07em; margin: 0 0 10px; text-transform: uppercase; }
.kase-bar a { text-decoration: none; }
.kase-bar small { font-family: var(--yazi-govde); font-style: italic; font-weight: 400; font-size: var(--p0); letter-spacing: 0; color: var(--zemin-3); text-transform: none; }
.sag-ray section + section, .sag-ray section + aside { margin-top: 18px; }

/* baş haber */
.haber-baslik { font-size: var(--p5); line-height: .98; margin-bottom: 10px; }
.haber-spot { font-size: var(--p3); font-weight: 700; line-height: 1.25; margin-bottom: 12px; }
.govde { columns: 2; column-gap: var(--sutun-ic); column-rule: 1px solid var(--cizgi); text-align: left; hyphens: auto; font-size: 15px; line-height: 1.45; }
.govde p { margin: 0 0 .6em; text-wrap: pretty; }
.govde p:first-child::first-letter { font-family: var(--yazi-manset); font-weight: 800; font-size: 3.6em; float: left; line-height: .8; padding: 4px 6px 0 0; }
.satirbasi { font-family: var(--yazi-manset); font-weight: 800; letter-spacing: .05em; font-size: var(--p1); text-transform: uppercase; }
.haber-alt { font-size: var(--p4); margin: 16px 0 6px; border-top: 1px solid var(--metin); padding-top: 10px; }
.mini { width: 100%; border-collapse: collapse; margin: 4px 0 12px; font-size: var(--p1); }
.mini th { font-family: var(--yazi-manset); font-weight: 800; letter-spacing: .06em; text-align: left; font-size: var(--p0); border-bottom: 2px solid var(--metin); padding: 4px 6px 3px; text-transform: uppercase; }
.mini td { padding: 5px 6px; border-bottom: 1px solid var(--cizgi); font-family: var(--yazi-rakam); font-variant-numeric: tabular-nums; }
.devam { font-family: var(--yazi-manset); font-weight: 800; font-size: var(--p3); letter-spacing: .02em; display: inline-block; border-bottom: 3px solid var(--vurgu); text-decoration: none; padding: 0 2px; transition: background 80ms, color 80ms; }
.devam:hover { background: var(--vurgu); color: var(--vurgu-metin); }

/* vitrin: sıra · görsel · ad / oran · sayılar */
.vitrin-liste { list-style: none; margin: 0; padding: 0; }
.vit { display: grid; grid-template-columns: auto 96px 1fr auto; grid-template-areas: "sira foto ad oran" "sira foto sayi sayi"; column-gap: 10px; row-gap: 3px; padding: 8px 0; border-top: 1px solid var(--cizgi); transition: border-color 80ms, padding-left 80ms; border-left: 4px solid transparent; }
.vit:first-child { border-top: 0; padding-top: 0; }
.vit:hover { border-left-color: var(--metin); padding-left: 8px; }
.vit .sira { grid-area: sira; color: var(--soluk); font-size: var(--p1); padding-top: 5px; }
.vit-foto { grid-area: foto; align-self: start; }
.vit-foto .foto { aspect-ratio: 8 / 5; }
.vit-ad { grid-area: ad; font-family: var(--yazi-manset); font-weight: 800; font-size: var(--p4); line-height: 1; text-decoration: none; align-self: end; min-width: 0; overflow-wrap: anywhere; }
.vit-ad small { font-family: var(--yazi-govde); font-style: italic; font-weight: 400; font-size: var(--p0); letter-spacing: 0; color: var(--soluk); }
.vit-ad:hover { text-decoration: underline; text-decoration-thickness: 2px; }
.vit-oran { grid-area: oran; font-family: var(--yazi-manset); font-weight: 800; font-size: var(--p4); line-height: 1; color: var(--vurgu); align-self: end; }
.vit-sayi { grid-area: sayi; margin: 0; display: flex; flex-wrap: wrap; gap: 0 14px; font-size: 13px; }
.vit-sayi div { display: inline; }
.vit-sayi dt { display: inline; font-family: var(--yazi-manset); font-weight: 800; letter-spacing: .05em; color: var(--soluk); font-size: var(--p0); text-transform: uppercase; }
.vit-sayi dd { display: inline; margin: 0 0 0 4px; }

/* sağ ray */
.ucuz { list-style: none; margin: 0; padding: 0; }
.ucuz li { padding: 7px 0; border-top: 1px solid var(--cizgi); }
.ucuz li:first-child { border-top: 0; padding-top: 0; }
.ucuz .ad { font-family: var(--yazi-manset); font-weight: 800; font-size: var(--p3); display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.ucuz .ad a { text-decoration: none; }
.ucuz .ad a:hover { text-decoration: underline; }
.ucuz .ayr { font-size: 13px; display: block; }
.ucuz .ayr .rakam { font-size: 12px; }
.kat { list-style: none; margin: 0; padding: 0; }
.kat li { display: grid; grid-template-columns: 1fr auto; gap: 3px 8px; padding: 6px 0; border-top: 1px solid var(--cizgi); font-size: var(--p1); }
.kat li:first-child { border-top: 0; padding-top: 0; }
.kat a { text-decoration: none; }
.kat a:hover { text-decoration: underline; }
.kat .rakam { font-size: 13px; }
.kat .cubuk { grid-column: 1 / -1; height: 6px; background: var(--zemin-3); position: relative; }
.kat .cubuk i { position: absolute; left: 0; top: 0; bottom: 0; background: var(--metin); min-width: 2px; }
.kat .cubuk i[data-oran="1"] { width: 1%; } .kat .cubuk i[data-oran="2"] { width: 2%; } .kat .cubuk i[data-oran="3"] { width: 3%; } .kat .cubuk i[data-oran="4"] { width: 4%; } .kat .cubuk i[data-oran="5"] { width: 5%; } .kat .cubuk i[data-oran="6"] { width: 6%; } .kat .cubuk i[data-oran="7"] { width: 7%; } .kat .cubuk i[data-oran="8"] { width: 8%; } .kat .cubuk i[data-oran="9"] { width: 9%; } .kat .cubuk i[data-oran="10"] { width: 10%; }
.kat .cubuk i[data-oran="15"] { width: 15%; } .kat .cubuk i[data-oran="20"] { width: 20%; } .kat .cubuk i[data-oran="25"] { width: 25%; } .kat .cubuk i[data-oran="30"] { width: 30%; } .kat .cubuk i[data-oran="35"] { width: 35%; } .kat .cubuk i[data-oran="40"] { width: 40%; } .kat .cubuk i[data-oran="45"] { width: 45%; } .kat .cubuk i[data-oran="50"] { width: 50%; } .kat .cubuk i[data-oran="55"] { width: 55%; } .kat .cubuk i[data-oran="60"] { width: 60%; } .kat .cubuk i[data-oran="65"] { width: 65%; } .kat .cubuk i[data-oran="70"] { width: 70%; } .kat .cubuk i[data-oran="75"] { width: 75%; } .kat .cubuk i[data-oran="80"] { width: 80%; } .kat .cubuk i[data-oran="85"] { width: 85%; } .kat .cubuk i[data-oran="90"] { width: 90%; } .kat .cubuk i[data-oran="95"] { width: 95%; } .kat .cubuk i[data-oran="100"] { width: 100%; }
.kunye { border: 1px solid var(--metin); outline: 1px solid var(--metin); outline-offset: 2px; padding: 10px 12px; font-size: var(--p0); line-height: 1.45; }
.kunye h3 { font-size: var(--p1); letter-spacing: .1em; margin-bottom: 6px; text-align: center; text-transform: uppercase; }
.kunye p { margin: 0 0 .45em; }
.kunye .rakam { font-size: 11px; }

/* ——— bölüm şeritleri ve görsel ızgara (kategori, grup modelleri) ——— */
.bolum { padding: 10px 0 18px; }
.izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 16px var(--sutun-ic); list-style: none; margin: 0; padding: 0; }
.kart { border-top: 1px solid var(--metin); padding-top: 6px; min-width: 0; }
.kart a { text-decoration: none; }
.kart .foto { aspect-ratio: 8 / 5; }
.kart-ad { font-family: var(--yazi-manset); font-weight: 800; font-size: var(--p3); line-height: 1; margin: 8px 0 4px; overflow-wrap: anywhere; }
.kart-ad a:hover { text-decoration: underline; text-decoration-thickness: 2px; }
.kart dl { margin: 0; display: grid; grid-template-columns: auto 1fr; gap: 1px 8px; font-size: 13px; }
.kart dt { font-family: var(--yazi-manset); font-weight: 800; letter-spacing: .05em; color: var(--soluk); font-size: var(--p0); text-transform: uppercase; }
.kart dd { margin: 0; font-family: var(--yazi-rakam); font-variant-numeric: tabular-nums; text-align: right; }
.kart .kazik { font-weight: 700; }

/* ——— sayfa 2: grup ve ürün ——— */
.sayfa-bar { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; flex-wrap: wrap; background: var(--metin); color: var(--zemin); padding: 7px 12px 5px; margin-top: 28px; font-family: var(--yazi-manset); font-weight: 800; font-size: var(--p2); letter-spacing: .08em; text-transform: uppercase; }
.sayfa-bar .orta { font-size: var(--p3); letter-spacing: .02em; }
.sayfa-bar .rakam { letter-spacing: 0; text-transform: none; font-size: var(--p1); }
.iz, .yol { font-size: var(--p1); color: var(--soluk); margin: 8px 0 14px; }
.yol b, .iz b { color: var(--metin); }
.ust-satirlar { border-top: 1px solid var(--metin); }
.ust-satir { display: grid; grid-template-columns: 150px auto 1fr; align-items: baseline; gap: 16px; padding: 8px 0; border-bottom: 1px solid var(--metin); }
.ust-satir .buyuk { font-family: var(--yazi-manset); font-weight: 800; font-size: var(--p6); line-height: 1; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ust-satir .ayr { font-size: var(--p1); font-style: italic; color: var(--metin-2); min-width: 0; line-height: 1.3; }
.ust-satir .ayr b { font-style: normal; }
.manset-2 { font-size: clamp(34px, 5.1vw, 72px); line-height: .95; margin: 18px 0 8px; letter-spacing: -.005em; text-transform: uppercase; overflow-wrap: anywhere; }
.manset-2 .kazik { white-space: nowrap; font-variant-numeric: tabular-nums; }
.spot-2 { font-size: var(--p3); font-style: italic; color: var(--metin-2); margin: 0 0 18px; border-bottom: 3px solid var(--metin); padding-bottom: 14px; }
.spot-2 b { font-style: normal; font-family: var(--yazi-rakam); font-size: .92em; }
.grup-ust { grid-template-columns: 8fr 4fr; padding: 0 0 24px; }
.grup-ust .sutun { animation: none; }
.ozet dl { margin: 0; display: grid; grid-template-columns: auto 1fr; gap: 5px 12px; font-size: var(--p1); }
.ozet dt { font-family: var(--yazi-manset); font-weight: 800; letter-spacing: .05em; font-size: 13px; padding-top: 2px; text-transform: uppercase; }
.ozet dd { margin: 0; text-align: right; overflow-wrap: anywhere; }
.ozet dd .rakam { font-size: 13px; }
.ozet .acik { font-size: var(--p0); font-style: italic; color: var(--metin-2); margin-top: 10px; border-top: 1px solid var(--cizgi); padding-top: 8px; }
.urun-gorseller { display: grid; grid-template-columns: 1fr 1fr; gap: var(--oluk); padding: 0 0 20px; }
.urun-gorseller.tek { grid-template-columns: minmax(0, 640px); }
.urun-gorseller .foto { aspect-ratio: 8 / 5; }
.teknik .foto { filter: none; mix-blend-mode: normal; }
.model-yerlesim { display: grid; grid-template-columns: 7fr 5fr; gap: var(--oluk); align-items: start; }

/* grafik: geniş ekranda geniş çizim, telefonda dar çizim */
.grafik { margin: 0 0 8px; }
.grafik-svg { display: block; width: 100%; height: auto; color: var(--metin); }
.grafik--dar { display: none; }
.eksen { stroke: var(--cizgi); stroke-opacity: 1; }
.eksen--taban { stroke: var(--soluk); }
.eksen-yazi { fill: var(--soluk); font-family: var(--yazi-rakam); font-variant-numeric: tabular-nums; font-size: 12px; }
.seri-tr { color: var(--vurgu); }
.seri-dunya { color: var(--metin); }
.seri-ikinci { color: var(--soluk); }
.seri-ikinci path { stroke-dasharray: 5 4; }
.lejant { display: flex; flex-wrap: wrap; gap: 4px 16px; font-size: 13px; margin: 6px 0 0; }
.lejant-oge { display: inline-flex; align-items: center; gap: 6px; }
.lejant-cizgi { display: inline-block; width: 22px; border-top: 3px solid currentColor; }
.lejant-oge.seri-ikinci .lejant-cizgi { border-top-style: dashed; }
.lejant-ad { color: var(--metin); }

/* ——— tablolar (borsa sayfası gibi sık) ——— */
.tablo-bolum { margin-top: 8px; padding-bottom: 28px; }
.tablo-not { font-size: var(--p0); font-style: italic; color: var(--metin-2); margin: -4px 0 8px; }
.tablo-kaydir { overflow-x: auto; }
.tablo { width: 100%; border-collapse: collapse; margin: 0 0 8px; font-size: var(--p1); }
.tablo th { font-family: var(--yazi-manset); font-weight: 800; font-size: 13px; letter-spacing: .06em; text-align: left; border-bottom: 2px solid var(--metin); padding: 6px 8px 4px; white-space: nowrap; vertical-align: bottom; text-transform: uppercase; }
.tablo td { padding: 5px 8px; border-bottom: 1px solid var(--cizgi); vertical-align: top; overflow-wrap: anywhere; }
.tablo .rakam { text-align: right; white-space: nowrap; font-family: var(--yazi-rakam); font-variant-numeric: tabular-nums; font-size: 13px; }
.tablo td.ana { min-width: 220px; }
.tablo td.ana a { text-decoration: none; }
.tablo td.ana a:hover { text-decoration: underline; }
.tablo .model { font-weight: 700; font-size: 15px; }
.tablo .alt { display: block; font-size: var(--p0); color: var(--soluk); font-style: italic; margin-top: 1px; }
.tablo .yok { font-style: italic; color: var(--soluk); font-family: var(--yazi-govde); font-size: var(--p0); }
.tablo tbody tr { transition: background 80ms; border-left: 4px solid transparent; }
.tablo tbody tr:hover { background: var(--zemin-2); border-left-color: var(--metin); }
.tablo tr.solgun td { color: var(--soluk); }
.tablo tr.ikinci-el td.ana a { text-decoration: underline; text-decoration-color: var(--vurgu); }
.tanim { display: grid; grid-template-columns: max-content 1fr; gap: 4px 16px; margin: 0; font-size: var(--p1); }
.tanim dt { font-family: var(--yazi-manset); font-weight: 800; letter-spacing: .05em; font-size: 13px; text-transform: uppercase; padding-top: 2px; }
.tanim dd { margin: 0; overflow-wrap: anywhere; }

/* süzgeç: JavaScript'siz çalışan form, gazete görünümü */
.suzgec { display: flex; flex-wrap: wrap; align-items: end; gap: 10px 22px; padding: 10px 0; border-bottom: 1px solid var(--metin); margin: 0 0 10px; }
.suzgec label { display: flex; flex-direction: column; gap: 3px; font-family: var(--yazi-manset); font-weight: 800; font-size: 13px; letter-spacing: .07em; text-transform: uppercase; min-width: 0; }
.suzgec select, select { font-family: var(--yazi-govde); font-size: var(--p1); background: transparent; border: 1.5px solid var(--metin); padding: 4px 8px; color: var(--metin); border-radius: 0; max-width: 100%; }
.suzgec button { font-size: 13px; padding: 5px 10px 4px; }

/* ——— makale (yöntem, hata sayfaları) ——— */
.makale { max-width: 72ch; font-size: 17px; line-height: 1.5; }
.makale h2 { font-size: var(--p4); margin: 22px 0 8px; border-top: 1px solid var(--metin); padding-top: 10px; }
.makale p { text-wrap: pretty; }
.sayfa-baslik { font-size: clamp(34px, 5.1vw, 72px); line-height: .95; margin: 22px 0 10px; text-transform: uppercase; }

/* ——— alt çizgi ——— */
.alt-cizgi { border-top: 3px solid var(--metin); margin-top: 24px; padding: 10px 0 30px; font-size: var(--p0); display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  html { scroll-behavior: auto; }
}
@media (max-width: 1000px) {
  .sutunlar { grid-template-columns: 1fr 1fr; }
  .sag-ray { grid-column: 1 / -1; border-left: 0; border-top: 3px solid var(--metin); padding: 14px 0 0; margin-top: 14px; }
  .sag-ray > * { break-inside: avoid; }
  .grup-ust, .model-yerlesim { grid-template-columns: 1fr; }
  .grup-ust .sutun:last-child { border-left: 0; border-top: 1px solid var(--metin); padding: 14px 0 0; margin-top: 10px; }
  .manset-yerlesim { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  :root { --oluk: 16px; }
  .kulak-satir { font-size: 12px; gap: 6px 12px; }
  .logo-satir { grid-template-columns: 1fr 1fr; align-items: start; gap: 12px; }
  .logo { grid-column: 1 / -1; text-align: left; order: -1; }
  .logo-ad { font-size: var(--p8); }
  .kulak h4 { flex-wrap: wrap; gap: 2px 8px; }
  .slogan { font-size: var(--p2); }
  .kulak { max-width: none; padding: 7px 8px; }
  .kulak dl { gap: 1px 6px; }
  .bolumler a { padding: 2px 7px; }
  .ara { grid-template-columns: auto 1fr; gap: 10px; }
  .ara .dugme { grid-column: 1 / -1; }
  .arama--buyuk { grid-template-columns: 1fr; }
  .serit-etiket { font-size: var(--p2); padding: 6px 8px 4px; }
  .serit-zaman { display: none; }
  .manset-blok { padding-top: 16px; }
  .sutunlar { grid-template-columns: 1fr; padding-top: 14px; }
  .sutun { padding: 14px 0 0; border-left: 0; border-top: 3px solid var(--metin); margin-top: 14px; }
  .sutun:first-child { border-top: 0; margin-top: 0; padding-top: 0; }
  .govde { columns: 1; }
  .vit { grid-template-columns: auto 72px 1fr; grid-template-areas: "sira foto ad" "sira foto oran" "sira foto sayi"; }
  .vit-oran { align-self: start; }
  .ust-satir { grid-template-columns: 1fr; gap: 2px; padding: 10px 0; }
  .ust-satir .buyuk { font-size: var(--p5); white-space: normal; }
  .sayfa-bar { font-size: var(--p1); gap: 4px 10px; margin-top: 16px; }
  .sayfa-bar .orta { font-size: var(--p2); }
  .urun-gorseller { grid-template-columns: 1fr; }
  .izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .kart-ad { font-size: var(--p2); }
  .suzgec { gap: 8px 14px; }
  .tablo-bolum { padding-bottom: 18px; }
  .tanim { grid-template-columns: 1fr; gap: 0; }
  .tanim dd { margin-bottom: 8px; }
  /* tablolar telefonda kart gibi dizilir: yatay kaydırma olmaz */
  .tablo.duyarli thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .tablo.duyarli, .tablo.duyarli tbody, .tablo.duyarli tr, .tablo.duyarli td { display: block; width: 100%; }
  .tablo.duyarli tr { border-bottom: 1px solid var(--cizgi); padding: 8px 0; border-left: 0; }
  .tablo.duyarli td { border: 0; padding: 2px 0; display: flex; justify-content: space-between; gap: 12px; text-align: right; }
  .tablo.duyarli td::before { content: attr(data-etiket); color: var(--soluk); text-align: left; flex: none; font-family: var(--yazi-manset); font-weight: 800; letter-spacing: .05em; font-size: var(--p0); text-transform: uppercase; }
  .tablo.duyarli td.ana { display: block; text-align: left; min-width: 0; padding-bottom: 4px; }
  .tablo.duyarli td.ana::before { content: none; }
  .tablo.duyarli .rakam { white-space: normal; }
}
@media print {
  .serit, .ara, .bolumler, .alt-cizgi { display: none; }
  .foto { filter: grayscale(1); mix-blend-mode: normal; }
}