/* =========================================================
   OTO EKSPERTİZ — Ön yüz stilleri
   ========================================================= */

:root{
  --kirmizi:#e30613;
  --kirmizi-koyu:#c00510;
  --siyah:#0c0c0e;
  --siyah-2:#111114;
  --siyah-3:#17171b;
  --cizgi:rgba(255,255,255,.10);
  --cizgi-acik:rgba(0,0,0,.08);
  --acik:#f4f4f5;
  --metin:#1a1a1d;
  --metin-soluk:#6b6b73;
  --metin-beyaz-soluk:rgba(255,255,255,.62);
  --kap:1200px;
  --yuvarlak:6px;
  --gecis:.28s cubic-bezier(.4,0,.2,1);
  --golge:0 18px 40px rgba(0,0,0,.13);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  background:#fff;color:var(--metin);font-size:15px;line-height:1.65;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;display:block;height:auto}
a{text-decoration:none;color:inherit}
ul,ol{list-style:none;margin:0;padding:0}
h1,h2,h3,h4{font-family:'Poppins',sans-serif;margin:0;line-height:1.15;letter-spacing:-.02em}
p{margin:0}
button{font:inherit}
:focus-visible{outline:2px solid var(--kirmizi);outline-offset:3px}

.kap{width:100%;max-width:var(--kap);margin:0 auto;padding:0 24px}
.kap-dar{max-width:860px}
.ikon{width:1em;height:1em;flex:none}

.atla{
  position:absolute;left:-9999px;top:0;z-index:200;background:var(--kirmizi);color:#fff;
  padding:12px 20px;border-radius:0 0 4px 0;
}
.atla:focus{left:0}

.gorsel{position:relative;overflow:hidden;
  background:radial-gradient(120% 100% at 70% 20%,#2a2a30 0%,#141418 55%,#0a0a0c 100%);}
.gorsel > img{width:100%;height:100%;object-fit:cover}

.etiket{
  font-family:'Poppins',sans-serif;font-size:12px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--kirmizi);margin-bottom:16px;display:block;
}

/* ---------------- Butonlar ---------------- */
.dug{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:'Poppins',sans-serif;font-size:12.5px;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;
  padding:15px 26px;border:1px solid transparent;border-radius:var(--yuvarlak);
  cursor:pointer;transition:var(--gecis);white-space:nowrap;
}
.dug .ikon{width:15px;height:15px}
.dug-kirmizi{background:var(--kirmizi);color:#fff}
.dug-kirmizi:hover{background:var(--kirmizi-koyu);transform:translateY(-2px)}
.dug-cerceve{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.dug-cerceve:hover{background:#fff;color:var(--siyah);border-color:#fff}
.dug-koyu-cerceve{background:transparent;color:var(--metin);border-color:rgba(0,0,0,.18)}
.dug-koyu-cerceve:hover{background:var(--siyah);color:#fff;border-color:var(--siyah)}
.dug-beyaz{background:#fff;color:var(--siyah)}
.dug-beyaz:hover{background:var(--siyah);color:#fff}
.dug-buyuk{padding:17px 34px;font-size:13px}
.tam-genislik{width:100%}
.orta-dug{text-align:center;margin-top:38px}

.detay-bag{
  display:inline-flex;align-items:center;gap:9px;
  font-family:'Poppins',sans-serif;font-size:10.5px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--metin);
  padding-top:16px;border-top:1px solid var(--cizgi-acik);transition:var(--gecis);
}
.detay-bag .ikon{width:14px;height:14px;transition:var(--gecis)}
.detay-bag:hover{color:var(--kirmizi)}
.detay-bag:hover .ikon{transform:translateX(4px)}

/* ---------------- Üst bar ---------------- */
.ust-bar{background:var(--siyah);border-bottom:1px solid var(--cizgi)}
.ust-bar .kap{display:flex;align-items:stretch;justify-content:center;min-height:56px;position:relative}
.ust-bilgi{display:flex;align-items:center}
.ust-oge{display:flex;align-items:center;gap:12px;color:#fff;padding:0 22px}
.ust-oge + .ust-oge{border-left:1px solid var(--cizgi)}
.ust-oge .ikon{width:17px;height:17px;color:var(--kirmizi)}
.ust-metin b{display:block;font-size:13.5px;font-weight:600;line-height:1.3}
.ust-metin span{
  display:block;font-size:9.5px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--metin-beyaz-soluk);line-height:1.4;
}
.ust-dug{position:absolute;right:24px;top:50%;transform:translateY(-50%);padding:12px 26px}
.ust-dug:hover{transform:translateY(-50%)}

/* ---------------- Başlık / menü ---------------- */
.baslik{background:var(--siyah);border-bottom:1px solid var(--cizgi);position:sticky;top:0;z-index:60}
.baslik.kucuk{box-shadow:0 6px 24px rgba(0,0,0,.35)}
.baslik .kap{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:30px}
.logo{display:flex;flex-direction:column;line-height:1}
.logo-resim{max-height:46px;width:auto}
.logo-yazi{font-family:'Poppins',sans-serif;font-size:22px;font-weight:800;letter-spacing:-.02em;color:#fff}
.logo-yazi .o{color:transparent;-webkit-text-stroke:1.5px var(--kirmizi)}
.logo-alt{font-size:8px;font-weight:600;letter-spacing:.34em;text-transform:uppercase;color:var(--metin-beyaz-soluk);margin-top:5px}

.menu{display:flex;align-items:center;gap:30px}
.menu > li > a{
  display:flex;align-items:center;gap:6px;
  font-family:'Poppins',sans-serif;font-size:12px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.82);
  padding:26px 0;transition:var(--gecis);position:relative;
}
.menu > li > a:hover,.menu > li.aktif > a{color:#fff}
.menu > li.aktif > a::after{content:"";position:absolute;left:0;right:0;bottom:20px;height:2px;background:var(--kirmizi)}
.menu-randevu{display:none}
.menu-dug{display:none;background:none;border:0;color:#fff;padding:8px;cursor:pointer}
.menu-dug .ikon{width:26px;height:26px}

/* ---------------- Kahraman ---------------- */
.kahraman{position:relative;background:var(--siyah);overflow:hidden;padding:74px 0 0}
.kahraman-fon{position:absolute;inset:0;z-index:0;
  background:radial-gradient(120% 100% at 70% 20%,#26262c 0%,#131317 55%,#08080a 100%)}
.kahraman-fon img{width:100%;height:100%;object-fit:cover;opacity:.55}
.kahraman-fon::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(8,8,10,.97) 0%,rgba(8,8,10,.86) 38%,rgba(8,8,10,.55) 70%,rgba(8,8,10,.75) 100%)}
.kahraman .kap{position:relative;z-index:2}
.kahraman-ic{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:40px}
.kahraman-yazi{padding:24px 0 40px}
.kahraman h1{font-size:clamp(40px,5.2vw,64px);font-weight:700;color:#fff;letter-spacing:-.035em;margin-bottom:24px}
.kahraman h1 .nokta{color:var(--kirmizi)}
.kahraman-aciklama{color:var(--metin-beyaz-soluk);font-size:15px;line-height:1.75;max-width:430px;margin-bottom:34px}
.kahraman-dugmeler{display:flex;flex-wrap:wrap;gap:14px}
.kahraman-arac .gorsel{border-radius:4px;aspect-ratio:16/10;background:transparent}
.kahraman-arac img{filter:saturate(1.05) contrast(1.05)}

.ozellik-serit{
  position:relative;z-index:2;background:rgba(20,20,24,.92);border:1px solid var(--cizgi);
  display:grid;grid-template-columns:repeat(4,1fr);
}
.ozellik{display:flex;align-items:flex-start;gap:14px;padding:26px 24px}
.ozellik + .ozellik{border-left:1px solid var(--cizgi)}
.ozellik-ikon{
  width:44px;height:44px;flex:none;border-radius:50%;
  border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);
  display:grid;place-items:center;
}
.ozellik-ikon .ikon{width:19px;height:19px;color:#fff}
.ozellik-baslik{font-size:13.5px;font-weight:600;color:#fff;margin-bottom:6px;letter-spacing:0;font-family:'Poppins',sans-serif}
.ozellik p{font-size:12px;line-height:1.6;color:rgba(255,255,255,.5)}
.ozellik-bosluk{height:64px;background:var(--siyah)}

/* ---------------- Bölüm ortak ---------------- */
.bolum{padding:80px 0}
.bos-durum{text-align:center;color:var(--metin-soluk);padding:60px 0}
.surec-basi{text-align:center;margin-bottom:56px}
.surec-basi .etiket{margin-bottom:14px}
.surec-basi h2{font-size:clamp(26px,3vw,32px);font-weight:700}

/* ---------------- Hizmetler (ana sayfa) ---------------- */
.hizmetler{background:var(--acik);padding:96px 0}
.hizmetler-ic{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,2fr);gap:56px;align-items:start}
.hizmetler h2{font-size:clamp(28px,3vw,36px);font-weight:700;margin-bottom:22px}
.hizmetler-yan p{color:var(--metin-soluk);font-size:14px;line-height:1.8;margin-bottom:32px;max-width:330px}
.hizmet-kartlar{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.hizmet-kart{background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06);
  transition:var(--gecis);display:flex;flex-direction:column}
.hizmet-kart:hover{transform:translateY(-6px);box-shadow:var(--golge)}
.hizmet-gorsel{display:block;position:relative;aspect-ratio:4/3.35}
.hizmet-gorsel img{filter:grayscale(.15) brightness(.86);transition:var(--gecis)}
.hizmet-kart:hover .hizmet-gorsel img{filter:grayscale(0) brightness(1)}
.hizmet-ikon{position:absolute;left:22px;bottom:-19px;width:38px;height:38px;border-radius:50%;
  background:var(--kirmizi);display:grid;place-items:center;box-shadow:0 6px 16px rgba(227,6,19,.35)}
.hizmet-ikon .ikon{width:17px;height:17px;color:#fff}
.hizmet-govde{padding:34px 22px 22px;display:flex;flex-direction:column;flex:1}
.hizmet-govde h2,.hizmet-govde h3{font-size:15px;font-weight:600;margin-bottom:10px}
.hizmet-govde h2 a:hover,.hizmet-govde h3 a:hover{color:var(--kirmizi)}
.hizmet-govde p{font-size:12.5px;line-height:1.7;color:var(--metin-soluk);margin-bottom:20px;flex:1}

/* Hizmetler listesi (iç sayfa) */
.hizmet-genis-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.hizmet-genis{background:#fff;border:1px solid var(--cizgi-acik);border-radius:4px;overflow:hidden;
  display:flex;flex-direction:column;transition:var(--gecis)}
.hizmet-genis:hover{transform:translateY(-6px);box-shadow:var(--golge)}
.hizmet-genis .hizmet-gorsel{aspect-ratio:16/10}
.hizmet-genis .hizmet-govde h2{font-size:18px}
.hizmet-genis .hizmet-govde p{font-size:13.5px}

/* ---------------- Neden biz ---------------- */
.neden{position:relative;background:var(--siyah);padding:96px 0;overflow:hidden}
.neden-fon{position:absolute;inset:0;z-index:0;opacity:.28}
.neden-fon img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.2)}
.neden-fon::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(10,10,12,.96),rgba(10,10,12,.55) 55%,rgba(10,10,12,.92))}
.neden .kap{position:relative;z-index:2}
.neden-ic{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:60px;align-items:center}
.neden h2{font-size:clamp(28px,3.2vw,38px);font-weight:700;color:#fff;margin-bottom:22px}
.neden p{color:var(--metin-beyaz-soluk);font-size:14px;line-height:1.8;max-width:390px}
.istatistikler{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--cizgi);background:rgba(15,15,18,.72)}
.ist{display:flex;align-items:center;gap:18px;padding:34px 30px}
.ist:nth-child(1),.ist:nth-child(2){border-bottom:1px solid var(--cizgi)}
.ist:nth-child(odd){border-right:1px solid var(--cizgi)}
.ist .ikon{width:30px;height:30px;color:var(--kirmizi)}
.ist b{display:block;font-family:'Poppins',sans-serif;font-size:32px;font-weight:700;color:#fff;line-height:1.1}
.ist span{display:block;font-size:12.5px;color:var(--metin-beyaz-soluk);margin-top:4px}

/* ---------------- Süreç ---------------- */
.surec{background:var(--acik);padding:92px 0}
.adimlar{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:start}
.adim{text-align:center;padding:0 18px}
.adim-ikon{height:52px;display:grid;place-items:center;margin-bottom:26px}
.adim-ikon .ikon{width:38px;height:38px;color:#26262b;stroke-width:1.3}
.adim-baslik{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:14px}
.adim-no{width:20px;height:20px;border-radius:50%;background:var(--kirmizi);color:#fff;
  font-size:10.5px;font-weight:700;display:grid;place-items:center;flex:none;font-family:'Poppins',sans-serif}
.adim-baslik h3{font-size:14px;font-weight:600}
.adim p{font-size:12.5px;line-height:1.75;color:var(--metin-soluk);max-width:210px;margin:0 auto}
.adim-ok{padding-top:22px;color:#c9c9cf}
.adim-ok svg{width:44px;height:16px}

/* ---------------- Paketler ---------------- */
.paketler-blok{padding:92px 0;background:#fff}
.paket-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.paket-izgara-genis{gap:26px}
.paket-kart{
  position:relative;background:#fff;border:1px solid var(--cizgi-acik);border-radius:6px;
  padding:34px 28px;display:flex;flex-direction:column;transition:var(--gecis);
}
.paket-kart:hover{transform:translateY(-6px);box-shadow:var(--golge)}
.paket-kart.one-cikan{border-color:var(--kirmizi);box-shadow:0 14px 34px rgba(227,6,19,.12)}
.paket-rozet{
  position:absolute;top:-12px;left:28px;background:var(--kirmizi);color:#fff;
  font-family:'Poppins',sans-serif;font-size:10px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;padding:6px 12px;border-radius:3px;
}
.paket-kart h3{font-size:20px;font-weight:700;margin-bottom:10px}
.paket-aciklama{font-size:13px;color:var(--metin-soluk);line-height:1.7;margin-bottom:20px}
.paket-fiyat{display:flex;align-items:baseline;gap:10px;padding:18px 0;border-top:1px solid var(--cizgi-acik);
  border-bottom:1px solid var(--cizgi-acik);margin-bottom:22px}
.paket-fiyat strong{font-family:'Poppins',sans-serif;font-size:30px;font-weight:700;color:var(--kirmizi)}
.paket-fiyat span{font-size:12px;color:var(--metin-soluk)}
.paket-liste{margin-bottom:26px;flex:1}
.paket-liste li{display:flex;gap:11px;align-items:flex-start;font-size:13.5px;line-height:1.6;margin-bottom:11px}
.paket-liste .ikon{width:15px;height:15px;color:var(--kirmizi);margin-top:4px;stroke-width:3}
.paket-dug{width:100%}
.fiyat-not{text-align:center;color:var(--metin-soluk);font-size:12.5px;margin-top:28px}

/* ---------------- Galeri ---------------- */
.galeri-blok{background:var(--siyah);padding:78px 0 84px}
.galeri-basi{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}
.galeri-basi h2{font-size:clamp(24px,2.6vw,30px);font-weight:700;color:#fff}
.galeri-basi-acik h2{color:var(--metin)}
.galeri-tum{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.75);
  font-family:'Poppins',sans-serif;font-size:11px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;transition:var(--gecis)}
.galeri-tum:hover{color:#fff}
.galeri-tum .ikon{width:13px;height:13px}
.galeri-sar{position:relative}
.galeri-serit{
  display:grid;grid-auto-flow:column;grid-auto-columns:calc(25% - 14px);gap:18px;
  overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;
  scrollbar-width:none;padding-bottom:4px;
}
.galeri-serit::-webkit-scrollbar{display:none}
.galeri-kutu{aspect-ratio:16/11;border-radius:3px;margin:0;scroll-snap-align:start;cursor:pointer}
.galeri-kutu img{transition:transform .5s cubic-bezier(.4,0,.2,1);filter:brightness(.9)}
.galeri-kutu:hover img{transform:scale(1.06);filter:brightness(1)}
.galeri-ok{
  position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;
  border:1px solid var(--cizgi);background:rgba(20,20,24,.85);color:#fff;
  display:grid;place-items:center;cursor:pointer;transition:var(--gecis);z-index:3;
}
.galeri-ok:hover{background:var(--kirmizi);border-color:var(--kirmizi)}
.galeri-ok .ikon{width:15px;height:15px}
.galeri-ok-sag{right:-14px}
.galeri-ok-sol{left:-14px}

.galeri-tam{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.galeri-tam .galeri-kutu{aspect-ratio:4/3}
.galeri-tam figcaption{
  position:absolute;left:0;right:0;bottom:0;padding:26px 16px 12px;color:#fff;font-size:12.5px;
  background:linear-gradient(transparent,rgba(0,0,0,.8));
}
.isik-kutu{position:fixed;inset:0;z-index:200;background:rgba(6,6,8,.94);display:grid;place-items:center;padding:30px}
.isik-kutu img{max-width:min(1100px,92vw);max-height:88vh;object-fit:contain;border-radius:4px}
.isik-kapat{position:absolute;top:20px;right:22px;width:42px;height:42px;border-radius:50%;
  background:rgba(255,255,255,.1);border:0;color:#fff;cursor:pointer;display:grid;place-items:center}
.isik-kapat:hover{background:var(--kirmizi)}
.isik-kapat .ikon{width:20px;height:20px}

/* ---------------- Yorumlar ---------------- */
.yorumlar{background:var(--acik);padding:92px 0}
.yorum-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.yorum-kart{background:#fff;border:1px solid var(--cizgi-acik);border-radius:6px;padding:28px;margin:0}
.puan{display:flex;gap:3px;margin-bottom:16px}
.puan span{color:#d8d8dd;display:inline-flex}
.puan span.dolu{color:#f5a623}
.puan .ikon{width:15px;height:15px;fill:currentColor;stroke:none}
.yorum-kart blockquote{margin:0 0 20px;font-size:14px;line-height:1.8;color:#3a3a41}
.yorum-kart figcaption strong{display:block;font-family:'Poppins',sans-serif;font-size:14px;font-weight:600}
.yorum-kart figcaption span{font-size:12.5px;color:var(--metin-soluk)}

/* ---------------- SSS / akordiyon ---------------- */
.sss-blok{background:#fff;padding:92px 0}
.sss-ic{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:56px;align-items:start}
.sss-yan h2{font-size:clamp(24px,2.8vw,32px);font-weight:700;margin-bottom:18px}
.sss-yan p{color:var(--metin-soluk);font-size:14px;line-height:1.8;margin-bottom:28px;max-width:320px}
.akordiyon details{border:1px solid var(--cizgi-acik);border-radius:5px;margin-bottom:12px;background:#fff}
.akordiyon summary{
  display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;
  padding:18px 22px;font-family:'Poppins',sans-serif;font-size:14.5px;font-weight:600;list-style:none;
}
.akordiyon summary::-webkit-details-marker{display:none}
.akordiyon summary:hover{color:var(--kirmizi)}
.akordiyon-isaret{display:inline-flex;color:var(--kirmizi);transition:var(--gecis)}
.akordiyon-isaret .ikon{width:16px;height:16px;stroke-width:2.4}
.akordiyon details[open] .akordiyon-isaret{transform:rotate(180deg)}
.akordiyon-govde{padding:0 22px 20px;color:var(--metin-soluk);font-size:14px;line-height:1.8}
.akordiyon-govde p + p{margin-top:12px}

/* ---------------- Blog ---------------- */
.blog-blok{padding:92px 0;background:var(--acik)}
.yazi-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.yazi-kart{background:#fff;border:1px solid var(--cizgi-acik);border-radius:5px;overflow:hidden;
  display:flex;flex-direction:column;transition:var(--gecis)}
.yazi-kart:hover{transform:translateY(-6px);box-shadow:var(--golge)}
.yazi-gorsel{display:block;aspect-ratio:16/10}
.yazi-govde{padding:24px 22px;display:flex;flex-direction:column;flex:1}
.yazi-tarih{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--kirmizi);
  font-weight:600;font-family:'Poppins',sans-serif;margin-bottom:12px;display:block}
.yazi-govde h3{font-size:17px;font-weight:600;line-height:1.35;margin-bottom:12px}
.yazi-govde h3 a:hover{color:var(--kirmizi)}
.yazi-govde p{font-size:13.5px;line-height:1.75;color:var(--metin-soluk);margin-bottom:18px;flex:1}

/* ---------------- Sayfa başı ---------------- */
.sayfa-basi{position:relative;background:var(--siyah);padding:64px 0 58px;overflow:hidden}
.sayfa-basi-fon{position:absolute;inset:0;
  background:radial-gradient(90% 140% at 85% 10%,rgba(227,6,19,.22) 0%,transparent 60%),
             linear-gradient(180deg,#141418,#0a0a0c)}
.sayfa-basi .kap{position:relative;z-index:2}
.sayfa-basi h1{font-size:clamp(28px,3.6vw,42px);font-weight:700;color:#fff}
.sayfa-basi-ozet{color:var(--metin-beyaz-soluk);font-size:14.5px;line-height:1.75;max-width:620px;margin-top:16px}
.kirinti{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;color:var(--metin-beyaz-soluk);margin-bottom:16px}
.kirinti a:hover{color:#fff}
.kirinti .simdiki{color:var(--kirmizi)}

/* ---------------- İçerik düzeni ---------------- */
.icerik-duzen{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start}
.icerik-gorsel{border-radius:6px;aspect-ratio:16/9;margin:0 0 32px}
.yazi-icerik{font-size:15.5px;line-height:1.85;color:#37373d}
.yazi-icerik p{margin-bottom:18px}
.yazi-icerik h2{font-size:24px;font-weight:700;margin:34px 0 16px}
.yazi-icerik h3{font-size:19px;font-weight:600;margin:28px 0 14px}
.yazi-icerik ul{list-style:disc;padding-left:22px;margin-bottom:18px}
.yazi-icerik li{margin-bottom:8px}
.yazi-icerik a{color:var(--kirmizi);text-decoration:underline}
.yazi-ozet{font-size:16.5px;line-height:1.8;color:#25252a;border-left:3px solid var(--kirmizi);
  padding-left:20px;margin-bottom:26px}
.yazi-ust-bilgi{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:26px;font-size:12.5px;color:var(--metin-soluk)}
.yazi-ust-bilgi > *{display:inline-flex;align-items:center;gap:7px}
.yazi-ust-bilgi .ikon{width:14px;height:14px;color:var(--kirmizi)}

.icerik-cta{
  margin-top:40px;background:var(--acik);border-radius:6px;padding:28px 30px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
}
.icerik-cta h3{font-size:18px;font-weight:600;margin-bottom:6px}
.icerik-cta p{font-size:13.5px;color:var(--metin-soluk)}

.paylas{display:flex;align-items:center;gap:12px;margin-top:34px;padding-top:22px;border-top:1px solid var(--cizgi-acik)}
.paylas span{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--metin-soluk);font-weight:600}
.paylas a{width:36px;height:36px;border-radius:50%;background:var(--acik);display:grid;place-items:center;transition:var(--gecis)}
.paylas a:hover{background:var(--kirmizi);color:#fff}
.paylas .ikon{width:16px;height:16px}

/* Yan sütun */
.icerik-yan{display:flex;flex-direction:column;gap:22px;position:sticky;top:100px}
.yan-kutu{background:#fff;border:1px solid var(--cizgi-acik);border-radius:6px;padding:24px}
.yan-kutu h3{font-size:15px;font-weight:600;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--cizgi-acik)}
.yan-liste li + li{margin-top:4px}
.yan-liste a{display:flex;align-items:center;gap:12px;padding:11px 0;font-size:13.5px;transition:var(--gecis)}
.yan-liste .ikon{width:17px;height:17px;color:var(--kirmizi)}
.yan-liste a:hover{color:var(--kirmizi)}
.yan-fiyat li{display:flex;justify-content:space-between;gap:14px;padding:11px 0;font-size:13.5px;border-bottom:1px dashed var(--cizgi-acik)}
.yan-fiyat b{color:var(--kirmizi);font-family:'Poppins',sans-serif}
.yan-iletisim p{font-size:13.5px;color:var(--metin-soluk);line-height:1.7;margin-bottom:16px}
.yan-telefon{display:inline-flex;align-items:center;gap:10px;font-family:'Poppins',sans-serif;
  font-size:18px;font-weight:700;color:var(--kirmizi)}
.yan-telefon .ikon{width:18px;height:18px}
.yan-saat{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--metin-soluk);margin-top:12px}
.yan-saat .ikon{width:14px;height:14px}
.yan-yazilar li + li{margin-top:16px;padding-top:16px;border-top:1px solid var(--cizgi-acik)}
.yan-yazilar a{display:flex;gap:14px;align-items:center}
.yan-yazi-gorsel{width:74px;height:56px;border-radius:4px;flex:none;overflow:hidden;position:relative;
  background:linear-gradient(135deg,#26262c,#111114)}
.yan-yazi-gorsel img{width:100%;height:100%;object-fit:cover}
.yan-yazilar strong{display:block;font-size:13px;font-weight:600;line-height:1.45;margin-bottom:5px}
.yan-yazilar em{font-style:normal;font-size:11.5px;color:var(--metin-soluk)}
.yan-yazilar a:hover strong{color:var(--kirmizi)}
.mini-adim li{display:flex;align-items:center;gap:12px;font-size:13.5px;padding:10px 0}
.mini-adim span{width:22px;height:22px;border-radius:50%;background:var(--kirmizi);color:#fff;
  font-size:11px;font-weight:700;display:grid;place-items:center;flex:none}

/* ---------------- Formlar ---------------- */
.form-duzen{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:44px;align-items:start}
.form-alani{background:#fff;border:1px solid var(--cizgi-acik);border-radius:6px;padding:34px}
.form-ana-baslik{font-size:22px;font-weight:700;margin-bottom:26px}
.form-baslik{display:flex;align-items:center;gap:12px;margin:30px 0 20px}
.form-baslik:first-of-type{margin-top:0}
.form-baslik h2{font-size:16px;font-weight:600}
.form-satir{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form-satir-3{grid-template-columns:repeat(3,1fr)}
.alan{margin-bottom:18px}
.alan label{display:block;font-size:12.5px;font-weight:600;margin-bottom:8px;color:#33333a}
.alan label i{color:var(--kirmizi);font-style:normal}
.alan input,.alan select,.alan textarea{
  width:100%;padding:13px 15px;border:1px solid #d9d9df;border-radius:5px;
  font-family:inherit;font-size:14px;color:var(--metin);background:#fff;transition:var(--gecis);
}
.alan textarea{resize:vertical;min-height:110px}
.alan input:focus,.alan select:focus,.alan textarea:focus{border-color:var(--kirmizi);outline:none;box-shadow:0 0 0 3px rgba(227,6,19,.1)}
.alan.hatali input,.alan.hatali select,.alan.hatali textarea{border-color:var(--kirmizi);background:#fff8f8}
.alan small{display:block;color:var(--kirmizi);font-size:12px;margin-top:6px}
.bal{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.form-kvkk{font-size:12.5px;color:var(--metin-soluk);margin:6px 0 22px}
.form-kvkk a{color:var(--kirmizi);text-decoration:underline}
.form-yan{display:flex;flex-direction:column;gap:22px;position:sticky;top:100px}

.uyari{padding:14px 18px;border-radius:5px;font-size:13.5px;margin-bottom:22px}
.uyari-hata{background:#fdecec;color:#9c1017;border:1px solid #f6c9c9}
.uyari-basari{background:#e9f7ee;color:#166534;border:1px solid #c2e8d0}
.uyari-serit{margin:0;border-radius:0;padding:14px 0}
.uyari-serit .kap{padding:0 24px}

.basari-kutu{max-width:620px;margin:0 auto;text-align:center;background:#fff;
  border:1px solid var(--cizgi-acik);border-radius:8px;padding:54px 40px}
.basari-ikon{width:64px;height:64px;border-radius:50%;background:#e9f7ee;color:#166534;
  display:grid;place-items:center;margin:0 auto 24px}
.basari-ikon .ikon{width:30px;height:30px;stroke-width:3}
.basari-kutu h2{font-size:24px;font-weight:700;margin-bottom:14px}
.basari-kutu p{color:var(--metin-soluk);font-size:14.5px;line-height:1.8;margin-bottom:26px}
.basari-kutu a{color:var(--kirmizi);font-weight:600}

/* İletişim */
.iletisim-kartlar{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:48px}
.iletisim-kart{background:#fff;border:1px solid var(--cizgi-acik);border-radius:6px;padding:28px 24px;text-align:center}
.iletisim-ikon{width:50px;height:50px;border-radius:50%;background:#fdecec;color:var(--kirmizi);
  display:grid;place-items:center;margin:0 auto 16px}
.iletisim-ikon .ikon{width:22px;height:22px}
.iletisim-kart h2{font-size:14px;font-weight:600;margin-bottom:8px}
.iletisim-kart p{font-size:13.5px;color:var(--metin-soluk);line-height:1.7}
.iletisim-kart a:hover{color:var(--kirmizi)}
.harita{border-radius:6px;overflow:hidden;border:1px solid var(--cizgi-acik);aspect-ratio:4/3.4}
.harita iframe{width:100%;height:100%;border:0;display:block}

/* Sayfalama */
.sayfalama{display:flex;justify-content:center;gap:8px;margin-top:46px}
.sayfalama a{min-width:40px;height:40px;padding:0 12px;border:1px solid var(--cizgi-acik);border-radius:5px;
  display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;transition:var(--gecis)}
.sayfalama a:hover{border-color:var(--siyah)}
.sayfalama a.aktif{background:var(--kirmizi);border-color:var(--kirmizi);color:#fff}

/* 404 */
.hata-sayfa{padding:110px 0;text-align:center}
.hata-kod{font-family:'Poppins',sans-serif;font-size:clamp(80px,14vw,150px);font-weight:800;
  color:var(--kirmizi);line-height:1;display:block;margin-bottom:10px}
.hata-sayfa h1{font-size:clamp(24px,3vw,32px);font-weight:700;margin-bottom:14px}
.hata-sayfa p{color:var(--metin-soluk);max-width:520px;margin:0 auto 32px;line-height:1.8}
.hata-dugmeler{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}

/* ---------------- CTA şeridi ---------------- */
.cta{background:var(--kirmizi);padding:26px 0}
.cta .kap{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.cta-sol{display:flex;align-items:center;gap:20px}
.cta-ikon{width:52px;height:52px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:none}
.cta-ikon .ikon{width:24px;height:24px;color:var(--kirmizi)}
.cta h3{font-size:19px;font-weight:600;color:#fff;margin-bottom:5px}
.cta p{font-size:13px;color:rgba(255,255,255,.85)}

/* ---------------- Alt bilgi ---------------- */
.altbilgi{background:var(--siyah-2);padding:66px 0 0;color:var(--metin-beyaz-soluk)}
.altbilgi-ic{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.35fr;gap:44px}
.altbilgi .logo{margin-bottom:20px}
.altbilgi-hakkinda p{font-size:13px;line-height:1.85;max-width:270px;margin-bottom:26px}
.sosyal{display:flex;gap:10px}
.sosyal a{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.07);
  display:grid;place-items:center;color:#fff;transition:var(--gecis)}
.sosyal a:hover{background:var(--kirmizi)}
.sosyal .ikon{width:15px;height:15px}
.altbilgi h4{font-family:'Poppins',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:#fff;margin-bottom:22px}
.altbilgi-menu li{margin-bottom:11px}
.altbilgi-menu a{font-size:13px;transition:var(--gecis)}
.altbilgi-menu a:hover{color:var(--kirmizi)}
.iletisim-liste li{display:flex;gap:12px;margin-bottom:16px;font-size:13px;line-height:1.6}
.iletisim-liste .ikon{width:15px;height:15px;color:var(--kirmizi);margin-top:3px}
.iletisim-liste a:hover{color:#fff}
.altbilgi-son{margin-top:54px;border-top:1px solid var(--cizgi);padding:20px 0;
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px}
.altbilgi-son .yasal{display:flex;gap:26px}
.altbilgi-son a:hover{color:#fff}

/* ---------------- Yüzen butonlar ---------------- */
.whatsapp{position:fixed;right:22px;bottom:22px;z-index:80;width:52px;height:52px;border-radius:50%;
  background:#25d366;display:grid;place-items:center;color:#fff;box-shadow:0 8px 24px rgba(37,211,102,.4);
  transition:var(--gecis)}
.whatsapp:hover{transform:scale(1.08)}
.whatsapp .ikon{width:27px;height:27px}
.mobil-cagri{display:none}

/* =========================================================
   DUYARLI
   ========================================================= */
@media (max-width:1080px){
  .kahraman-ic{grid-template-columns:1fr;gap:12px}
  .kahraman-arac{max-width:640px}
  .ozellik-serit{grid-template-columns:1fr 1fr}
  .ozellik:nth-child(odd){border-left:0}
  .ozellik:nth-child(-n+2){border-bottom:1px solid var(--cizgi)}
  .hizmetler-ic{grid-template-columns:1fr;gap:36px}
  .hizmet-kartlar{grid-template-columns:1fr 1fr}
  .hizmet-genis-izgara{grid-template-columns:1fr 1fr}
  .neden-ic{grid-template-columns:1fr;gap:40px}
  .adimlar{grid-template-columns:1fr 1fr;gap:44px 0}
  .adim-ok{display:none}
  .paket-izgara{grid-template-columns:1fr 1fr}
  .galeri-serit{grid-auto-columns:calc(50% - 9px)}
  .galeri-tam{grid-template-columns:1fr 1fr}
  .yorum-izgara{grid-template-columns:1fr 1fr}
  .yazi-izgara{grid-template-columns:1fr 1fr}
  .sss-ic{grid-template-columns:1fr;gap:34px}
  .icerik-duzen,.form-duzen{grid-template-columns:1fr;gap:34px}
  .icerik-yan,.form-yan{position:static}
  .iletisim-kartlar{grid-template-columns:1fr 1fr}
  .altbilgi-ic{grid-template-columns:1fr 1fr;gap:38px}
}

@media (max-width:820px){
  body{font-size:14.5px}
  .bolum{padding:56px 0}
  .hizmetler,.neden,.surec,.paketler-blok,.yorumlar,.sss-blok,.blog-blok{padding:60px 0}

  .menu{
    position:fixed;left:0;right:0;top:0;height:100dvh;background:var(--siyah-2);
    flex-direction:column;align-items:stretch;gap:0;padding:86px 24px 30px;
    overflow-y:auto;display:none;z-index:70;
  }
  .menu.acik{display:flex}
  .menu > li > a{padding:16px 0;border-bottom:1px solid var(--cizgi);font-size:13px}
  .menu > li.aktif > a::after{display:none}
  .menu > li.aktif > a{color:var(--kirmizi)}
  .menu-randevu{display:block;margin-top:22px}
  .menu-randevu a{background:var(--kirmizi);color:#fff !important;justify-content:center;
    border:0 !important;border-radius:5px;padding:16px !important}
  .menu-dug{display:block;position:relative;z-index:80}
  .baslik .kap{min-height:64px}

  .ust-bar .kap{flex-direction:column;padding-top:12px;padding-bottom:12px;gap:10px}
  .ust-dug{position:static;transform:none;width:100%}
  .ust-bilgi{flex-direction:column;gap:10px;align-items:stretch;width:100%}
  .ust-oge{padding:0;justify-content:center}
  .ust-oge + .ust-oge{border-left:0;border-top:1px solid var(--cizgi);padding-top:10px}

  .kahraman{padding-top:44px}
  .kahraman-yazi{padding-bottom:32px}
  .ozellik-serit{grid-template-columns:1fr}
  .ozellik{border-left:0 !important;border-bottom:1px solid var(--cizgi)}
  .ozellik:last-child{border-bottom:0}
  .ozellik-bosluk{height:40px}

  .hizmet-kartlar,.hizmet-genis-izgara{grid-template-columns:1fr}
  .istatistikler{grid-template-columns:1fr}
  .ist{border-right:0 !important;border-bottom:1px solid var(--cizgi);padding:24px 22px}
  .ist:last-child{border-bottom:0}
  .adimlar{grid-template-columns:1fr;gap:34px}
  .adim{padding:0}
  .paket-izgara{grid-template-columns:1fr}
  .galeri-serit{grid-auto-columns:88%}
  .galeri-tam{grid-template-columns:1fr}
  .galeri-ok{display:none}
  .galeri-basi{flex-direction:column;align-items:flex-start;gap:16px}
  .yorum-izgara,.yazi-izgara{grid-template-columns:1fr}
  .iletisim-kartlar{grid-template-columns:1fr}
  .form-alani{padding:24px 20px}
  .form-satir,.form-satir-3{grid-template-columns:1fr;gap:0}
  .icerik-cta{flex-direction:column;align-items:flex-start}
  .cta .kap{justify-content:flex-start}
  .cta .dug{width:100%}
  .altbilgi-ic{grid-template-columns:1fr;gap:34px}
  .altbilgi-hakkinda p{max-width:none}
  .altbilgi-son{flex-direction:column;align-items:flex-start;gap:12px}

  /* Mobil alt çağrı çubuğu */
  .mobil-cagri{
    display:flex;align-items:center;justify-content:center;gap:10px;
    position:fixed;left:0;right:0;bottom:0;z-index:70;
    background:var(--kirmizi);color:#fff;padding:15px;
    font-family:'Poppins',sans-serif;font-size:13px;font-weight:600;letter-spacing:.06em;
  }
  .mobil-cagri .ikon{width:16px;height:16px}
  body{padding-bottom:52px}
  .whatsapp{bottom:70px;right:16px}
}

@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important;scroll-behavior:auto !important}
}

@media print{
  .ust-bar,.baslik,.cta,.altbilgi,.whatsapp,.mobil-cagri,.galeri-ok{display:none !important}
  body{color:#000;background:#fff}
}