/* ==========================================================
   RSE Endüstriyel Boya – kurumsal site stilleri
   Renkler logodan alınmıştır: lacivert, kırmızı, antrasit
   ========================================================== */

/* ---- Yazı tipleri (yerel) ---- */
@font-face{font-family:"Barlow";font-weight:400;font-style:normal;font-display:swap;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-weight:400;font-style:normal;font-display:swap;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-weight:500;font-style:normal;font-display:swap;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";font-weight:500;font-style:normal;font-display:swap;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-weight:600;font-style:normal;font-display:swap;src:url(../fonts/barlow-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";font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/barlow-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";font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/barlow-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}
@font-face{font-family:"Barlow";font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/barlow-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 Condensed";font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/barlow-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 Condensed";font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/barlow-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 Condensed";font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/barlow-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}
@font-face{font-family:"Barlow Condensed";font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/barlow-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}

:root{
  --navy:#0c2c55; --navy-2:#0a2344; --red:#ce0d1e; --red-2:#a90b19;
  --ink:#1d2430; --muted:#5a6472; --line:#dfe3e9; --soft:#f4f6f9; --white:#fff;
  --font:"Barlow",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-baslik:"Barlow Condensed","Barlow",system-ui,sans-serif;
  --radius:4px;
  --bs-body-font-family:var(--font); --bs-body-color:var(--ink); --bs-body-font-size:1.0625rem; --bs-body-line-height:1.65;
  --bs-link-color:var(--navy); --bs-link-hover-color:var(--red);
}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
.container-xl{--bs-gutter-x:3rem}
h1,h2,h3{font-family:var(--font-baslik);color:var(--navy);font-weight:700;line-height:1.1;letter-spacing:.005em}
h1{font-size:clamp(2.4rem,5.2vw,3.9rem)}
h2{font-size:clamp(1.9rem,3.6vw,2.7rem);margin-bottom:1.1rem}
h3{font-size:1.45rem;font-weight:600}
p{margin-bottom:1rem}
.ikon{flex:none;vertical-align:-.2em}

.atla{position:absolute;left:-999px;top:0;background:var(--navy);color:#fff;padding:.6rem 1rem;z-index:2000}
.atla:focus{left:0}
:focus-visible{outline:3px solid var(--red);outline-offset:2px}

/* ---- Düğmeler ---- */
.btn{border-radius:var(--radius);font-weight:600;letter-spacing:.01em}
.btn-rse{background:var(--red);border-color:var(--red);color:#fff}
.btn-rse:hover,.btn-rse:focus{background:var(--red-2);border-color:var(--red-2);color:#fff}
.btn-rse:disabled{background:var(--red);border-color:var(--red);opacity:.6}
.btn-ghost{background:transparent;border:1.5px solid var(--navy);color:var(--navy)}
.btn-ghost:hover{background:var(--navy);color:#fff}

/* ---- Üst şerit + menü ---- */
.ust-serit{background:var(--navy-2);color:#cfd8e6;font-size:.9rem;padding:.45rem 0}
.ust-serit a{color:#fff;text-decoration:none}
.ust-serit a:hover{color:#fff;text-decoration:underline}
.ust-menu{position:sticky;top:0;z-index:1030;background:#fff;border-bottom:1px solid var(--line);transition:box-shadow .25s}
.ust-menu.kaydi{box-shadow:0 2px 14px rgba(12,44,85,.1)}
.ust-menu .navbar-brand img{height:52px;width:auto;display:block}
.ust-menu .nav-link{color:var(--ink);font-weight:500;padding:.5rem .8rem;position:relative}
.ust-menu .nav-link:hover{color:var(--red)}
.ust-menu .nav-link.active{color:var(--navy);font-weight:600}
@media(min-width:992px){
  .ust-menu .nav-link.active::after{content:"";position:absolute;left:.8rem;right:.8rem;bottom:.05rem;height:2px;background:var(--red)}
}
.hamburger{display:block;width:24px}
.hamburger span{display:block;height:2px;background:var(--navy);margin:5px 0;transition:transform .2s,opacity .2s}
.navbar-toggler{border:0;padding:.4rem}
.navbar-toggler:focus{box-shadow:none}
.navbar-toggler[aria-expanded="true"] .hamburger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.navbar-toggler[aria-expanded="true"] .hamburger span:nth-child(2){opacity:0}
.navbar-toggler[aria-expanded="true"] .hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:991.98px){ .navbar-collapse{padding:.5rem 0 1rem;border-top:1px solid var(--line);margin-top:.5rem} }

/* ---- Bölümler ---- */
section[id]{scroll-margin-top:76px}
.bolum{padding:clamp(3.5rem,7vw,6rem) 0}
.bolum-gri{background:var(--soft)}
.bolum-baslik{max-width:760px;margin-bottom:2.5rem}
.ust-etiket{color:var(--red);font-weight:600;font-size:.88rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.8rem}
.ust-etiket-acik{color:#ff8a94}

/* ---- Açılış ---- */
.acilis{padding:clamp(2.5rem,6vw,5rem) 0 clamp(3rem,6vw,5rem);background:var(--soft)}
.acilis h1{margin-bottom:1.25rem}
.acilis-metin{font-size:1.2rem;color:var(--muted);max-width:34rem}
.belge-etiket li{border:1px solid var(--line);background:#fff;padding:.25rem .7rem;font-size:.9rem;font-weight:600;color:var(--navy);border-radius:var(--radius)}
.acilis-gorsel{position:relative;max-width:520px;margin-left:auto}
.acilis-gorsel::before{content:"";position:absolute;inset:24px -18px -18px 24px;background:var(--navy);border-radius:var(--radius);z-index:0}
.acilis-gorsel img{position:relative;z-index:1;width:100%;aspect-ratio:4/4.6;object-fit:cover;object-position:center top;border-radius:var(--radius);display:block}
@media(max-width:991.98px){.acilis-gorsel{margin:0 18px 18px 0;max-width:none}.acilis-gorsel::before{inset:16px -14px -14px 16px}}

/* ---- Rakamlar ---- */
.rakamlar{background:var(--navy);color:#fff}
.rakam{padding:1.6rem 1rem;display:flex;flex-direction:column-reverse;justify-content:center}
@media(min-width:768px){.rakam+.rakam{border-left:1px solid rgba(255,255,255,.14);padding-left:1.75rem}}
.rakam dt{font-weight:400;color:#b9c6da;font-size:.95rem;line-height:1.35}
.rakam .sayi{margin:0;font-family:var(--font-baslik);font-weight:700;font-size:clamp(1.8rem,3.2vw,2.5rem);line-height:1.1}

/* ---- Kurumsal / zaman çizelgesi ---- */
.unvan{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.95rem}
.zaman li{display:flex;gap:1.75rem;padding-bottom:2.25rem;position:relative}
.zaman li:last-child{padding-bottom:0}
.zaman li::before{content:"";position:absolute;left:3.1rem;top:2.6rem;bottom:.2rem;width:1px;background:var(--line)}
.zaman li:last-child::before{display:none}
.zaman .yil{flex:none;width:6.2rem;font-family:var(--font-baslik);font-weight:700;font-size:2.6rem;line-height:1;color:var(--red)}
.zaman h3{margin-bottom:.4rem}
.zaman p{color:var(--muted)}

/* ---- Kartlar ---- */
.kart{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.75rem;border-top:3px solid var(--navy);transition:border-color .2s}
.kart:hover{border-top-color:var(--red)}
.kart-ikon{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;background:var(--soft);color:var(--navy);border-radius:var(--radius);margin-bottom:1rem}
.kart p{color:var(--muted);margin-bottom:0}

/* ---- Kalite ---- */
.ilke li{display:flex;align-items:center;gap:.8rem;padding:.8rem 0;border-bottom:1px solid var(--line);font-weight:500;font-size:1.15rem}
.ilke li:first-child{border-top:1px solid var(--line)}
.ilke .ikon{color:var(--red)}
.belge-kart{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
.belge-gorsel{position:relative;display:block;width:100%;padding:0;border:0;background:var(--soft);cursor:zoom-in;aspect-ratio:1/1.34;overflow:hidden}
.belge-gorsel img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.belge-gorsel .buyut{position:absolute;right:.6rem;bottom:.6rem;background:var(--navy);color:#fff;font-size:.82rem;font-weight:600;padding:.25rem .6rem;border-radius:var(--radius);opacity:0;transition:opacity .2s}
.belge-gorsel:hover .buyut,.belge-gorsel:focus-visible .buyut{opacity:1}
@media(hover:none){.belge-gorsel .buyut{opacity:1}}
.belge-metin{padding:1rem 1.1rem 1.2rem;border-top:1px solid var(--line)}
.belge-metin h3{font-size:1.35rem;margin-bottom:.15rem}
.belge-metin p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.4}
.belge-buyuk{border:1px solid var(--line);max-height:75vh;width:auto}

/* ---- Tesis ---- */
.tesis-ana{width:100%;border-radius:var(--radius);display:block}
.kapasite{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1.75rem}
.kapasite h3{font-size:1.1rem;text-transform:uppercase;letter-spacing:.1em;color:var(--red);padding-bottom:.5rem;border-bottom:2px solid var(--navy);margin-bottom:.75rem}
.kapasite ul{list-style:none;padding:0;margin:0}
.kapasite li{padding:.35rem 0;line-height:1.35;color:var(--muted);font-size:.98rem}
.kapasite strong{display:block;font-family:var(--font-baslik);font-size:1.8rem;color:var(--navy);line-height:1.1}
@media(max-width:575.98px){.kapasite{grid-template-columns:1fr}}
.galeri-baslik{margin:4rem 0 1.25rem}
.galeri img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius);display:block}

/* ---- Süreç ---- */
.adim{position:relative;padding:1.75rem 1.5rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.adim-no{position:absolute;right:1.1rem;top:.7rem;font-family:var(--font-baslik);font-weight:700;font-size:2.4rem;color:#e5e9f0;line-height:1}
.adim-ikon{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;background:var(--navy);color:#fff;border-radius:var(--radius);margin-bottom:1rem}
.adim p{color:var(--muted);margin:0;font-size:.98rem}
.dokuman{display:flex;flex-wrap:wrap;gap:1rem 2.5rem;align-items:center;padding:1.4rem 1.75rem;background:var(--soft);border-left:4px solid var(--red);border-radius:var(--radius)}
.dokuman h3{margin:0}
.dokuman li{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--navy)}

/* ---- Referanslar ---- */
.ref-ana{background:var(--navy);color:#d7e0ee;border-radius:var(--radius);padding:clamp(1.5rem,3vw,2.5rem)}
.ref-ana h3{color:#fff;font-size:1.9rem}
.etiket-baslik{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:#9fb2cf;font-weight:600;margin-bottom:.7rem}
.proje-liste{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}
.proje-liste li{border:1px solid rgba(255,255,255,.22);padding:.5rem .8rem;border-radius:var(--radius);color:#fff;font-weight:500}
.ref-kart{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem}
.ref-kart h3{font-size:1.4rem}
.ref-kart p{color:var(--muted);margin:0}
.ref-vurgulu{border-left:4px solid var(--red)}
.olcu{min-width:150px;align-self:center}
.olcu-sayi{display:flex;gap:1.1rem}
.olcu-sayi strong{font-family:var(--font-baslik);font-size:2.3rem;color:var(--navy);line-height:1}
.olcu span{display:block;font-size:.85rem;color:var(--muted);margin-top:.35rem}

/* ---- İletişim ---- */
.iletisim{background:var(--navy);color:#d7e0ee}
.iletisim h2{color:#fff}
.iletisim-giris{font-size:1.1rem;margin-bottom:2rem}
.iletisim-liste li{display:flex;gap:1rem;padding:1rem 0;border-top:1px solid rgba(255,255,255,.16)}
.iletisim-liste li:last-child{border-bottom:1px solid rgba(255,255,255,.16)}
.iletisim-liste .ikon{margin-top:.25rem;color:#ff8a94}
.iletisim-liste span{display:block;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#9fb2cf}
.iletisim-liste a{color:#fff;text-decoration:none;font-weight:500}
.iletisim-liste a:hover{text-decoration:underline;color:#fff}
.iletisim-liste .yol{font-size:.95rem;display:inline-block;margin-top:.3rem;color:#ff8a94}
.form-kart{background:#fff;color:var(--ink);border-radius:var(--radius);padding:clamp(1.4rem,3vw,2.2rem)}
.form-label{font-weight:600;font-size:.92rem;margin-bottom:.3rem}
.form-control,.form-select{border-radius:var(--radius);border-color:#c9d0da;padding:.6rem .8rem}
.form-control:focus,.form-select:focus{border-color:var(--navy);box-shadow:0 0 0 .2rem rgba(12,44,85,.15)}
.form-check-input:checked{background-color:var(--navy);border-color:var(--navy)}
.form-check-label{font-size:.92rem;color:var(--muted)}
.hata{color:#b3001b;font-size:.85rem;margin-top:.25rem;min-height:0}
.is-invalid{border-color:#b3001b!important}
.bal-kupu{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
#formSonuc .alert{margin:0;border-radius:var(--radius)}

/* ---- Alt bilgi ---- */
.alt-bilgi{background:#fff;border-top:1px solid var(--line);padding:1.5rem 0;color:var(--muted);font-size:.95rem}

/* ---- Hafif belirme (abartısız) ---- */
.js .belir{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
.js .belir.gorundu{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .belir{opacity:1;transform:none;transition:none}
}

/* ---- Panel (okuma.php) ---- */
.panel-govde{background:var(--soft)}
.panel-ust{background:var(--navy);color:#fff}
.panel-kart{background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.panel-tablo th{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600;white-space:nowrap}
.panel-tablo .kisa-mesaj{max-width:280px}
.durum-nokta{display:inline-block;width:9px;height:9px;border-radius:50%;background:#c4cad3;margin-right:.45rem}
.durum-nokta.yeni{background:var(--red)}