/* boylerler.com, site katmanı (assets/mit.css'ten sonra yüklenir).
   Grup A fontu Archivo (başlıkta genişlik %75). Aksan: emaye kobaltı #2c4f9e (beyazda 7,7:1).
   Siteye özgü bileşenler: numaralı kesit, kapasite şeridi, boyler seçici. */

/* ---------- Grup A fontu: Archivo (değişken; genişlik 62–125%, ağırlık 100–900). Fontsource 5.3.0 ---------- */
@font-face{font-family:"Archivo";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/fonts/archivo-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:"Archivo";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/fonts/archivo-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}
:root{
  --baslik:"Archivo",system-ui,"Segoe UI",Roboto,Arial,sans-serif;
  --govde:"Archivo",system-ui,"Segoe UI",Roboto,Arial,sans-serif;
  --baslik-gen:75%;
}
h1{font-weight:700}h2,h3{font-weight:650}

/* ---------- Site token'ları ---------- */
:root{--aksan:#2c4f9e; --zemin-2:#f4f6fa; --aksan-acik:#e1e8f5}

/* ---------- Ana sayfa girişi: başlık ve numaralı kesit ---------- */
.kesit-giris{display:grid;grid-template-columns:minmax(0,11fr) minmax(0,13fr);gap:var(--s6) var(--s7);align-items:start;padding:var(--s7) 0 var(--s6)}
.ana-h1{max-width:15ch;margin-bottom:var(--s4)}
.ana-h1 br{display:none}
.ana-h1 em{font-style:normal}
.ana-h1 .hero__brand-logo-inline{display:inline-block;height:.72em;width:auto;vertical-align:-.03em;margin:0 .06em 0 0}
.kesit-giris .ozet{font-size:19px;line-height:1.5;max-width:54ch}
.kesit-giris .tanim{margin-top:var(--s5)}
.kesit{margin:0;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s4) var(--s5);align-items:center}
.kesit svg{width:100%;max-width:290px;margin:0 auto;font-family:var(--govde)}
.kesit .hat line{stroke:var(--aksan);stroke-width:1.25px;vector-effect:non-scaling-stroke}
.kesit .balon circle{fill:#fff;stroke:var(--aksan);stroke-width:1.5px;vector-effect:non-scaling-stroke}
.kesit .balon text{fill:var(--aksan);font-size:6px;font-weight:600;text-anchor:middle;dominant-baseline:central}
.kesit figcaption{grid-column:1/-1;font-size:var(--f-kucuk);color:var(--metin-2);max-width:80ch}
.kesit figcaption b{color:var(--aksan);font-weight:600}
.kesit-liste{list-style:none;margin:0;padding:0;border-top:1px solid var(--cizgi)}
.kesit-liste li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:var(--s2);align-items:baseline;padding:7px 0;border-bottom:1px solid var(--cizgi);font-size:15px;line-height:1.35}
.kesit-liste .no{background:#fff;color:var(--aksan);box-shadow:inset 0 0 0 1.5px var(--aksan);align-self:center}
.kesit-liste .olc{font-variant-numeric:tabular-nums lining-nums;color:var(--metin-2);white-space:nowrap}
@media (max-width:1000px){.kesit-giris{grid-template-columns:1fr}.ana-h1{max-width:20ch}}
@media (max-width:640px){
  .kesit{grid-template-columns:1fr}
  .kesit svg{max-width:270px}
  .kesit-liste li{font-size:15px}
}

/* ---------- Kapasite şeridi ---------- */
.serit-bolum{padding:0 0 var(--s7)}
.serit{min-width:880px}
.serit thead th{font:600 21px/1.1 var(--baslik);font-stretch:var(--baslik-gen);color:var(--lacivert);border-bottom:3px solid var(--aksan);text-align:right;padding:8px 10px 8px 0;white-space:nowrap}
.serit thead th:first-child{font:600 var(--f-kucuk)/1.3 var(--govde);text-align:left;vertical-align:bottom}
.serit thead th small{font:400 14px/1 var(--govde);color:var(--metin-2);margin-left:2px}
.serit tbody th{white-space:nowrap;font-size:15px}
.serit td{text-align:right;padding:10px 10px 10px 0;font-size:15px;white-space:nowrap}
.serit td a{font-weight:500}
.serit td.yalniz{color:var(--metin-2);font-size:var(--f-kucuk)}
.serit td.bos{color:var(--kenar)}

/* ---------- Seri karşılaştırma ve küçük bileşenler ---------- */
.seri th[scope="row"]{font:600 19px/1.25 var(--baslik);font-stretch:var(--baslik-gen);width:18%}
.kod-hane{color:var(--aksan);font-weight:600}
.atla-liste{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);list-style:none;margin:var(--s4) 0 0;padding:0;font-size:16px}
.atla-liste a{font-weight:500}
.sekil img{width:100%;height:auto}
.sema img{border:1px solid var(--cizgi);background:#fff}
.sema-kucuk img{max-width:520px}
.foto-kutu{margin:0;background:var(--zemin-2);padding:var(--s5)}
.foto-kutu img{width:100%;max-width:220px;margin:0 auto}
.foto-kutu figcaption{margin-top:var(--s3)}
.bilesen{columns:2;column-gap:var(--s6);padding-left:20px;margin:var(--s3) 0 0}
.bilesen li{break-inside:avoid;margin-bottom:6px}
@media (max-width:640px){.bilesen{columns:1}}
.adimlar{padding-left:24px;margin:var(--s3) 0 var(--s4)}
.adimlar li{padding:4px 0}
.sss details{border-bottom:1px solid var(--cizgi)}
.sss details:first-of-type{border-top:1px solid var(--cizgi)}
.sss summary{cursor:pointer;min-height:44px;display:flex;align-items:center;padding:var(--s3) 0;font:600 19px/1.3 var(--baslik);font-stretch:var(--baslik-gen);color:var(--lacivert)}
.sss details p{max-width:72ch;padding-bottom:var(--s4)}
.sertifika{display:grid;grid-template-columns:minmax(150px,14ch) 1fr;margin:0;border-top:2px solid var(--lacivert)}
.sertifika dt,.sertifika dd{margin:0;padding:10px 0;border-bottom:1px solid var(--cizgi)}
.sertifika dt{font-weight:500;color:var(--lacivert);padding-right:var(--s4)}
@media (max-width:520px){.sertifika{grid-template-columns:1fr}.sertifika dt{border-bottom:0;padding-bottom:0}}

/* ---------- Boyler seçici ---------- */
.secim-tablo tr.secili td,.secim-tablo tr.secili th{background:var(--aksan-acik)}
.secim-tablo td.secili-sutun{font-weight:600;color:var(--lacivert)}
.secenek-satir{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);margin-top:var(--s2)}
.secenek-satir label{display:flex;gap:var(--s2);align-items:center;font-weight:400;color:var(--metin);min-height:44px}
.secenek-satir input{width:20px;height:20px;min-height:0;margin:0;flex:none}
.alan select:disabled{background:var(--zemin-2);color:var(--metin-2)}

/* ---------- Izgara eki ---------- */
.ara{margin-top:var(--s6)}
.c6{grid-column:span 6}
@media (max-width:900px){.c6{grid-column:1/-1}}
.olcu-tablo td,.olcu-tablo th,.teknik th.sayi{white-space:nowrap}
.izgara + .tablo-kap{margin-top:var(--s6)}
@media (max-width:760px){
  .bolum--zemin .teknik--yapiskan th:first-child,.bolum--zemin .teknik--yapiskan td:first-child{background:var(--zemin-2)}
}
.serit th:first-child,.serit td:first-child{padding-left:16px}