/* mitseperator.com, site katmanı (assets/mit.css'ten sonra yüklenir).
   Grup C fontları: Barlow Semi Condensed başlık, Barlow gövde. Aksan: döküm gövde grafiti (brif §2.3).
   Siteye özgü: kesit ve şartname girişi, DN ve basınç sınıfı matrisi, buhar hızı hesabı. */

/* ---------- Grup C fontları: Barlow Semi Condensed başlık, Barlow gövde. Fontsource 5.3.0 ---------- */
@font-face{font-family:"Barlow";font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/barlow-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:"Barlow";font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/barlow-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}
@font-face{font-family:"Barlow";font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/barlow-latin-500-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:"Barlow";font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/barlow-latin-ext-500-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:"Barlow Semi Condensed";font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/barlow-semi-condensed-latin-600-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:"Barlow Semi Condensed";font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/barlow-semi-condensed-latin-ext-600-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:"Barlow Semi Condensed";font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/barlow-semi-condensed-latin-700-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:"Barlow Semi Condensed";font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/barlow-semi-condensed-latin-ext-700-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:"Barlow Semi Condensed",system-ui,"Segoe UI",Roboto,Arial,sans-serif;
  --govde:"Barlow",system-ui,"Segoe UI",Roboto,Arial,sans-serif;
}

/* ---------- Site token'ları ---------- */
:root{--aksan:#33393f; --zemin-2:#f5f5f5; --aksan-acik:#e4e5e7}
h1{font-weight:700}h2,h3{font-weight:600}

/* ---------- Giriş: metin ve şartname solda, iki kesit sağda ---------- */
.bs-giris{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--s7);padding:var(--s7) 0 var(--s7);align-items:start}
.bs-giris h1{max-width:18ch;margin-bottom:var(--s4)}
.bs-giris .ozet{font-size:19px;line-height:1.5;max-width:58ch}
.sartname{margin-top:var(--s5);border:1px solid var(--kenar);padding:var(--s4) var(--s5);max-width:62ch}
.sartname__etiket{font-weight:500;color:var(--metin-2);font-size:var(--f-kucuk);margin-bottom:var(--s2)}
.sartname__cumle{font:600 21px/1.35 var(--baslik);color:var(--lacivert);margin-bottom:var(--s3)}
.kesitler{display:grid;gap:var(--s4);margin:0}
.kesitler img{width:100%;background:#fff;border:1px solid var(--cizgi)}
.kesitler .dikey img{max-width:380px}
.kesitler .yatay img{max-width:420px}
.kesitler figure{margin:0}
.kesitler figcaption{font-size:var(--f-kucuk);color:var(--metin-2);margin-top:var(--s3)}
.kesitler figcaption b{color:var(--aksan);font-weight:600}
@media (max-width:900px){.bs-giris{grid-template-columns:1fr;gap:var(--s6);padding-top:var(--s5)}}
@media (max-width:760px){.bs-giris .ozet{font-size:17px}.sartname__cumle{font-size:19px}}

/* ---------- Listeler ---------- */
.liste-cizgili{list-style:none;margin:0;padding:0;border-top:1px solid var(--cizgi)}
.liste-cizgili li{padding:10px 0;border-bottom:1px solid var(--cizgi)}
.liste-cizgili small{display:block;color:var(--metin-2)}

/* ---------- DN ve basınç sınıfı matrisi ---------- */
table.matris{max-width:760px}
.matris th,.matris td{text-align:center;padding-left:10px;padding-right:10px}
.matris th:first-child,.matris td:first-child{text-align:left}
.matris td.m-var{background:var(--aksan-acik);color:var(--lacivert);font-weight:500;border-left:2px solid #fff}
.matris td.m-yok{color:var(--metin-2)}

/* ---------- Tipler (ürün sayfası) ---------- */
.tipler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s6)}
.tip{margin:0}
.tip img{width:100%;max-width:420px;background:#fff;border:1px solid var(--cizgi)}
.tip h3{margin:var(--s4) 0 var(--s2)}
.parcalar{margin:var(--s2) 0 0;padding-left:20px}
.parcalar li{padding:2px 0}
@media (max-width:760px){.tipler{grid-template-columns:1fr}}

/* ---------- Buhar hızı hesabı ---------- */
.hiz-tablo td.uygun-degil{color:var(--metin-2)}
.hiz-tablo small{display:block}
.hiz-tablo tr.secili-dn td,.hiz-tablo tr.secili-dn th{background:var(--aksan-acik)}
.buhar-tablo{max-width:560px}

/* ---------- Ortak küçük parçalar ---------- */
.sema img{width:100%;border:1px solid var(--cizgi)}
.uyari{background:var(--zemin-2);padding:var(--s4) var(--s5);max-width:90ch}
.bolum--zemin .uyari{background:#fff}
