/* havatortuayirici.com, site katmanı (assets/mit.css'ten sonra yüklenir).
   Grup A fontu Archivo. Aksan: ürün gövdesinin elektrostatik toz boyasından (fotoğrafta #27cfe7), okunur koyu tonu. */

/* ---------- 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:#1b6e78; --zemin-2:#f2f7f8; --aksan-acik:#dcedf0}

/* ---------- Giriş: başlık ve ürün fotoğrafı ---------- */
.urun-giris{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s6);align-items:center;padding:var(--s7) 0 var(--s6)}
.urun-giris h1{max-width:22ch;margin-bottom:var(--s4)}
.urun-giris .ozet{font-size:19px;line-height:1.5;max-width:56ch}
.urun-giris figure{margin:0;background:var(--zemin-2);padding:var(--s5) var(--s5) var(--s4)}
.urun-giris figure img{width:100%;max-width:340px;margin:0 auto}
.urun-giris .tanim{margin-top:var(--s5)}
@media (max-width:900px){.urun-giris{grid-template-columns:1fr}.urun-giris figure img{max-width:260px}}

/* ---------- İki tip: kılavuz kesitleri ---------- */
.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}
.tip h3{margin:var(--s3) 0 var(--s2)}
.tip .kod{color:var(--aksan)}
@media (max-width:760px){.tipler{grid-template-columns:1fr}}
.sema img{width:100%;border:1px solid var(--cizgi)}
.olcu-tablo td,.olcu-tablo th{white-space:nowrap}
.secili-dn td,.secili-dn th{background:var(--aksan-acik)}
.uyari{border-left:0;background:var(--zemin-2);padding:var(--s4) var(--s5);max-width:90ch}