:root {
  --kirmizi: #E80908;
  --kirmizi-koyu: #C40707;
  --koyu: #1E1E1E;
  --zemin: #F8F8FA;
  --metin: #1E1E1E;
  --metin-soluk: #5A5A5A;
  --cizgi: #E6E6EA;
  --beyaz: #FFFFFF;
  --golge: 0 2px 18px rgba(0,0,0,.08);
  --yuvarlak: 10px;
  --kap: 1180px;
  --yazi-yigini: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
/* [hidden] her zaman gizlesin. Tarayıcının [hidden]{display:none} kuralı UA
   stil sayfasında; .modal{display:flex} gibi bir SINIF seçici onu eziyor ve
   "gizli" modal görünmez biçimde sayfayı kaplayıp tıklamaları yutuyordu. */
[hidden] { display: none !important; }
/* Yapışkan footer: içerik kısa olsa da footer ekranın altına oturur.
   Gövde dikey flex; footerdan hemen önceki boşluk öğesi kalan alanı doldurur. */
body { margin:0; font:400 16px/1.65 var(--yazi-yigini);
       color:var(--metin); background:var(--beyaz);
       display:flex; flex-direction:column; min-height:100vh; }
body > * { flex-shrink:0; }
/* Alt sınır YOK: uzun sayfada footer içeriğe yanaşır, kısa sayfada bu öğe
   büyüyüp footer'ı ekranın altına iter. */
.alt-bosluk { flex:1 0 0; }
h1,h2,h3,h4 { font-family:var(--yazi-yigini); font-weight:800;
              line-height:1.15; letter-spacing:-.015em; margin:0 0 .5em; }
h1 { font-size: clamp(1.9rem, 4vw, 3rem); }
h2 { font-size: clamp(1.5rem, 3vw, 2.1rem); }
img { max-width:100%; height:auto; }
a { color:inherit; }
.kap { max-width:var(--kap); margin:0 auto; padding:0 20px; }
.ikon { flex:none; vertical-align:middle; }

/* ── Butonlar ── */
.btn { display:inline-flex; align-items:center; gap:10px; padding:14px 26px;
       border-radius:8px; font-weight:600; text-decoration:none;
       border:2px solid transparent; cursor:pointer;
       transition:background .15s, color .15s, border-color .15s; }
.btn-kirmizi { background:var(--kirmizi); color:#fff; }
.btn-kirmizi:hover { background:var(--kirmizi-koyu); }
.btn-cerceve { background:#fff; color:var(--metin); border-color:var(--cizgi); }
.btn-cerceve:hover { border-color:var(--kirmizi); color:var(--kirmizi); }

/* ── Header ── */
.ust { position:sticky; top:0; z-index:50; background:#fff; border-bottom:1px solid var(--cizgi); }
.ust-ic { display:flex; align-items:center; justify-content:space-between; gap:24px; height:78px; }
.logo { font-family:var(--yazi-yigini); font-weight:800; font-size:1.35rem;
        text-decoration:none; line-height:1.05; letter-spacing:-.01em; white-space:nowrap; }
.logo .vurgu { color:var(--kirmizi); }
.logo small { display:block; font-weight:400; font-size:.68rem;
              color:var(--metin-soluk); letter-spacing:.03em; }
.menu { display:flex; gap:26px; list-style:none; margin:0; padding:0; }
.menu a { text-decoration:none; font-size:.95rem; padding:6px 0; white-space:nowrap;
          border-bottom:2px solid transparent; }
.menu a:hover, .menu a.aktif { color:var(--kirmizi); border-bottom-color:var(--kirmizi); }
.menu-dugme { display:none; background:none; border:0; padding:8px; cursor:pointer;
              color:var(--metin); }

/* ── Footer ── */
.alt { background:var(--koyu); color:#fff; }

.guven-serit { border-bottom:1px solid #2E2E2E; }
.guven-ic { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; padding:24px 20px; }
.alt-bilgi { display:flex; align-items:center; gap:12px; }
.alt-bilgi .ikon { color:var(--kirmizi); }
.alt-bilgi strong { display:block; font-size:.92rem; }
.alt-bilgi span { color:#B9B9BE; font-size:.82rem; }

.alt-izgara { display:grid; grid-template-columns:2fr 1fr 1.2fr 1.4fr; gap:40px;
              padding:44px 20px 36px; }
.alt-sutun h3 { font-size:.82rem; text-transform:uppercase; letter-spacing:.08em;
                color:#fff; margin:0 0 16px; padding-bottom:10px;
                border-bottom:2px solid var(--kirmizi); display:inline-block; }
.alt-sutun ul { list-style:none; margin:0; padding:0; }
.alt-sutun li { margin-bottom:9px; }
.alt-sutun a { color:#C2C2CA; text-decoration:none; font-size:.88rem;
               transition:color .15s; }
.alt-sutun a:hover { color:#fff; }
.alt-adet { color:#7A7A84; font-size:.76rem; }

.alt-logo { font-weight:800; font-size:1.2rem; letter-spacing:-.01em; display:block; }
.alt-logo .vurgu { color:var(--kirmizi); }
.alt-marka p { color:#B9B9BE; font-size:.86rem; margin:8px 0 0; }
.alt-marka .alt-metin { font-size:.82rem; line-height:1.7; color:#9A9AA4; margin-top:12px; }
.alt-sosyal { display:flex; gap:8px; margin-top:16px; }
.alt-sosyal a { display:inline-flex; align-items:center; justify-content:center;
                width:34px; height:34px; border-radius:8px; background:#2E2E2E;
                color:#C2C2CA; font-weight:700; font-size:.85rem; text-decoration:none; }
.alt-sosyal a:hover { background:var(--kirmizi); color:#fff; }
.alt-sosyal a.wa:hover { background:#25D366; }

.alt-iletisim li { margin-bottom:13px; }
.alt-iletisim a, .alt-iletisim .satir { display:flex; align-items:flex-start; gap:10px;
                                        color:#C2C2CA; text-decoration:none; font-size:.84rem;
                                        line-height:1.5; }
.alt-iletisim .ikon { color:var(--kirmizi); margin-top:2px; }
.alt-iletisim strong { display:block; color:#fff; font-size:.95rem; }
.alt-iletisim .btn { margin-top:6px; justify-content:center; width:100%; }

.alt-bolgeler { padding:0 20px 32px; }
.alt-bolgeler h3 { font-size:.82rem; text-transform:uppercase; letter-spacing:.08em;
                   color:#8A8A94; margin:0 0 12px; font-weight:600; }
.alt-bolge-liste { display:flex; flex-wrap:wrap; gap:7px; }
.alt-bolge-liste a { padding:5px 11px; border:1px solid #333; border-radius:999px;
                     color:#B9B9BE; font-size:.78rem; text-decoration:none; }
.alt-bolge-liste a:hover { border-color:var(--kirmizi); color:#fff; }
.alt-bolge-liste a.tumu { border-color:var(--kirmizi); color:var(--kirmizi); font-weight:600; }

.alt-telif { border-top:1px solid #2E2E2E; }
.alt-telif-ic { display:flex; flex-wrap:wrap; gap:14px; justify-content:space-between;
                padding:18px 20px; font-size:.79rem; color:#8A8A90; }
.alt-telif-bag { display:flex; flex-wrap:wrap; gap:16px; }
.alt-telif-bag a { color:#8A8A90; text-decoration:none; }
.alt-telif-bag a:hover { color:#fff; }

/* ── Hizmet kartları ── */
.kartlar { display:grid; grid-template-columns:repeat(4,1fr); background:#fff;
           border-radius:var(--yuvarlak); box-shadow:var(--golge); }
.kart { padding:30px 24px; text-align:center; border-right:1px solid var(--cizgi); }
.kart:last-child { border-right:0; }
.kart .ikon { color:var(--koyu); margin-bottom:10px; }
.kart h3 { font-size:1.05rem; margin-bottom:6px; }
.kart p { margin:0; color:var(--metin-soluk); font-size:.88rem; }

/* ── Sayfa başlığı bandı ── */
.sayfa-bas { background:var(--zemin); padding:34px 0; border-bottom:1px solid var(--cizgi); }
.sayfa-bas h1 { margin-bottom:.3em; }
.kirinti { list-style:none; display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:0;
           font-size:.85rem; color:var(--metin-soluk); }
.kirinti a { text-decoration:none; }
.kirinti a:hover { color:var(--kirmizi); }

/* ── Miras içerik tipografisi ── */
.icerik { font-size:1rem; }
.icerik p { margin:0 0 1.05em; }
.icerik b, .icerik strong { font-weight:600; }
.icerik img { border-radius:var(--yuvarlak); }
.icerik h2, .icerik h3 { margin-top:1.4em; }

/* ── Hero ── */
.hero { position:relative; overflow:hidden;
        background:linear-gradient(105deg, #FFFFFF 0%, #FFFFFF 42%, #F4F4F7 100%); }
/* Sağ üstte yumuşak kırmızı vurgu — fotoğrafsız hero'yu boş göstermez */
.hero::before { content:''; position:absolute; top:-160px; right:-140px;
                width:620px; height:620px; border-radius:50%;
                background:radial-gradient(circle, rgba(232,9,8,.09) 0%,
                          rgba(232,9,8,.03) 45%, rgba(232,9,8,0) 70%); }
.hero::after { content:''; position:absolute; left:0; right:0; bottom:0; height:1px;
               background:var(--cizgi); }
.hero-ic { position:relative; z-index:1; display:grid; grid-template-columns:1fr 1fr;
           gap:40px; align-items:center; min-height:520px;
           /* alt boşluk: hero'ya binen kart şeridinin hero kartını kesmesini önler */
           padding-block:44px 96px; }
.hero-ustbaslik { font-weight:600; letter-spacing:.08em; font-size:.82rem;
                  text-transform:uppercase; color:var(--metin-soluk); margin:0; }
.hero h1 { font-size:clamp(2.2rem,5.2vw,4rem); line-height:1.03; margin:.25em 0; }
.hero h1 .vurgu { color:var(--kirmizi); display:block; }
.hero-alt { font-size:1.15rem; color:var(--metin-soluk); margin:0 0 26px; }
.rozetler { display:flex; flex-wrap:wrap; gap:26px; margin-bottom:30px; }
.rozet { display:flex; align-items:center; gap:10px; font-size:.85rem; line-height:1.3; }
.rozet .ikon { color:var(--kirmizi); }
.rozet strong { display:block; }
.hero-butonlar { display:flex; flex-wrap:wrap; gap:14px; }
.kurdele { position:absolute; top:54px; right:-62px; z-index:2; transform:rotate(12deg);
           background:var(--kirmizi); color:#fff; padding:14px 72px; font-weight:700;
           font-size:.8rem; line-height:1.35; text-align:center; }

/* Hizmet kartı şeridi hero'ya biner */
.kart-serit { margin-top:-56px; position:relative; z-index:3; }

/* ── Özellikler + promo ── */
.iki-sutun { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start; }
.ozellikler { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.ozellik { display:flex; gap:14px; padding:20px; background:var(--zemin);
           border-radius:var(--yuvarlak); }
.ozellik .ikon { color:var(--kirmizi); }
.ozellik span { color:var(--metin-soluk); font-size:.86rem; }
.promo { border-radius:var(--yuvarlak); overflow:hidden; background:var(--zemin);
         display:grid; grid-template-columns:1fr 1fr; }
.promo-metin { padding:32px; }
.promo-metin h2 .vurgu { color:var(--kirmizi); display:block; }
.promo img { width:100%; height:100%; object-fit:cover; }
.baslik-cizgi { width:52px; height:3px; background:var(--kirmizi); margin:0 0 22px; border:0; }

/* ── Sayfa gövdesi ── */
.sayfa-govde { display:grid; grid-template-columns:1fr 320px; gap:40px; padding:40px 20px;
               max-width:var(--kap); margin:0 auto; }
/* Sayfa banner'ları 1901x476 (4:1) ve İÇLERİNDE METİN VAR: solda semt adı ve
   telefon, sağda "Teknik Servis" rozeti. Kırpmak tam da bilgi taşıyan kenarları
   yok ettiği için gerçek oran korunur ve görsel bütün gösterilir. */
.sayfa-gorsel { width:100%; height:auto; border-radius:var(--yuvarlak);
                margin-bottom:26px; aspect-ratio:1901/476; object-fit:contain;
                background:var(--zemin); }
.yan { display:flex; flex-direction:column; gap:12px; align-self:start;
       position:sticky; top:100px; }
.yan .btn { justify-content:center; }
.benzer { list-style:none; padding:0; margin:0; }
.benzer li { border-bottom:1px solid var(--cizgi); }
.benzer a { display:block; padding:10px 0; text-decoration:none; font-size:.9rem; }
.benzer a:hover { color:var(--kirmizi); }
.yorumlar { display:grid; gap:14px; }
.yorum { margin:0; padding:18px; background:var(--zemin);
         border-left:3px solid var(--kirmizi);
         border-radius:0 var(--yuvarlak) var(--yuvarlak) 0; }
.yorum p { margin:0 0 10px; font-size:.93rem; }
.yorum cite { font-style:normal; font-weight:600; font-size:.88rem; }

/* ── Kategori listesi ── */
/* İki sütun: kart görselleri 1901x476 (4:1) banner ve İÇLERİNDE METİN var.
   Üç sütunda her biri ~91px yüksekliğe düşüp okunmaz hale geliyordu. */
.news-izgara { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; padding:40px 0; }
.news-kart { border:1px solid var(--cizgi); border-radius:var(--yuvarlak); overflow:hidden;
             background:#fff; display:flex; flex-direction:column; }
/* Kart görselleri de aynı banner: 16:10'a kırpılınca başlık ve rozet kayboluyordu. */
.news-kart img { width:100%; height:auto; aspect-ratio:1901/476; object-fit:contain;
                 background:var(--zemin); border-bottom:1px solid var(--cizgi); }
.news-kart .govde { padding:18px; display:flex; flex-direction:column; gap:8px; flex:1; }
.news-kart h3 { font-size:1rem; margin:0; }
.news-kart h3 a { text-decoration:none; }
.news-kart h3 a:hover { color:var(--kirmizi); }
.news-kart p { margin:0; font-size:.86rem; color:var(--metin-soluk); flex:1; }
.news-kart .devam { font-size:.82rem; font-weight:600; color:var(--kirmizi);
                    text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.sayfalama { display:flex; flex-wrap:wrap; gap:8px; padding:0 0 40px; }
.sayfalama a { padding:8px 14px; border:1px solid var(--cizgi); border-radius:6px;
               text-decoration:none; font-size:.88rem; }
.sayfalama a.aktif { background:var(--kirmizi); color:#fff; border-color:var(--kirmizi); }

/* ── Bölge çipleri / iletişim kartları ── */
.cipler { display:flex; flex-wrap:wrap; gap:8px; padding:30px 0; }
.cip { padding:8px 14px; border:1px solid var(--cizgi); border-radius:999px;
       font-size:.85rem; text-decoration:none; }
a.cip:hover { border-color:var(--kirmizi); color:var(--kirmizi); }
.iletisim-izgara { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; padding:36px 0; }
.iletisim-kart { padding:24px; background:var(--zemin); border-radius:var(--yuvarlak); }
.iletisim-kart .ikon { color:var(--kirmizi); margin-bottom:10px; }
.iletisim-kart a { text-decoration:none; }

@media (max-width: 900px) {
  /* Kısaltma yazarken yan boşluk sıfırlanıyordu: .kap'ın 20px'i gidince başlık
     telefonda ekranın soluna yapışıyordu. Yan değerler korunur. */
  .hero-ic { grid-template-columns:1fr; min-height:auto; padding:36px 20px; }
  .hero::before { top:-200px; right:-200px; width:420px; height:420px; }
  .kart-serit { margin-top:20px; }
  .iki-sutun, .ozellikler, .promo { grid-template-columns:1fr; }
  .sayfa-govde { grid-template-columns:1fr; }
  .yan { position:static; }
  .news-izgara, .iletisim-izgara { grid-template-columns:1fr; }
  .kurdele { top:16px; right:-66px; padding:10px 72px; font-size:.7rem; }
}

/* Telefonda eğik kurdele başlığın üzerine biniyordu (üst başlık okunmuyordu).
   Akışa alınıp hero'nun üstünde düz bir şeride dönüşür. */
@media (max-width: 700px) {
  .kurdele { position:static; transform:none; padding:9px 16px; font-size:.72rem;
             text-align:center; line-height:1.35; }
  .kurdele br:first-of-type { display:none; }
  .kurdele .ikon { width:16px; height:16px; vertical-align:-3px; margin-right:6px; }
}

@media (max-width: 900px) {
  .masa-menu { display:none; }
  .menu-dugme { display:block; }
  .ust-tel { display:none; }
  .kartlar { grid-template-columns:repeat(2,1fr); box-shadow:none; gap:12px;
             background:transparent; }
  .kart { border:1px solid var(--cizgi); border-radius:var(--yuvarlak); background:#fff; }
  .kart:last-child { border-right:1px solid var(--cizgi); }
}

/* ── Hero sağ sütunu: hızlı iletişim kartı ── */
.hero-kart { background:#fff; border:1px solid var(--cizgi); border-radius:14px;
             box-shadow:var(--golge); padding:28px; display:grid; gap:14px;
             justify-self:end; width:100%; max-width:400px; }
.hero-kart h2 { font-size:1.2rem; margin:0; }
.hero-kart p { margin:0; color:var(--metin-soluk); font-size:.9rem; }
.hero-kart .btn { justify-content:center; }
.hero-kart .satir { display:flex; align-items:center; gap:12px;
                    padding-top:14px; border-top:1px solid var(--cizgi); font-size:.88rem; }
.hero-kart .satir .ikon { color:var(--kirmizi); }
.hero-kart .satir strong { display:block; }
.hero-kart .satir span { color:var(--metin-soluk); font-size:.8rem; }

@media (max-width: 900px) {
  .hero-kart { justify-self:stretch; max-width:none; }
}

.promo-gorsel { display:flex; align-items:center; justify-content:center; gap:18px;
                flex-wrap:wrap; padding:40px 24px; color:var(--kirmizi);
                background:linear-gradient(140deg, #FDECEC 0%, #F8F8FA 100%); }

/* ── Servis talebi formu ── */
/* Bağımsız sayfada .kap sarmalayıcısı yok; ortalama ve yan boşluk burada. */
.form-kap { max-width:860px; margin:0 auto; padding:0 20px 40px; }
.adim-gostergesi { display:flex; gap:8px; list-style:none; padding:0; margin:0 0 28px;
                   counter-reset:adim; }
.adim-gostergesi li { flex:1; height:4px; background:var(--cizgi); border-radius:2px;
                      font-size:0; color:transparent; }
.adim-gostergesi li.aktif { background:var(--kirmizi); }
.form-adim { border:1px solid var(--cizgi); border-radius:14px; padding:28px;
             margin:0 0 18px; box-shadow:var(--golge); }
.form-adim legend { display:flex; align-items:center; gap:12px; padding:0 12px;
                    background:#fff; }
.form-adim legend .ikon { color:var(--kirmizi); }
.form-adim legend strong { display:block; font-size:1.15rem; font-weight:800; }
.form-adim legend small { color:var(--metin-soluk); font-size:.85rem; }
.soru { margin:22px 0; }
.soru-etiket { display:block; font-weight:600; margin-bottom:10px; font-size:.95rem; }
.zorunlu { color:var(--kirmizi); }
.secenek-izgara { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; }
.secenek-izgara.coklu { grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); }
.secenek { position:relative; display:block; cursor:pointer; }
.secenek input { position:absolute; opacity:0; width:0; height:0; }
.secenek span { display:flex; flex-direction:column; align-items:center; gap:6px;
                padding:18px 14px; border:2px solid var(--cizgi); border-radius:var(--yuvarlak);
                text-align:center; transition:border-color .15s, background .15s; }
.secenek-izgara.coklu .secenek span { flex-direction:row; justify-content:flex-start;
                                      text-align:left; padding:14px; }
.secenek span .ikon { color:var(--kirmizi); }
.secenek span strong { font-weight:600; font-size:.92rem; }
.secenek span small { color:var(--metin-soluk); font-size:.8rem; }
.secenek input:checked + span { border-color:var(--kirmizi); background:#FDF2F2; }
.secenek input:focus-visible + span { outline:2px solid var(--kirmizi); outline-offset:2px; }
.alan { width:100%; padding:12px 14px; border:1px solid var(--cizgi); border-radius:8px;
        font:inherit; font-size:.95rem; background:#fff; color:var(--metin); }
.alan:focus { outline:2px solid var(--kirmizi); outline-offset:0; border-color:var(--kirmizi); }
.alan-izgara { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:14px; }
.form-adim label { display:block; margin-bottom:14px; font-size:.9rem; font-weight:600; }
.form-adim label .alan, .form-adim label select { margin-top:6px; font-weight:400; }
.dogrulama-satir { display:flex; align-items:center; gap:10px; margin-top:6px; }
.dogrulama-satir img { border:1px solid var(--cizgi); border-radius:6px; }
.dogrulama-satir .btn { padding:10px; }
.dogrulama-satir .alan { max-width:140px; }
.adim-butonlar { display:flex; gap:12px; justify-content:flex-end; margin-top:24px;
                 padding-top:18px; border-top:1px solid var(--cizgi); }
#form-mesaj { min-height:1.4em; color:var(--kirmizi); font-size:.9rem; font-weight:600; }
.sonuc-kutu { text-align:center; padding:50px 28px; border:1px solid var(--cizgi);
              border-radius:14px; box-shadow:var(--golge); }
.sonuc-kutu .ikon { color:#16A34A; }
.sonuc-kutu h2 { margin:14px 0 8px; }
.sonuc-kutu strong { font-family:ui-monospace, 'Cascadia Code', Consolas, monospace;
                     font-size:1.1rem; color:var(--kirmizi); }
.sonuc-kutu .btn { margin-top:18px; }

@media (max-width: 640px) {
  .form-kap { padding:0 14px 30px; }
  .form-adim { padding:18px 14px; }
  .form-adim legend { padding:0 6px; gap:8px; }
  .form-adim legend .ikon { width:22px; height:22px; }
  .form-adim legend strong { font-size:1rem; }
  .form-adim legend small { font-size:.78rem; }
  .adim-gostergesi { margin-bottom:18px; }
  .soru { margin:16px 0; }
  .soru-etiket { margin-bottom:8px; font-size:.9rem; }
  /* Dar ekranda seçenek kartları: sabit iki sütun, kompakt iç boşluk. */
  .secenek-izgara { grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px; }
  .secenek-izgara.coklu { grid-template-columns:1fr; gap:8px; }
  .secenek span { padding:11px 8px; gap:4px; border-width:1px; }
  .secenek span .ikon { width:22px; height:22px; }
  .secenek span strong { font-size:.84rem; line-height:1.25; }
  .secenek span small { font-size:.74rem; }
  .secenek-izgara.coklu .secenek span { padding:10px 12px; }
  /* 16px altı yazı tipi iOS'ta odaklanınca sayfayı yakınlaştırır. */
  .alan { font-size:16px; padding:10px 12px; }
  .alan-izgara { grid-template-columns:1fr; gap:0; }
  .form-adim label { margin-bottom:12px; }
  .dogrulama-satir .alan { max-width:96px; }
  .adim-butonlar { flex-direction:column-reverse; margin-top:18px; padding-top:14px; }
  .adim-butonlar .btn { justify-content:center; }
  .sonuc-kutu { padding:34px 18px; }
}

/* ══ WhatsApp butonu ══ */
.btn-whatsapp { background:#25D366; color:#fff; }
.btn-whatsapp:hover { background:#1EBE5A; }

/* ══ Mobil çekmece (sağdan açılır) ══ */
.cekmece-perde { position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:60;
                 opacity:0; transition:opacity .22s ease; }
.cekmece-perde.acik { opacity:1; }

.cekmece { position:fixed; top:0; right:0; bottom:0; width:min(86vw, 330px); z-index:61;
           background:#fff; box-shadow:-6px 0 26px rgba(0,0,0,.16);
           transform:translateX(100%);
           /* visibility gecikmeli kapanır: kapanış animasyonu görünür kalsın */
           transition:transform .26s cubic-bezier(.4,0,.2,1), visibility 0s .26s;
           display:flex; flex-direction:column; overflow-y:auto;
           visibility:hidden; }
.cekmece.acik { transform:translateX(0); visibility:visible;
                transition:transform .26s cubic-bezier(.4,0,.2,1), visibility 0s 0s; }
.cekmece-bas { display:flex; align-items:center; justify-content:space-between; gap:12px;
               padding:20px; border-bottom:1px solid var(--cizgi); }
.cekmece-logo { font-weight:800; font-size:1.05rem; letter-spacing:-.01em; }
.cekmece-logo .vurgu { color:var(--kirmizi); }
.cekmece-kapat { background:none; border:0; padding:8px; cursor:pointer; color:var(--metin);
                 border-radius:6px; }
.cekmece-kapat:hover { background:var(--zemin); color:var(--kirmizi); }
.cekmece-menu { list-style:none; margin:0; padding:8px 0; flex:1; }
.cekmece-menu a { display:flex; align-items:center; justify-content:space-between;
                  padding:14px 20px; text-decoration:none; font-size:.98rem;
                  border-bottom:1px solid var(--cizgi); }
.cekmece-menu a .ikon { color:var(--cizgi); transition:color .15s, transform .15s; }
.cekmece-menu a:hover, .cekmece-menu a.aktif { color:var(--kirmizi); background:#FDF5F5; }
.cekmece-menu a:hover .ikon, .cekmece-menu a.aktif .ikon { color:var(--kirmizi);
                                                           transform:translateX(3px); }
.cekmece-alt { padding:18px 20px 24px; border-top:1px solid var(--cizgi);
               display:grid; gap:10px; }
.cekmece-alt .btn { justify-content:center; }
.cekmece-not { margin:4px 0 0; font-size:.78rem; color:var(--metin-soluk);
               display:flex; align-items:center; gap:6px; }
body.cekmece-acik { overflow:hidden; }

/* ══ Mobil sabit alt çubuk ══ */
.mobil-cubuk { display:none; position:fixed; left:0; right:0; bottom:0; z-index:55;
               background:#fff; border-top:1px solid var(--cizgi);
               box-shadow:0 -3px 16px rgba(0,0,0,.1);
               padding-bottom:env(safe-area-inset-bottom); }
.mobil-cubuk-btn { flex:1; display:flex; align-items:center; justify-content:center; gap:8px;
                   padding:14px 8px; text-decoration:none; font-weight:600; font-size:.92rem;
                   color:#fff; }
.mobil-cubuk-btn.ara { background:var(--kirmizi); }
.mobil-cubuk-btn.wa  { background:#25D366; }
.mobil-cubuk-btn:active { filter:brightness(.92); }

/* ══ Bölgelerimiz: harita, arama, harf şeridi ══ */
.harita { height:420px; border-radius:var(--yuvarlak); border:1px solid var(--cizgi);
          margin:26px 0 10px; background:var(--zemin); }
.harita-not { margin:0 0 26px; font-size:.84rem; color:var(--metin-soluk);
              display:flex; align-items:center; gap:7px; }
.harita-not .ikon { color:var(--kirmizi); }
.leaflet-popup-content { font:inherit; font-size:.9rem; }
.leaflet-popup-content a { color:var(--kirmizi); font-weight:600; }

.bolge-arac { display:flex; flex-wrap:wrap; align-items:center; gap:14px;
              margin:10px 0 18px; }
.bolge-arama { display:flex; align-items:center; gap:10px; flex:1; min-width:260px;
               border:1px solid var(--cizgi); border-radius:10px; padding:0 14px;
               background:#fff; margin:0; }
.bolge-arama:focus-within { border-color:var(--kirmizi);
                            box-shadow:0 0 0 3px rgba(232,9,8,.1); }
.bolge-arama .ikon { color:var(--metin-soluk); }
.bolge-arama input { flex:1; border:0; outline:0; padding:13px 0; font:inherit;
                     font-size:.95rem; background:transparent; color:var(--metin); }
.bolge-sayac { font-size:.85rem; color:var(--metin-soluk); white-space:nowrap; }

.harf-serit { display:flex; flex-wrap:wrap; gap:4px; padding:0 0 20px;
              border-bottom:1px solid var(--cizgi); margin-bottom:6px; }
.harf-serit a, .harf-serit span { display:inline-flex; align-items:center;
              justify-content:center; min-width:30px; height:30px; padding:0 6px;
              border-radius:6px; font-size:.85rem; font-weight:600; text-decoration:none; }
.harf-serit a { background:var(--zemin); }
.harf-serit a:hover { background:var(--kirmizi); color:#fff; }
.harf-serit a.sonuc-yok { opacity:.25; }
.harf-serit .pasif { color:var(--cizgi); }

.harf-grup { padding-top:22px; }
.harf-basligi { font-size:1.15rem; margin:0 0 10px; color:var(--kirmizi);
                scroll-margin-top:100px; }
.harf-grup .cipler { padding:0; }
.bolge-bos { padding:30px 0; color:var(--metin-soluk); }
.bolge-bos a { color:var(--kirmizi); font-weight:600; }

@media (max-width: 980px) {
  .guven-ic { grid-template-columns:repeat(2,1fr); }
  .alt-izgara { grid-template-columns:1fr 1fr; gap:30px; }
  .alt-marka { grid-column:1 / -1; }
}

@media (max-width: 768px) {
  .guven-ic { grid-template-columns:1fr; gap:16px; padding:20px; }
  .alt-izgara { grid-template-columns:1fr; gap:28px; padding:32px 20px 26px; }
  .alt-telif-ic { flex-direction:column; gap:10px; }
  .mobil-cubuk { display:flex; }
  /* Sabit çubuğun footer'ı kapatmaması için gövdeye alt boşluk */
  body { padding-bottom:58px; }
  .harita { height:320px; }
}

/* ══ Servis talebi: bağımsız sayfa ══
   Site menüsü ve footer basılmaz — form doldururken dikkat dağıtan her
   bağlantı terk oranını artırıyor. Üstte yalnızca logo, Geri Dön ve telefon. */
.tek-ust { background:#fff; border-bottom:1px solid var(--cizgi); position:sticky;
           top:0; z-index:40; }
.tek-ust-ic { max-width:860px; margin:0 auto; padding:0 20px; height:72px;
              display:flex; align-items:center; justify-content:space-between; gap:16px; }
.tek-ust-sag { display:flex; align-items:center; gap:12px; }
.geri-bag { display:inline-flex; align-items:center; gap:6px; padding:8px 14px;
            border:1px solid var(--cizgi); border-radius:8px; text-decoration:none;
            font-size:.86rem; font-weight:600; color:var(--metin-soluk); background:#fff; }
.geri-bag:hover { border-color:var(--kirmizi); color:var(--kirmizi); }
.geri-bag .ikon { transform:rotate(180deg); }

.form-hero { text-align:center; padding:38px 0 10px; }
.form-hero h1 { margin:0 0 8px; font-size:clamp(1.6rem,3.4vw,2.3rem); }
.form-hero p { margin:0; color:var(--metin-soluk); font-size:.95rem; }

.tek-alt { border-top:1px solid var(--cizgi); }
.tek-alt-ic { max-width:860px; margin:0 auto; padding:18px 20px; display:flex;
              flex-wrap:wrap; gap:14px; justify-content:space-between;
              font-size:.82rem; color:var(--metin-soluk); }
.tek-alt-bag { display:flex; flex-wrap:wrap; gap:18px; }
.tek-alt-bag a { display:inline-flex; align-items:center; gap:6px;
                 text-decoration:none; color:var(--metin-soluk); }
.tek-alt-bag a:hover { color:var(--kirmizi); }

@media (max-width: 620px) {
  .tek-ust-ic { height:auto; padding:12px 16px; flex-wrap:wrap; gap:10px; }
  .tek-ust-sag { width:100%; }
  .tek-ust-sag .btn { flex:1; justify-content:center; }
  .form-hero { padding:26px 0 4px; }
  .tek-alt-ic { flex-direction:column; gap:10px; }
}

/* ══ Güvenlik sorusu (iki işlemli aritmetik) ══ */
.dogrulama-soru { font-family:ui-monospace,'Cascadia Code',Consolas,monospace;
                  font-size:1.15rem; font-weight:700; letter-spacing:.06em;
                  padding:11px 16px; background:var(--zemin);
                  border:1px solid var(--cizgi); border-radius:8px;
                  white-space:nowrap; user-select:none; }
.dogrulama-satir .alan { max-width:110px; text-align:center; font-weight:700;
                         font-size:1.05rem; }
.dogrulama-satir .alan.dogru  { border-color:#16A34A; outline-color:#16A34A; }
.dogrulama-satir .alan.yanlis { border-color:var(--kirmizi); outline-color:var(--kirmizi); }
.dogrulama-geri { min-height:1.3em; margin:8px 0 0; font-size:.85rem; font-weight:600; }
.dogrulama-geri.dogru  { color:#16A34A; }
.dogrulama-geri.yanlis { color:var(--kirmizi); }

/* ══ Bölge bulucu: solda liste, sağda harita ══ */
.bulucu { display:grid; grid-template-columns:300px 1fr; gap:0;
          border:1px solid var(--cizgi); border-radius:var(--yuvarlak);
          overflow:hidden; margin:18px 0 10px; }
.bulucu-liste { max-height:460px; overflow-y:auto; background:#fff;
                border-right:1px solid var(--cizgi); }
.bulucu-satir { display:flex; align-items:center; gap:9px; width:100%;
                padding:11px 14px; border:0; border-bottom:1px solid var(--cizgi);
                background:#fff; font:inherit; font-size:.88rem; text-align:left;
                cursor:pointer; color:var(--metin); }
.bulucu-satir:hover { background:var(--zemin); }
.bulucu-satir.secili { background:#FDF2F2; border-left:3px solid var(--kirmizi);
                       padding-left:11px; font-weight:600; }
.bulucu-satir .ikon { color:var(--kirmizi); flex:none; }
.bulucu-ad { flex:1; }
.bulucu-rozet { font-size:.68rem; color:var(--kirmizi); border:1px solid #F5C6C6;
                background:#FDF2F2; border-radius:999px; padding:2px 7px; white-space:nowrap; }
.bulucu-bos { padding:20px 14px; margin:0; color:var(--metin-soluk); font-size:.86rem; }
.bulucu .harita { height:460px; margin:0; border:0; border-radius:0; }

@media (max-width: 820px) {
  .bulucu { grid-template-columns:1fr; }
  .bulucu-liste { max-height:260px; border-right:0;
                  border-bottom:1px solid var(--cizgi); }
  .bulucu .harita { height:320px; }
}

/* ══ 3 adımda servis ══ */
.adim-bolum { background:var(--zemin); padding:56px 0; margin-top:56px;
              border-top:1px solid var(--cizgi); border-bottom:1px solid var(--cizgi); }
.adim-izgara { display:grid; grid-template-columns:repeat(3,1fr); gap:22px;
               list-style:none; margin:0; padding:0; counter-reset:adim; }
.adim-kart { position:relative; background:#fff; border:1px solid var(--cizgi);
             border-radius:var(--yuvarlak); padding:30px 24px 26px; text-align:center; }
.adim-kart .ikon { color:var(--kirmizi); margin-bottom:12px; }
.adim-kart h3 { font-size:1.08rem; margin:0 0 8px; }
.adim-kart p { margin:0; font-size:.88rem; color:var(--metin-soluk); line-height:1.6; }
.adim-no { position:absolute; top:-16px; left:50%; transform:translateX(-50%);
           width:34px; height:34px; border-radius:50%; background:var(--kirmizi);
           color:#fff; font-weight:800; font-size:1rem;
           display:flex; align-items:center; justify-content:center; }
/* Kartlar arası ok — yalnız geniş ekranda */
.adim-kart:not(:last-child)::after { content:'→'; position:absolute; top:50%; right:-17px;
                                     transform:translateY(-50%); color:var(--cizgi);
                                     font-size:1.5rem; font-weight:700; }
.adim-butonlar-alt { display:flex; flex-wrap:wrap; gap:12px; justify-content:center;
                     padding-top:30px; }

/* ══ İlçe merkezleri ══ */
.ilce-izgara { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
               gap:12px; padding:8px 0 4px; }
.ilce-kart { display:flex; align-items:center; gap:10px; padding:14px 16px;
             border:1px solid var(--cizgi); border-radius:var(--yuvarlak);
             text-decoration:none; font-weight:600; font-size:.92rem; background:#fff;
             transition:border-color .15s, color .15s; }
.ilce-kart .ikon { color:var(--kirmizi); flex:none; }
a.ilce-kart:hover { border-color:var(--kirmizi); color:var(--kirmizi); }
/* Sayfası olmayan ilçe de hizmet kapsamındadır; "devre dışı" gibi görünmemeli.
   Tek fark tıklanabilir olmaması. */
.ilce-kart.pasif { cursor:default; }

/* ══ Dönen marka şeridi (footer üstü) ══ */
/* Beyaz içerikten koyu footer'a yumuşak geçiş: üstte beyaz, altta gri. */
.marka-serit { padding:38px 0 34px; color:var(--metin); overflow:hidden;
               background:linear-gradient(180deg, #FFFFFF 0%, #F5F5F8 55%, #EAEAEF 100%);
               border-top:1px solid var(--cizgi); }
.marka-baslik { font-size:.82rem; text-transform:uppercase; letter-spacing:.1em;
                color:var(--metin-soluk); font-weight:600; margin:0 0 20px; text-align:center; }
.marka-akis { display:flex; width:max-content; animation:marka-kay 60s linear infinite; }
.marka-akis:hover { animation-play-state:paused; }
.marka-sira { display:flex; list-style:none; margin:0; padding:0; }
.marka-sira li { flex:none; padding:9px 20px; margin:0 7px;
                 border:1px solid var(--cizgi); border-radius:999px; font-size:.86rem;
                 color:var(--metin); background:#fff; font-weight:500;
                 white-space:nowrap; box-shadow:0 1px 2px rgba(0,0,0,.04); }
@keyframes marka-kay { from { transform:translateX(0); }
                       to   { transform:translateX(-50%); } }

/* Hareket tercihi kapalıysa kaydırma durur, liste sarılarak gösterilir */
@media (prefers-reduced-motion: reduce) {
  .marka-akis { animation:none; width:100%; flex-wrap:wrap; justify-content:center; }
  .marka-sira { flex-wrap:wrap; justify-content:center; gap:6px; }
  .marka-sira[aria-hidden="true"] { display:none; }
}

@media (max-width: 860px) {
  .adim-izgara { grid-template-columns:1fr; gap:32px; }
  .adim-kart:not(:last-child)::after { content:'↓'; top:auto; right:auto;
                                       bottom:-26px; left:50%; transform:translateX(-50%); }
  .adim-butonlar-alt .btn { flex:1; justify-content:center; }
  .ilce-izgara { grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); }
}

/* ══ Kurumsal / Hizmetlerimiz ortak bileşenleri ══ */
.sayi-serit { background:var(--koyu); color:#fff; }
.sayi-izgara { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; padding:30px 20px; }
.sayi-kut { text-align:center; }
.sayi-kut strong { display:block; font-size:2.1rem; font-weight:800; line-height:1;
                   color:var(--kirmizi); }
.sayi-kut span { display:block; margin-top:6px; font-size:.84rem; color:#B9B9BE; }

.ozellik-tek { grid-template-columns:1fr; }
.bilgi-kutu { display:flex; gap:14px; margin-top:24px; padding:18px 20px;
              background:var(--zemin); border-left:3px solid var(--kirmizi);
              border-radius:0 var(--yuvarlak) var(--yuvarlak) 0; font-size:.9rem; }
.bilgi-kutu .ikon { color:var(--kirmizi); flex:none; margin-top:2px; }
.bilgi-kutu strong { display:block; margin-bottom:4px; }
.bilgi-kutu a { color:var(--kirmizi); font-weight:600; text-decoration:none; }

.yorum-izgara { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }

/* Hizmet detay blokları */
.hizmet-blok { padding:44px 0; border-top:1px solid var(--cizgi); }
.hizmet-blok.ters { background:var(--zemin); }
.hizmet-ic { display:grid; grid-template-columns:1.1fr 1fr; gap:40px; align-items:center; }
.hizmet-blok.ters .hizmet-ic { direction:rtl; }
.hizmet-blok.ters .hizmet-ic > * { direction:ltr; }
.hizmet-etiket { display:inline-flex; align-items:center; gap:8px; font-size:.76rem;
                 font-weight:700; letter-spacing:.08em; text-transform:uppercase;
                 color:var(--kirmizi); margin-bottom:10px; }
.hizmet-metin h2 { margin:0 0 10px; }
.hizmet-metin p { margin:0 0 16px; color:var(--metin-soluk); }
.hizmet-baglantilar { display:flex; flex-wrap:wrap; gap:8px; }
.hizmet-baglantilar a { display:inline-flex; align-items:center; gap:6px; padding:7px 14px;
                        border:1px solid var(--cizgi); border-radius:999px; background:#fff;
                        text-decoration:none; font-size:.83rem; font-weight:600; }
.hizmet-baglantilar a:hover { border-color:var(--kirmizi); color:var(--kirmizi); }
.hizmet-kapsam { list-style:none; margin:0; padding:24px; background:#fff;
                 border:1px solid var(--cizgi); border-radius:var(--yuvarlak);
                 display:grid; gap:11px; }
.hizmet-kapsam li { display:flex; align-items:center; gap:10px; font-size:.9rem; }
.hizmet-kapsam .ikon { color:#16A34A; flex:none; }

/* Alt CTA bandı */
.cta-bant { background:var(--zemin); border-top:1px solid var(--cizgi);
            border-bottom:1px solid var(--cizgi); margin-top:56px; }
.cta-ic { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
          gap:24px; padding:34px 20px; }
.cta-ic h2 { margin:0 0 6px; }
.cta-ic p { margin:0; color:var(--metin-soluk); }
.cta-butonlar { display:flex; flex-wrap:wrap; gap:12px; }

@media (max-width: 860px) {
  .sayi-izgara { grid-template-columns:repeat(2,1fr); }
  .yorum-izgara { grid-template-columns:1fr; }
  .hizmet-ic { grid-template-columns:1fr; gap:24px; }
  .hizmet-blok.ters .hizmet-ic { direction:ltr; }
  .cta-ic { flex-direction:column; align-items:flex-start; }
  .cta-butonlar { width:100%; }
  .cta-butonlar .btn { flex:1; justify-content:center; }
}

/* ══ Servis talebi popup ══ */
.modal-perde { position:fixed; inset:0; background:rgba(0,0,0,.55); z-index:70;
               opacity:0; transition:opacity .2s ease; }
.modal-perde.acik { opacity:1; }
.modal { position:fixed; top:50%; left:50%; z-index:71;
         transform:translate(-50%, -46%) scale(.97); opacity:0;
         width:min(96vw, 780px); max-height:90vh; background:#fff;
         border-radius:16px; box-shadow:0 24px 70px rgba(0,0,0,.3);
         display:flex; flex-direction:column; overflow:hidden;
         transition:transform .24s cubic-bezier(.4,0,.2,1), opacity .2s ease; }
.modal.acik { transform:translate(-50%, -50%) scale(1); opacity:1; }
.modal-bas { display:flex; align-items:flex-start; justify-content:space-between;
             gap:16px; padding:20px 22px; border-bottom:1px solid var(--cizgi); }
.modal-bas strong { display:block; font-size:1.1rem; font-weight:800; }
.modal-bas small { color:var(--metin-soluk); font-size:.84rem; }
.modal-kapat { background:none; border:0; padding:6px; cursor:pointer; border-radius:8px;
               color:var(--metin-soluk); flex:none; }
.modal-kapat:hover { background:var(--zemin); color:var(--kirmizi); }
.modal-govde { padding:20px 22px 24px; overflow-y:auto; }
.modal-yukleniyor { color:var(--metin-soluk); font-size:.9rem; padding:30px 0;
                    text-align:center; }
.modal-yukleniyor a { color:var(--kirmizi); font-weight:600; }
body.modal-acik { overflow:hidden; }

/* Popup içinde form kartı kendi çerçevesini tekrarlamasın */
.modal-govde .form-adim { border:0; box-shadow:none; padding:0; margin:0; }
.modal-govde .adim-gostergesi { margin-bottom:20px; }
.modal-govde .adim-butonlar { margin-top:20px; }
.modal-govde .sonuc-kutu { border:0; box-shadow:none; padding:30px 0; }

@media (max-width: 620px) {
  /* Tam ekran. dvh, mobil tarayıcı çubuğu gizlenince de doğru yüksekliği verir. */
  .modal { width:100vw; max-height:100vh; height:100vh; border-radius:0;
           top:0; left:0; transform:translate(0,0) scale(1); }
  .modal { max-height:100dvh; height:100dvh; }
  .modal.acik { transform:translate(0,0) scale(1); }
  .modal-bas { padding:12px 14px; gap:10px; }
  .modal-bas strong { font-size:1rem; }
  .modal-bas small { font-size:.78rem; }
  .modal-govde { padding:14px 16px 20px; }
  .modal-govde .adim-gostergesi { margin-bottom:14px; }
  .modal-govde .adim-butonlar { margin-top:16px; }
}

/* ══ Ana sayfa görsel slaytı ══ */
/* width:100% şart: body dikey flex ve .kap'ın "margin:0 auto"su, esnek öğeyi
   içeriğe göre daraltıyor. Slaytın tek akış içi çocuğu oranla yükseklik veren
   bir kutu olduğu için bölüm 40px genişlikte kalıyordu. */
.slayt-bolum { padding-top:54px; width:100%; }
.slayt { position:relative; border-radius:var(--yuvarlak); overflow:hidden;
         box-shadow:var(--golge); background:var(--zemin); }
/* Yükseklik görselin kendi oranından gelir: yüklenirken sayfa zıplamaz. */
.slayt-ray { position:relative; aspect-ratio:1400/351; }
.slayt-kare { position:absolute; inset:0; margin:0; opacity:0;
              transition:opacity .5s ease; pointer-events:none; }
.slayt-kare.aktif { opacity:1; pointer-events:auto; }
.slayt-kare img { width:100%; height:100%; object-fit:cover; display:block; }
.slayt-kare figcaption { position:absolute; left:0; right:0; bottom:0; padding:26px 28px 20px;
                         color:#fff; text-align:left;
                         background:linear-gradient(0deg, rgba(0,0,0,.62) 0%,
                                    rgba(0,0,0,.28) 55%, rgba(0,0,0,0) 100%); }
.slayt-kare figcaption strong { display:block; font-size:1.25rem; font-weight:800;
                                text-shadow:0 1px 3px rgba(0,0,0,.4); }
.slayt-kare figcaption span { font-size:.92rem; color:#EDEDF2;
                              text-shadow:0 1px 3px rgba(0,0,0,.4); }
.slayt-ok { position:absolute; top:50%; transform:translateY(-50%); z-index:2;
            width:42px; height:42px; display:flex; align-items:center; justify-content:center;
            border:0; border-radius:50%; cursor:pointer; color:var(--metin);
            background:rgba(255,255,255,.85); box-shadow:0 2px 10px rgba(0,0,0,.18); }
.slayt-ok:hover { background:#fff; color:var(--kirmizi); }
.slayt-ok.geri  { left:14px; }
.slayt-ok.geri .ikon { transform:rotate(180deg); }
.slayt-ok.ileri { right:14px; }
.slayt-noktalar { position:absolute; left:0; right:0; bottom:12px; z-index:2;
                  display:flex; justify-content:center; gap:8px; }
.slayt-noktalar button { width:9px; height:9px; padding:0; border:0; border-radius:50%;
                         cursor:pointer; background:rgba(255,255,255,.55);
                         box-shadow:0 1px 3px rgba(0,0,0,.3); transition:background .2s, width .2s; }
.slayt-noktalar button.aktif { background:var(--kirmizi); width:22px; border-radius:5px; }

@media (max-width: 640px) {
  .slayt-bolum { padding-top:32px; }
  /* 4:1 banner telefonda 90px'e iniyor ve altyazı görseli tamamen kapatıyor;
     object-fit:cover ile ortadan kırpılıp daha uzun bir çerçeve veriliyor. */
  .slayt-ray { aspect-ratio:16/9; }
  .slayt-kare figcaption { padding:16px 16px 14px; }
  .slayt-kare figcaption strong { font-size:1rem; }
  .slayt-kare figcaption span { font-size:.8rem; }
  .slayt-ok { width:34px; height:34px; }
  .slayt-ok.geri { left:8px; } .slayt-ok.ileri { right:8px; }
}