/* lehimliesanjor.com, site katmanı (assets/mit.css'ten sonra yüklenir).
   Grup B fontu IBM Plex Sans, model kodu IBM Plex Mono. Aksan: bakır lehim (#8e4a1f, beyazda 6,7:1); zemin nötr.
   Siteye özgü: model kodu anatomisi, sıralanabilir MB seçim tablosu, uygulama şemaları. */

/* ---------- Grup B fontu: IBM Plex Sans (değişken; genişlik 75–100%, ağırlık 100–700), model kodu IBM Plex Mono. Fontsource 5.3.0 ---------- */
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-display:swap;font-weight:100 700;font-stretch:75% 100%;src:url(/fonts/ibm-plex-sans-latin-wdth-normal.woff2) format("woff2-variations");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:"IBM Plex Sans";font-style:normal;font-display:swap;font-weight:100 700;font-stretch:75% 100%;src:url(/fonts/ibm-plex-sans-latin-ext-wdth-normal.woff2) format("woff2-variations");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:"IBM Plex Mono";font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/ibm-plex-mono-latin-400-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:"IBM Plex Mono";font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/ibm-plex-mono-latin-ext-400-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}
:root{
  --baslik:"IBM Plex Sans",system-ui,"Segoe UI",Roboto,Arial,sans-serif;
  --govde:"IBM Plex Sans",system-ui,"Segoe UI",Roboto,Arial,sans-serif;
  --baslik-gen:85%;
}
h1,h2,h3{font-weight:600}
code,.kod{font-family:"IBM Plex Mono",ui-monospace,Consolas,monospace;font-weight:400;font-size:.94em}

/* ---------- Site token'ları ---------- */
:root{--aksan:#8e4a1f; --zemin-2:#f6f6f7; --aksan-acik:#f4e7de}

.c6{grid-column:span 6}
.tablo-kap{position:relative}
@media (max-width:900px){.c6{grid-column:1/-1}}
.belge a svg{flex:none}
@media (max-width:760px){.bolum--zemin .teknik--yapiskan th:first-child,.bolum--zemin .teknik--yapiskan td:first-child{background:var(--zemin-2)}}

/* ---------- Giriş: model kodu anatomisi ---------- */
.anatomi-giris{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s6);align-items:start;padding:var(--s6) 0 var(--s7)}
.anatomi-giris h1{max-width:19ch;margin-bottom:var(--s4)}
.anatomi-giris .ozet{font-size:19px;line-height:1.5;max-width:52ch}
@media (max-width:900px){.anatomi-giris{grid-template-columns:minmax(0,1fr);gap:var(--s5);padding-top:var(--s5)}}
.anatomi{border:1px solid var(--cizgi);padding:var(--s5) var(--s5) var(--s4)}
.anatomi__bas{font:500 var(--f-kucuk)/1.4 var(--govde);color:var(--metin-2);margin:0 0 var(--s3)}
.kod-ornek{display:flex;flex-wrap:nowrap;align-items:flex-end;gap:0;margin:0 0 var(--s5);font:400 52px/1 "IBM Plex Mono",ui-monospace,Consolas,monospace;color:var(--lacivert);overflow-x:auto;padding-bottom:4px}
.kod-ornek .kh{display:inline-flex;flex-direction:column;align-items:center;gap:8px;padding:0 3px;border-radius:3px;cursor:default}
.kod-ornek .kh::after{content:attr(data-h);display:block;width:100%;border-top:3px solid var(--aksan);padding-top:6px;font:500 14px/1 var(--govde);color:var(--aksan);text-align:center}
.kod-ornek .ka{color:var(--metin-2);padding:0 1px;align-self:flex-start}
.kod-ornek .kh.aktif,.kod-hane li.aktif{background:var(--aksan-acik)}
.kod-hane{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--s5);border-top:2px solid var(--lacivert)}
.kod-hane li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:2px var(--s3);padding:10px 6px;border-bottom:1px solid var(--cizgi);font-size:15px;line-height:1.45}
.kod-hane li > span.no{grid-row:1/3;background:var(--aksan);margin-top:2px}
.kod-hane b{color:var(--lacivert);font-weight:600}
.kod-hane b code{color:var(--aksan);margin-right:6px}
@media (max-width:640px){
  .kod-ornek{font-size:30px}
  .kod-ornek .kh::after{font-size:13px;border-top-width:2px}
  .kod-hane{grid-template-columns:1fr}
  .anatomi{padding:var(--s4)}
}
.etiket-foto{display:flex;gap:var(--s4);align-items:center;margin:var(--s5) 0 0}
.etiket-foto img{width:96px;height:auto;flex:none;background:var(--zemin-2)}
.etiket-foto figcaption{margin:0}

/* ---------- MB seçim tablosu ---------- */
.secim-kontrol{display:flex;flex-wrap:wrap;gap:var(--s4) var(--s5);align-items:flex-end;margin:0 0 var(--s4)}
.secim-kontrol .alan{grid-column:auto;width:12em}
.secim-kontrol .durum{min-height:24px;flex:1 1 280px;color:var(--lacivert)}
.secim-tablo td,.secim-tablo th{white-space:nowrap}
.secim-tablo thead th{white-space:normal;vertical-align:bottom}
.secim-tablo thead small{display:block;font-weight:400;color:var(--metin-2);margin-top:2px}
.sirala{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font:inherit;color:inherit;border-bottom:1px dashed var(--kenar);padding:2px 0}
.sirala:focus-visible{outline:3px solid var(--kirmizi);outline-offset:2px}
.sirala::after{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--kenar);margin-left:2px}
th[aria-sort="ascending"] .sirala::after{border-top:0;border-bottom:5px solid var(--aksan)}
th[aria-sort="descending"] .sirala::after{border-top-color:var(--aksan)}
.secim-tablo tr.uygun th,.secim-tablo tr.uygun td{background:var(--aksan-acik)}
.secim-tablo tr.uygun th code{color:var(--aksan);font-weight:600}
.secim-tablo td small{display:block;font-size:13px;color:var(--metin-2);font-weight:400}
.secim-tablo tr.asim td.hesap-alan,.secim-tablo tr.asim td.hesap-derinlik,.secim-tablo tr.asim td.hesap-agirlik{color:var(--metin-2)}
.secim-tablo .tek{font-weight:500}

/* ---------- Uygulama şemaları (satır içi SVG) ---------- */
.semalar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s6)}
@media (max-width:900px){.semalar{grid-template-columns:1fr}}
.sema svg{width:100%;max-width:460px;height:auto;font-family:var(--govde);background:#fff;border:1px solid var(--cizgi)}
.sema .et{font-size:13px;fill:var(--metin)}
.sema .et-b{font-size:14px;font-weight:600;fill:var(--lacivert)}
.sema .bphe{fill:var(--aksan-acik);stroke:var(--aksan);stroke-width:1.5}
.sema .kutu{fill:#fff;stroke:var(--lacivert);stroke-width:1.5}
.sema .sogutucu{fill:none;stroke:var(--lacivert);stroke-width:2}
.sema .sicak{fill:none;stroke:#e21f26;stroke-width:2}
.sema .soguk{fill:none;stroke:#2563a8;stroke-width:2;stroke-dasharray:6 4}
.lejant{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);margin:var(--s3) 0 0;padding:0;list-style:none;font-size:var(--f-kucuk);color:var(--metin-2)}
.lejant li{display:flex;align-items:center;gap:8px}
.lejant svg{width:34px;height:10px;border:0}

/* ---------- SSS ---------- */
.sss details{border-bottom:1px solid var(--cizgi);padding:var(--s2) 0}
.sss details:first-of-type{border-top:2px solid var(--lacivert)}
.sss summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font:600 18px/1.35 var(--baslik);font-stretch:var(--baslik-gen);color:var(--lacivert)}
.sss details p{margin:var(--s2) 0 var(--s3);max-width:75ch}

/* ---------- Ürün ve alt sayfalar ---------- */
.urun-foto{margin:0;background:var(--zemin-2);padding:var(--s4)}
.urun-foto img{width:100%;max-width:520px;margin:0 auto}
.uyari-kutu{background:var(--zemin-2);padding:var(--s4) var(--s5);max-width:90ch}
.bolum--zemin .uyari-kutu{background:#fff}
.tanim-cumlesi{background:var(--zemin-2);padding:var(--s4) var(--s5);max-width:90ch;font-size:17px}
.fark-tablo td,.fark-tablo tbody th{white-space:nowrap}
.teknik thead small{display:block;font-weight:400;color:var(--metin-2);margin-top:2px}
.fark-tablo td b{color:var(--aksan);font-weight:600}
.adimlar{margin:var(--s3) 0 var(--s4);padding-left:0;list-style:none;counter-reset:adim;display:grid;gap:var(--s2)}
.adimlar li{counter-increment:adim;display:flex;gap:var(--s3);align-items:flex-start}
.adimlar li::before{content:counter(adim);flex:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:12px;background:var(--lacivert);color:#fff;font:500 14px/1 var(--govde)}
.su-tablo td,.su-tablo th{vertical-align:top}

@media print{.secim-kontrol,.sirala::after{display:none}}