*,*::before,*::after{box-sizing:border-box}
html{background:var(--shell-bg,#e8ecef)}
body{
  margin:0;
  font-family:var(--font,system-ui,sans-serif);
  color:var(--text,#1f2933);
  background:var(--shell-bg,#e8ecef);
  line-height:1.65;
  padding-bottom:80px;
}
/* Genel link rengi — sadece <main> içi (footer hariç) */
main :where(a:not(.dugme):not(.wa):not(.ic-link)){color:var(--primary,#0f3d5e)}
/* Site içi linkler — açık zeminde koyu, koyu zeminde açık (kontrast) */
a.ic-link{
  color:var(--primary,#0f4c75);
  font-weight:600;
  text-decoration:underline;
  text-underline-offset:2px;
  text-decoration-thickness:1.5px;
  text-decoration-color:rgba(15,76,117,.45);
}
a.ic-link:hover{color:#0a3d5c;text-decoration-color:currentColor}
/* Koyu hero / promo */
.promo-seridi a.ic-link,
.giris-bolumu a.ic-link{color:#fde047;text-decoration-color:rgba(253,224,71,.75)}
.promo-seridi a.ic-link:hover,
.giris-bolumu a.ic-link:hover{color:#fff;text-decoration-color:#fff}
.duzen-klasik .giris-bolumu a.ic-link,
.duzen-minimal .giris-bolumu a.ic-link{color:var(--primary,#0f4c75);text-decoration-color:rgba(15,76,117,.45)}

/* Ortalı site çerçevesi — duvara yapışmaz */
.site-cerceve{
  max-width:var(--site-width,1140px);
  margin:0 auto;
  background:var(--bg,#fff);
  min-height:100vh;
  box-shadow:0 0 40px rgba(15,23,42,.08);
  overflow:hidden;
}

.icerik-kapsayici{
  max-width:calc(var(--site-width,1140px) - 48px);
  margin:0 auto;
  padding:0 var(--site-pad,20px);
}

.ust-cubuk{
  background:var(--ust-cubuk-bg,var(--primary));
  color:var(--ust-cubuk-text,#fff);
  padding:.55rem var(--site-pad,20px);
  font-size:.88rem;
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.ust-cubuk p{margin:0;flex:1 1 200px}
.ust-cubuk-islemler{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}
.ust-cubuk .dugme{border-color:rgba(255,255,255,.35)}

.site-baslik{
  display:flex;
  align-items:center;
  gap:1rem;
  padding:.85rem var(--site-pad,20px);
  border-bottom:1px solid rgba(0,0,0,.06);
  position:sticky;
  top:0;
  background:var(--header-bg,#fff);
  color:var(--header-text,var(--primary));
  z-index:50;
}
.logo{font-weight:800;text-decoration:none;color:var(--header-text,var(--primary));font-size:1.05rem}
.ana-menu{display:none;flex-wrap:wrap;gap:.75rem;margin-left:auto;justify-content:center}
.ana-menu a{text-decoration:none;color:var(--header-text,var(--text));font-size:.92rem;font-weight:500}
.header-cta{display:flex;gap:.5rem;margin-left:auto}
.menu-ac{background:var(--secondary);border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:.4rem .65rem;color:var(--header-text)}
@media(min-width:900px){
  .menu-ac{display:none}
  .ana-menu{display:flex}
  .header-cta{margin-left:0}
  body{padding-bottom:0}
}
.ana-menu.open{
  display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;
  background:var(--header-bg,#fff);padding:1rem var(--site-pad);border-bottom:1px solid #eee;
}

.dugme{
  display:inline-flex;align-items:center;justify-content:center;
  padding:.7rem 1.15rem;border-radius:var(--radius,12px);
  text-decoration:none;border:none;cursor:pointer;font-weight:600;font-size:.95rem;
}
.dugme-oncelikli{background:#c2410c;color:#fff}
.dugme-oncelikli:hover,.dugme-oncelikli:focus{background:#9a3412;color:#fff}
.dugme-whatsapp,.dugme-kucuk.dugme-whatsapp{background:#0d7a3f;color:#fff;font-weight:700}
.dugme-whatsapp:hover,.dugme-kucuk.dugme-whatsapp:hover{background:#0a6634;color:#fff}
.dugme-kucuk{padding:.45rem .85rem;font-size:.85rem}
.ust-cubuk .dugme-kucuk.dugme-whatsapp{background:#0d7a3f;color:#fff}
.marka-logo-resim{max-height:var(--logo-max-h,44px);width:auto;height:auto;object-fit:contain}
.marka-logo-svg{display:inline-flex;align-items:center;line-height:0;max-width:min(220px,55vw)}
.marka-logo-svg .marka-logo-svg-icerik{height:var(--logo-max-h,44px);width:auto;max-width:220px;display:block}
.ust-cubuk .dugme-kucuk:not(.dugme-whatsapp){background:rgba(255,255,255,.15);color:var(--ust-cubuk-text,#fff)}

.ana-sayfa{display:flex;flex-direction:column}
.ana-sayfa .ana-sayfa-bolum{order:var(--ho-m,0)}
@media(min-width:900px){.ana-sayfa .ana-sayfa-bolum{order:var(--ho-d,0)}}
.canli-onizleme-seridi{background:#fbbf24;color:#1a1a1a;text-align:center;padding:.55rem 1rem;font-size:.9rem;font-weight:600;position:sticky;top:0;z-index:9999}
.ana-sayfa .ortali,.bolum.ortali .icerik-kapsayici{text-align:center}
.ana-sayfa .bolum h2{text-align:center}

.giris-bolumu{padding:1.25rem var(--site-pad,16px);background:linear-gradient(180deg,var(--secondary),var(--bg))}
.giris-izgara{display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:start;width:100%;min-width:0}
.giris-icerik,.fiyat-formu-kutusu{min-width:0;width:100%;max-width:100%}
@media(max-width:899px){
  .giris-izgara:has(.giris-icerik.mobil-gizle){grid-template-columns:1fr}
  .giris-bolumu .dugme-buyuk{min-height:52px;font-size:1rem}
}
@media(min-width:900px){
  .giris-bolumu{padding:2rem var(--site-pad)}
  .giris-izgara{grid-template-columns:1.15fr .85fr;gap:1.75rem;align-items:center}
}
.giris-bolumu h1{font-size:clamp(1.45rem,4vw,2.15rem);line-height:1.2;margin:0 0 .5rem;text-align:left}
.giris-bolumu .one-cikan-metin,.giris-bolumu>p{text-align:left}
.one-cikan-metin{font-size:1.08rem;color:var(--text);opacity:.9}
.promo-seridi{
  background:#0b2d4a;color:#fff;text-align:center;
  padding:.65rem var(--site-pad);font-weight:700;font-size:.92rem;
  min-height:2.75rem;display:flex;align-items:center;justify-content:center;
}
.promo-seridi p{margin:0;color:#fff;width:100%}
.tik-listesi{list-style:none;padding:0;text-align:left}
.tik-listesi li{padding:.3rem 0 .3rem 1.6rem;position:relative}
.tik-listesi li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}
.tik-listesi.sutunlu{columns:1}
@media(min-width:600px){.tik-listesi.sutunlu{columns:2}}

.bolum{padding:2.25rem 0}
.bolum.alt,.bolum.bolum-alternatif{background:var(--secondary)}
.bolum h2{text-align:center;margin-top:0}
.kartlar{display:grid;gap:1.15rem;justify-items:stretch}
.kartlar.uc-sutun,.kartlar.iki-sutun{grid-template-columns:1fr}
@media(min-width:768px){
  .kartlar.uc-sutun{grid-template-columns:repeat(3,1fr)}
  .kartlar.iki-sutun{grid-template-columns:repeat(2,1fr)}
}
.kart{
  border:1px solid rgba(0,0,0,.08);
  border-radius:var(--radius);
  padding:1.35rem;
  background:#fff;
  text-align:left;
  height:100%;
}
.etiketler{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}
.etiketler a{
  background:var(--bg);
  border:1px solid rgba(0,0,0,.1);
  padding:.4rem .85rem;border-radius:999px;
  text-decoration:none;font-size:.88rem;color:var(--primary);
}
.teklif-formu label{display:block;margin-bottom:.75rem;font-size:.9rem;text-align:left}
.teklif-formu input,.teklif-formu select,.teklif-formu textarea{
  width:100%;padding:.6rem;border:1px solid #d1d5db;border-radius:8px;
}
.fiyat-formu-kutusu{
  background:#fff;border-radius:var(--radius);
  padding:1.25rem;box-shadow:0 8px 30px rgba(0,0,0,.06);
  text-align:left;
}
.fiyat-formu-kutusu h2{color:var(--primary);font-size:1.15rem}
.fiyat-formu-kutusu label{color:#1e293b;font-weight:600}
.fiyat-formu-kutusu .form-notu{color:#475569}
.cookie-banner a.dugme{color:#fff;background:#334155;border:1px solid rgba(255,255,255,.35);text-decoration:none}
.cookie-banner a.dugme:hover{background:#475569;color:#fff}
.cookie-banner .dugme-oncelikli{background:#c2410c;color:#fff;border:none}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}

.breadcrumb ol{
  list-style:none;display:flex;flex-wrap:wrap;gap:.35rem;
  padding:1rem var(--site-pad);margin:0;font-size:.88rem;justify-content:flex-start;
}
.breadcrumb li+li::before{content:"›";margin-right:.35rem;color:#9ca3af}

.stars{color:#f59e0b}
.star:not(.filled){color:#d1d5db}
.reviews-bolum h2{text-align:center}
.reviews-grid{display:grid;gap:1rem}
@media(min-width:768px){.reviews-grid{grid-template-columns:repeat(3,1fr)}}
.review-kart,.comment-kart{
  border:1px solid rgba(0,0,0,.08);border-radius:var(--radius);
  padding:1.1rem;background:#fff;text-align:left;
}
.sss-listesi{max-width:800px;margin:0 auto;text-align:left}
.sss-listesi details{
  border:1px solid rgba(0,0,0,.08);border-radius:8px;
  padding:.75rem 1rem;margin-bottom:.5rem;background:#fff;
}

/* Footer — tema renkleriyle uyumlu */
.site-altbilgi{
  background:var(--altbilgi-bg,var(--primary));
  color:var(--altbilgi-text,#fff);
  padding:2.5rem var(--site-pad) 1.25rem;
  margin-top:0;
  text-align:left;
}
.site-altbilgi h3,.site-altbilgi h4{color:var(--altbilgi-text,#fff);margin-top:0}
.site-altbilgi p{margin:.35rem 0;font-size:.92rem}
.altbilgi-izgara,.footer-izgara{display:grid;gap:1.5rem;width:100%}
@media(min-width:768px){
  .altbilgi-izgara,.footer-izgara{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
}
.site-altbilgi .icerik-kapsayici.altbilgi-izgara{max-width:calc(var(--site-width,1140px) - 48px)}
.copy{text-align:center;opacity:.85;font-size:.85rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.15)}

/* Sticky mobil bar — özelleştirilebilir renkler */
.mobile-cta{
  position:fixed;bottom:0;left:50%;transform:translateX(-50%);
  width:100%;max-width:var(--site-width,1140px);
  display:grid;grid-template-columns:repeat(2,1fr);z-index:10050;
  background:var(--mobile-bar-bg,#fff);
  border-top:2px solid var(--primary);
  box-shadow:0 -4px 20px rgba(0,0,0,.1);
}
.mobile-cta-kolon-1{grid-template-columns:1fr}
.mobile-cta-kolon-3{grid-template-columns:repeat(3,1fr)}
.mobile-cta a{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;
  padding:.65rem .5rem;text-align:center;text-decoration:none;font-weight:700;
  color:var(--mobile-bar-text,var(--primary));font-size:.9rem;min-height:56px;
}
.mobil-cta-ikon{display:block;flex-shrink:0}
.mobil-cta-etiket{font-size:.72rem;line-height:1.1;font-weight:700}
.mobile-cta .mobil-cta-ara{background:#c2410c;color:#fff}
.mobile-cta .mobil-cta-ara .mobil-cta-etiket,
.mobile-cta .mobil-cta-ara .mobil-cta-ikon{color:#fff}
.mobile-cta .mobil-cta-ara:hover,.mobile-cta .mobil-cta-ara:focus{background:#9a3412;color:#fff}
.mobile-cta .mobil-cta-wa{background:#0a6634;color:#fff}
.mobile-cta .mobil-cta-wa .mobil-cta-etiket,
.mobile-cta .mobil-cta-wa .mobil-cta-ikon{color:#fff}
.mobile-cta .mobil-cta-wa:hover,.mobile-cta .mobil-cta-wa:focus{background:#085229;color:#fff}
.mobile-cta .mobil-cta-fiyat{background:var(--secondary);color:var(--primary)}
@media(min-width:900px){.mobile-cta{display:none}}

.float-wa{
  position:fixed;right:max(1rem,calc(50% - var(--site-width,1140px)/2 + 1rem));
  bottom:5.5rem;background:var(--accent);color:#fff;
  width:54px;height:54px;border-radius:50%;
  display:none;align-items:center;justify-content:center;
  text-decoration:none;font-weight:700;box-shadow:0 4px 16px rgba(0,0,0,.25);z-index:90;
}
@media(min-width:900px){.float-wa{display:flex}}

.ortali{text-align:center}
.dugme-satiri{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0;justify-content:center}
.giris-bolumu .dugme-satiri{justify-content:flex-start}
.cta-bolumu{background:var(--primary);color:var(--altbilgi-text,#fff)}
.cta-bolumu h2{color:inherit}
.cta-bolumu .dugme-oncelikli{color:#fff}

.giris-gorsel{margin:0 auto 1rem;max-width:100%}
.giris-gorsel img{
  width:100%;max-height:400px;object-fit:cover;border-radius:var(--radius);
  display:block;margin:0 auto;
}

/* Admin */
.admin-wrap .success,.form-grid .success{color:#0d6b2e;background:#e8f7ec;padding:.5rem .75rem;border-radius:6px}
.admin-wrap{display:grid;grid-template-columns:220px 1fr;min-height:100vh}
.admin-nav{background:#0f172a;color:#fff;padding:1rem}
.admin-nav a{display:block;color:#cbd5e1;text-decoration:none;padding:.45rem 0;font-size:.92rem}
.admin-nav a.active{color:#fff;font-weight:600}
.admin-nav-grup{display:block;color:#64748b;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.9rem 0 .2rem;margin-top:.25rem;border-top:1px solid #1e293b}
.admin-nav-grup:first-of-type{border-top:none}
.admin-nav-ozet{background:rgba(250,204,21,.08);border-radius:6px;padding:.4rem .5rem !important;margin-bottom:.25rem}
.admin-main{padding:1.5rem;max-width:960px}
.admin-main-wide{max-width:none;width:100%;box-sizing:border-box}
table.admin{width:100%;border-collapse:collapse}
table.admin th,table.admin td{border:1px solid #e5e7eb;padding:.5rem;text-align:left}
.form-grid label{display:block;margin-bottom:.75rem}
.form-grid input,.form-grid select,.form-grid textarea{width:100%;max-width:520px;padding:.5rem}
.form-grid .row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.notice{background:#ecfdf5;border:1px solid #6ee7b7;padding:.75rem;border-radius:8px;margin-bottom:1rem}
.error{background:#fef2f2;border:1px solid #fca5a5;padding:.75rem;border-radius:8px;color:#991b1b}
.color-row{display:flex;gap:.5rem;align-items:center}
.color-row input[type=color]{width:48px;height:36px;padding:0;border:none}

/* ===== Mobil ana sayfa düzeltmeleri ===== */
@media (max-width: 899px) {
  .icerik-kapsayici{padding:0 14px}
  .giris-bolumu h1{
    font-size:1.28rem;
    line-height:1.25;
    word-wrap:break-word;
    overflow-wrap:anywhere;
    hyphens:auto;
  }
  .giris-bolumu .one-cikan-metin,.giris-aciklama,.bolum-giris{font-size:.98rem}
  .giris-dugmeler,.dugme-satiri{flex-direction:column;width:100%}
  .giris-dugmeler .dugme,.dugme-satiri .dugme{width:100%;max-width:100%}
  .fiyat-formu-kutusu{
    padding:1rem;
    margin-top:.25rem;
    box-sizing:border-box;
  }
  .teklif-formu label{display:block;width:100%}
  .teklif-formu input,.teklif-formu select,.teklif-formu textarea{
    width:100%;
    max-width:100%;
    min-width:0;
    font-size:16px;
    box-sizing:border-box;
  }
  .form-notu{font-size:.85rem;margin:0 0 .75rem}
  .bolge-etiketleri{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:.45rem;
    padding:0;
  }
  .bolge-etiketleri a{
    font-size:.78rem;
    padding:.45rem .65rem;
    line-height:1.3;
    text-align:center;
    max-width:100%;
    word-break:break-word;
  }
  .tik-listesi.sutunlu{columns:1}
  .kart{padding:1rem}
  .kart h3{font-size:1rem;word-break:break-word}
  .sss-listesi details{font-size:.95rem}
  .site-baslik{
    flex-wrap:nowrap;
    gap:.4rem;
    padding:.5rem 12px;
    min-height:52px;
  }
  .site-baslik .logo{
    flex:1 1 auto;
    min-width:0;
    max-width:none;
    font-size:0;
    line-height:0;
  }
  .site-baslik .marka-logo-svg{max-width:min(130px,34vw)}
  .site-baslik .marka-logo-svg .marka-logo-svg-icerik,
  .site-baslik .marka-logo-resim{height:34px;max-height:34px}
  .site-baslik .menu-ac{
    flex:0 0 auto;
    padding:.32rem .5rem;
    font-size:1.15rem;
    line-height:1;
    margin:0;
  }
  .site-baslik .header-cta{
    flex:0 0 auto;
    margin-left:0;
    gap:.3rem;
  }
  .site-baslik .header-cta .dugme-kucuk{
    padding:.32rem .45rem;
    font-size:.7rem;
    line-height:1.2;
    white-space:nowrap;
    min-height:32px;
  }
  .duzen-guven .giris-bolumu::before{font-size:.78rem;padding:.4rem .6rem}
}

/* Platform: kalın / vurgulu bölümler */
.bolum-kalin h2,.bolum-kalin h3{font-weight:800}
.bolum-kalin .bolum-giris{font-weight:600}
.bolum-vurgulu{
  background:linear-gradient(180deg,var(--secondary),var(--bg)) !important;
  border-top:3px solid var(--accent);
  border-bottom:3px solid var(--accent);
}
.bolge-sayisi-rozet{
  display:inline-block;
  background:#0d7a3f;
  color:#fff;
  font-size:.8rem;
  font-weight:700;
  padding:.25rem .65rem;
  border-radius:999px;
  margin:0 auto 1rem;
}

/* Hizmet kartı stilleri */
.kartlar-kalin .kart h3{font-weight:800}
.kartlar-cerceveli .kart{border:2px solid var(--accent);box-shadow:none}
.kartlar-vurgulu .kart{background:linear-gradient(135deg,var(--secondary),#fff);border-left:4px solid var(--accent)}
.kartlar-kompakt .kart{padding:.75rem}
.kartlar-kompakt .kart p{font-size:.88rem}
.altbilgi-note,.footer-note{font-size:.85rem;opacity:.9;margin-top:.5rem}
.altbilgi-izgara .bolum-kalin h3,.altbilgi-izgara .bolum-kalin h4{font-weight:800}
.altbilgi-izgara .bolum-vurgulu{background:rgba(255,255,255,.06);padding:.75rem;border-radius:8px}

/* Admin rehber */
.guide-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem 1.25rem;margin:1rem 0}
.guide-box h3{margin-top:0;font-size:1.05rem}
.guide-box ul{margin:.5rem 0;padding-left:1.25rem}
.guide-steps{counter-reset:step}
.guide-steps li{margin:.5rem 0}

/* Logo */
.marka-logo-resim{display:block;max-height:var(--logo-max-h,44px);width:auto;max-width:160px;object-fit:contain}
.reviews-stacked .reviews-grid{display:flex;flex-direction:column;gap:1rem;max-width:640px;margin:0 auto}
.reviews-stacked .review-kart{display:block;width:100%}
.bot-quote{border-left:4px solid var(--accent);padding:.75rem 1rem;margin:1rem 0;background:var(--secondary);font-style:italic}

/* Buton stilleri */
.dugme-stil-pill .dugme{border-radius:999px}
.dugme-stil-square .dugme{border-radius:4px}
.dugme-stil-rounded .dugme{border-radius:var(--radius,12px)}

/* Hero varyantları */
@media(min-width:768px){
  .giris-turu-side .giris-izgara.has-image{grid-template-columns:1fr 1fr;align-items:center}
  .giris-turu-side .giris-gorsel{order:-1}
  .giris-turu-stack .giris-izgara{grid-template-columns:1fr}
}
.giris-turu-stack .giris-gorsel{margin-bottom:1rem}

/* İlgili linkler */
.related-links{margin:2rem 0;padding:1.25rem;background:var(--secondary);border-radius:var(--radius)}
.related-links h3{font-size:1rem;margin:0 0 .75rem}
.related-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem 1rem}
.related-list a{text-decoration:none;font-weight:600;color:var(--primary)}
.related-list a:hover{text-decoration:underline}
.etiketler-inline.related-list{gap:.35rem}
.bolum-narrow{max-width:720px}

/* Erişilebilirlik */
.az-hareket *{animation:none!important;transition:none!important}

/* Lazy img */
img[loading="lazy"]{background:var(--secondary)}
.post-cover img,.kart-thumb img{width:100%;height:auto;border-radius:var(--radius);display:block;margin-bottom:1rem}
.kart-thumb{display:block;overflow:hidden;border-radius:var(--radius);margin-bottom:.75rem}

/* Çerez bandı */
.cookie-banner{position:fixed;left:0;right:0;z-index:9999;background:#1a2b3c;color:#fff;padding:1rem 1.25rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 -4px 24px rgba(0,0,0,.2);transform:translateY(100%);opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease}
.cookie-banner.cookie-goster{transform:translateY(0);opacity:1;pointer-events:auto}
@media(max-width:899px){
  .cookie-banner,.cookie-banner.cookie-masaustu{display:none!important;visibility:hidden!important;pointer-events:none!important}
}
.cookie-banner[hidden]{display:none!important}
.cookie-bottom{bottom:0}
.cookie-top{top:0}
.cookie-actions{display:flex;gap:.5rem;flex-shrink:0}
.cookie-banner p{margin:0;flex:1;min-width:200px;font-size:.9rem}

/* Fiyat tablosu */
.fiyat-bolumu .bolum-giris,.fiyat-bolumu .fiyat-uyari{text-align:center;max-width:42rem;margin-left:auto;margin-right:auto}
.tablo-sarmal{margin:1rem 0}
.fiyat-tablosu{width:100%;border-collapse:collapse;margin:0;font-size:.95rem}
.fiyat-tablosu th,.fiyat-tablosu td{padding:.75rem .85rem;border-bottom:1px solid rgba(0,0,0,.08);text-align:left;vertical-align:top}
.fiyat-tablosu th{background:var(--secondary);font-weight:600;font-size:.9rem}
.fiyat-tablosu .fiyat-tutar{white-space:nowrap}
.fiyat-tablosu .fiyat-tutar{font-weight:700;color:var(--primary)}
.pricing-cta{margin-top:1.25rem;text-align:center}
.service-giris-bolumu-img{margin:1rem 0}
.service-giris-bolumu-img img{width:100%;max-height:360px;object-fit:cover;border-radius:var(--radius)}

/* Admin pipeline */
.pipeline-board{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem}
.pipeline-col{min-width:220px;flex:1;background:var(--secondary,#f4f6f8);border-radius:8px;padding:.75rem}
.pipeline-col h3{font-size:.85rem;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.03em}
.pipeline-kart{background:#fff;border-radius:6px;padding:.75rem;margin-bottom:.5rem;box-shadow:0 1px 4px rgba(0,0,0,.06);font-size:.875rem}
.pipeline-kart .tag{display:inline-block;background:#e8f4fc;padding:.15rem .4rem;border-radius:4px;font-size:.75rem}
.mod-row{display:block;margin:.35rem 0}
.admin-site-switch{font-size:.8rem;margin:.25rem 0 .75rem;opacity:.85}
.admin-site-switch a{color:inherit}

/* Admin split + önizleme */
.admin-split{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}
.theme-page-layout{display:grid;grid-template-columns:minmax(280px,320px) 1fr;gap:1.25rem;align-items:start;width:100%}
@media(max-width:1200px){.theme-page-layout{grid-template-columns:1fr}}
.theme-page-layout .theme-preview-panel{min-width:0}
.pricing-admin-split{grid-template-columns:1fr 1fr}
@media(max-width:1100px){.admin-split,.pricing-admin-split{grid-template-columns:1fr}}
.admin-split-preview{position:sticky;top:.5rem}
.preview-frame,.pricing-preview-box{background:#fff;border:1px solid #dde3ea;border-radius:8px;padding:1rem}
.preview-toolbar{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap;align-items:center}
.preview-toolbar .dugme.active,.preview-toolbar .btn.active{background:var(--primary,#0f3d5e);color:#fff;border-color:var(--primary,#0f3d5e)}
.admin-wrap .btn,.admin-main .btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .9rem;border-radius:8px;border:1px solid #cbd5e1;background:#fff;cursor:pointer;font-size:.88rem;text-decoration:none;color:inherit}
.admin-wrap .btn-primary,.admin-main .btn-primary{background:var(--primary,#0f3d5e);color:#fff;border-color:var(--primary,#0f3d5e)}
.admin-wrap .btn-sm,.admin-main .btn-sm{padding:.35rem .65rem;font-size:.82rem}
.theme-preview-wrap{background:#1e293b;border-radius:10px;padding:16px;width:100%;box-sizing:border-box;min-height:calc(100vh - 140px);height:calc(100vh - 140px);display:flex;align-items:flex-start;justify-content:center;overflow:hidden}
.theme-preview-wrap.is-desktop{align-items:stretch;justify-content:stretch}
.theme-preview-wrap.is-desktop .theme-preview-iframe{width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;min-height:0!important;display:block}
.theme-preview-wrap.is-mobile{min-height:820px;height:auto;align-items:flex-start}
.theme-preview-wrap.is-mobile .theme-preview-iframe{width:390px!important;min-width:390px!important;max-width:100%;height:780px!important;margin:0 auto;display:block}
.theme-preview-iframe{border:none;border-radius:8px;background:#fff;box-shadow:0 12px 40px rgba(0,0,0,.25)}
.theme-page-layout .admin-split-main{max-height:calc(100vh - 100px);overflow-y:auto;padding-right:.25rem}
.preview-hint{margin:.5rem 0 0;opacity:.85}
.preview-status{font-size:.8rem;opacity:.75;margin-left:.5rem}
.ana-sayfa-banner{margin:0;padding:0;width:100%;line-height:0}
.ana-sayfa-banner img{width:100%;max-height:420px;object-fit:cover;display:block;border-radius:0}
.kampanya-sayfa{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--secondary),var(--bg));padding:2rem var(--site-pad)}
.kampanya-html-sayfa{align-items:stretch;padding:0}
.kampanya-html-sayfa .kampanya-html-icerik{width:100%;max-width:var(--site-width,1140px);margin:0 auto;padding:1rem var(--site-pad,20px);box-sizing:border-box}
.kampanya-html-sayfa .kampanya-html-icerik img{max-width:100%;height:auto}
.kampanya-icerik{text-align:center;max-width:520px}
.kampanya-logo,.kampanya-sayfa .marka-logo-svg{margin:0 auto 1rem;display:block}
.kampanya-logo{max-height:64px;width:auto}
.kampanya-sayfa .marka-logo-svg .marka-logo-svg-icerik{height:64px;max-width:240px}
.kampanya-marka{font-size:1.25rem;font-weight:700;margin:0 0 1rem}
.kampanya-sayfa h1{font-size:clamp(1.6rem,5vw,2.2rem);margin:0 0 .75rem}
.kampanya-alt{font-size:1.1rem;opacity:.9;margin:0 0 1.5rem}
.kampanya-dugmeler{justify-content:center}
.dugme-buyuk{padding:1rem 1.5rem;font-size:1.05rem;min-width:10rem}
.kampanya-not{margin-top:1.5rem;opacity:.75}
.bolge-listesi a{padding:.5rem .85rem;font-size:.95rem}
.mahalle-rehberi-listesi{list-style:none;margin:0;padding:0;display:grid;gap:.85rem}
@media(min-width:768px){.mahalle-rehberi-listesi{grid-template-columns:repeat(2,1fr)}}
.mahalle-rehberi-oge{background:var(--secondary,#f8fafc);border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:.85rem 1rem}
.mahalle-rehberi-oge a{text-decoration:none;color:var(--primary,#0f4c75)}
.mahalle-rehberi-oge a strong{font-size:1rem}
.mahalle-rehberi-oge p{margin:.35rem 0 0;font-size:.88rem;color:#64748b;line-height:1.5}
.mahalle-rehberi-hizmetler{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.mahalle-rehberi-hizmetler a{display:inline-block;padding:.45rem .9rem;border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.1);text-decoration:none;font-weight:600;color:var(--primary,#0f4c75)}
.blog-rastgele-liste{list-style:none;padding:0;margin:0}
.blog-rastgele-liste li{padding:.35rem 0;border-bottom:1px solid #e8ecef}
.blog-rastgele-liste a{text-decoration:none;font-weight:600}
.bolge-diger,.blog-diger{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}
.blog-mid-oneri{margin:1.25rem 0;padding:.85rem 1rem;background:#f0f7ff;border-left:3px solid var(--primary,#2563eb);border-radius:4px;font-size:.98rem}
.blog-mid-oneri a{font-weight:600;text-decoration:none}
.blog-mid-oneri a:hover{text-decoration:underline}
.theme-duzen-table{width:100%;font-size:.85rem;margin:.5rem 0 1rem;border-collapse:collapse}
.theme-duzen-table th,.theme-duzen-table td{padding:.4rem .5rem;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:middle}
.theme-duzen-table input[type=number]{max-width:4.5rem}
.tema-onizleme-govde .site-cerceve{max-width:100%!important;width:100%!important}
.pricing-edit-kart{border:1px solid #dde3ea;border-radius:8px;padding:1rem;margin-bottom:1rem;background:#fafbfc}
.pricing-edit-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.75rem}
@media(max-width:700px){.pricing-edit-grid{grid-template-columns:1fr}}
.pricing-note-label{display:block;margin-top:.75rem}
.pricing-note-label textarea{width:100%;min-height:4rem;font-size:.95rem;line-height:1.45}
.pricing-preview-box .pv-note-cell{max-width:220px;line-height:1.4;word-break:break-word}
.kart-baslik{font-size:1.1rem;font-weight:700;margin:0 0 .5rem;line-height:1.3}
.kart-baslik a{color:inherit;text-decoration:none}
.kart-baslik a:hover{text-decoration:underline}
.fiyat-uyari{font-size:.9rem;color:#5a6570;margin:.5rem 0 1rem;line-height:1.5}
.pricing-preview-box .pv-disclaimer{font-size:.85rem;color:#666}
.tablo-sarmal{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:899px){
  .tablo-sarmal{overflow:visible}
  .fiyat-tablosu,.fiyat-tablosu tbody,.fiyat-tablosu tr,.fiyat-tablosu td{display:block;width:100%}
  .fiyat-tablosu thead{display:none!important}
  .fiyat-tablosu tbody{display:flex;flex-direction:column;gap:.85rem}
  .fiyat-tablosu tr.fiyat-satir{
    margin:0;padding:1rem 1.1rem;
    background:#fff;border:1px solid rgba(0,0,0,.1);
    border-radius:var(--radius);
    box-shadow:0 2px 10px rgba(15,23,42,.06);
  }
  .fiyat-tablosu td{
    display:grid;grid-template-columns:minmax(7.5rem,38%) 1fr;
    gap:.2rem .75rem;align-items:start;
    padding:.5rem 0;border:none;
    font-size:1rem;line-height:1.45;
    word-break:break-word;
  }
  .fiyat-tablosu td+td{border-top:1px dashed rgba(0,0,0,.08);padding-top:.55rem;margin-top:.15rem}
  .fiyat-tablosu td::before{
    content:attr(data-label);
    font-weight:700;font-size:.8rem;
    text-transform:uppercase;letter-spacing:.03em;
    color:var(--primary);margin:0;
  }
  .fiyat-tablosu td.fiyat-hizmet{
    display:block;padding-top:0;font-size:1.12rem;font-weight:700;
    color:var(--text);border-top:none;margin-top:0;
  }
  .fiyat-tablosu td.fiyat-hizmet::before{display:none}
  .fiyat-tablosu td.fiyat-tutar{font-size:1.15rem;font-weight:700}
  .fiyat-tablosu td.fiyat-tutar{white-space:normal}
  .fiyat-bolumu .pricing-cta .dugme{display:block;width:100%;max-width:320px;margin:0 auto}
}

/* Performans paneli */
.perf-score-box{margin:1rem 0}
.perf-score{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%;border:4px solid #0f3d5e}
.perf-score[data-level="good"]{border-color:#25a244}
.perf-score[data-level="ok"]{border-color:#e8a317}
.perf-score[data-level="warn"]{border-color:#d64545}
.perf-num{font-size:2rem;font-weight:700;line-height:1}
.perf-label{font-size:.65rem;text-align:center;opacity:.8}
.perf-table{margin-top:1rem}

/* Lazy bolums */
/* Footer bağlantıları — Tema → Footer bağlantı rengi (--altbilgi-link); !important global mavi kuralını ezer */
.site-altbilgi a,
.site-altbilgi a:link,
.site-altbilgi a:visited,
.site-altbilgi .altbilgi-link,
.site-altbilgi a.altbilgi-link,
.site-altbilgi a.ic-link,
.site-altbilgi p a,
.site-altbilgi h3 a,
.site-altbilgi h4 a{
  color:var(--altbilgi-link,#fff)!important;
  text-decoration-color:color-mix(in srgb,var(--altbilgi-link,#fff) 50%,transparent);
}
.site-altbilgi a:hover,
.site-altbilgi a:focus-visible,
.site-altbilgi a.ic-link:hover,
.site-altbilgi a.altbilgi-link:hover{
  color:var(--accent,#25d366)!important;
  text-decoration:underline;
  text-underline-offset:2px;
}

@media (max-width: 899px) {
  .mobil-gizle { display: none !important; }
}
@media (min-width: 900px) {
  .masaustu-gizle { display: none !important; }
}

/* === KLASİK === */
.duzen-klasik .giris-bolumu { background: linear-gradient(180deg, var(--secondary), var(--bg)); }
.duzen-klasik .kart { border: 1px solid rgba(0,0,0,.08); }

/* === MODERN === */
.duzen-modern .giris-bolumu {
  background: linear-gradient(135deg, var(--primary) 0%, color-mix(in srgb, var(--primary) 70%, #000) 100%);
  color: #fff;
}
.duzen-modern .giris-bolumu h1, .duzen-modern .giris-bolumu .one-cikan-metin, .duzen-modern .giris-bolumu p, .duzen-modern .giris-bolumu .tik-listesi li { color: #f1f5f9; }
.duzen-modern .fiyat-formu-kutusu { box-shadow: 0 16px 48px rgba(0,0,0,.2); }
.duzen-modern .kart { box-shadow: 0 10px 28px rgba(0,0,0,.08); border: none; }
.duzen-modern .site-baslik { box-shadow: 0 2px 12px rgba(0,0,0,.05); }

/* === MİNİMAL === */
.duzen-minimal .giris-bolumu { background: var(--bg); border-bottom: 2px solid var(--secondary); }
.duzen-minimal .giris-bolumu h1 { font-weight: 400; letter-spacing: -.03em; }
.duzen-minimal .kart { border: none; border-bottom: 1px solid #e5e7eb; border-radius: 0; box-shadow: none; }
.duzen-minimal .bolum.alt { background: transparent; }
.duzen-minimal .cta-bolumu { background: var(--secondary); color: var(--text); }
.duzen-minimal .dugme { font-weight: 500; }

/* === CESUR === */
.duzen-bold .giris-bolumu {
  background: var(--primary);
  border-bottom: 8px solid var(--cta);
}
.duzen-bold .giris-bolumu h1 { text-transform: uppercase; letter-spacing: -.02em; }
.duzen-bold .giris-bolumu h1, .duzen-bold .giris-bolumu .one-cikan-metin, .duzen-bold .giris-bolumu p { color: #fff; }
.duzen-bold .kart { border: 3px solid var(--primary); }
.duzen-bold .etiketler a { background: var(--cta); color: #111; border: none; font-weight: 700; }

/* === GÜVEN (TR halı siteleri) === */
.duzen-guven .ust-cubuk { font-weight: 600; }
.duzen-guven .giris-bolumu {
  background: var(--secondary);
  border: 2px solid color-mix(in srgb, var(--accent) 40%, transparent);
  margin: 0;
  border-radius: 0;
}
@media (min-width: 900px) {
  .duzen-guven .giris-bolumu {
    margin: 1rem var(--site-pad);
    border-radius: var(--radius);
  }
}
.duzen-guven .giris-bolumu::before {
  content: "✓ Ücretsiz servis · ✓ Hijyenik yıkama · ✓ WhatsApp fiyat";
  display: block;
  background: var(--accent);
  color: #fff;
  padding: .5rem 1rem;
  border-radius: var(--radius);
  margin-bottom: 1rem;
  font-size: .85rem;
  font-weight: 600;
  text-align: center;
}
.duzen-guven .kart {
  border-left: 4px solid var(--accent);
  text-align: center;
}
.duzen-guven .kart h3 { color: var(--primary); }
.duzen-guven .dugme-oncelikli { background: var(--accent); color: #fff; }
.duzen-guven .site-altbilgi { border-top: 4px solid var(--accent); }

/* === PROFESYONEL === */
.duzen-pro .giris-bolumu {
  display: block;
  background: linear-gradient(90deg, var(--primary) 40%, transparent), var(--secondary);
  padding: 2.5rem var(--site-pad);
}
.duzen-pro .giris-izgara { max-width: 900px; margin: 0 auto; }
.duzen-pro .giris-bolumu h1 { font-size: clamp(1.6rem, 4vw, 2.4rem); }
.duzen-pro .kart {
  border-radius: var(--radius);
  border-top: 4px solid var(--cta);
  box-shadow: 0 4px 16px rgba(0,0,0,.06);
}
.duzen-pro .bolum h2 {
  display: inline-block;
  border-bottom: 3px solid var(--cta);
  padding-bottom: .35rem;
}
.duzen-pro .cta-bolumu {
  background: linear-gradient(90deg, var(--primary), color-mix(in srgb, var(--primary) 80%, var(--cta)));
}

/* Hero görsel hizalama */
.giris-gorsel img.object-top { object-position: center top; }
.giris-gorsel img.object-bottom { object-position: center bottom; }
.giris-gorsel img.object-center { object-position: center center; }
.giris-gorsel img.nesne-ust { object-position: center top; }
.giris-gorsel img.nesne-alt { object-position: center bottom; }
.giris-gorsel img.nesne-orta { object-position: center center; }

@media (min-width: 900px) {
  .duzen-klasik .giris-izgara.has-image,
  .duzen-guven .giris-izgara.has-image,
  .duzen-pro .giris-izgara.has-image,
  .duzen-bold .giris-izgara.has-image {
    grid-template-columns: 1fr 1fr;
  }
  .duzen-modern .giris-izgara.has-image {
    grid-template-columns: 1.1fr .9fr;
  }
}

/* === SİLTEM (siltem.com tarzı İzmir halı sitesi) === */
.duzen-siltem .ust-cubuk {
  background: #0b2d4a;
  font-weight: 600;
  letter-spacing: .02em;
}
.duzen-siltem .site-baslik {
  border-bottom: 3px solid var(--cta);
  box-shadow: 0 2px 16px rgba(11,45,74,.12);
}
.duzen-siltem .giris-bolumu {
  background: linear-gradient(135deg, #0b2d4a 0%, #134e6f 55%, #1a6b8a 100%);
  color: #f8fafc;
  padding: 1.25rem 16px;
}
@media (min-width: 900px) {
  .duzen-siltem .giris-bolumu {
    padding: 2rem var(--site-pad);
  }
}
.duzen-siltem .giris-bolumu h1,
.duzen-siltem .giris-bolumu .one-cikan-metin,
.duzen-siltem .giris-bolumu .giris-aciklama,
.duzen-siltem .giris-bolumu .tik-listesi li { color: #f1f5f9; }
.duzen-siltem .giris-bolumu .tik-listesi li::before { color: var(--cta); }
.duzen-siltem .fiyat-formu-kutusu {
  border: 2px solid rgba(255,255,255,.25);
  box-shadow: 0 20px 50px rgba(0,0,0,.25);
}
.duzen-siltem .dugme-oncelikli {
  background: #c2410c;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .03em;
}
.duzen-siltem .bolum h2 {
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: clamp(1.25rem, 3vw, 1.65rem);
  color: var(--primary);
}
.duzen-siltem .bolum h2::after {
  content: "";
  display: block;
  width: 64px;
  height: 4px;
  background: var(--cta);
  margin: .5rem auto 0;
}
.duzen-siltem .kart {
  text-align: center;
  border: none;
  box-shadow: 0 8px 28px rgba(11,45,74,.1);
  transition: transform .2s ease;
}
.duzen-siltem .kart:hover {
  transform: translateY(-4px);
}
.duzen-siltem .kart h3,
.duzen-siltem .kart .kart-baslik {
  color: var(--primary);
  font-size: 1.05rem;
  margin-top: 0;
}
.duzen-siltem .kart .dugme-kucuk {
  margin-top: .75rem;
  border: 2px solid var(--primary);
  background: transparent;
  color: var(--primary);
}
.duzen-siltem .kart .dugme-kucuk:hover {
  background: var(--primary);
  color: #fff;
}
.duzen-siltem .bolum.bolum-alternatif {
  background: #f4f7fa;
}
.duzen-siltem .etiketler a {
  background: var(--primary);
  color: #fff;
  border: none;
  font-weight: 600;
  border-radius: 999px;
  padding: .45rem 1rem;
}
.duzen-siltem .etiketler a:hover,
.duzen-siltem .etiketler a:focus {
  background: #c2410c;
  color: #fff;
}
.duzen-siltem .cta-bolumu {
  background: linear-gradient(90deg, #0b2d4a, #134e6f);
  color: #fff;
}
.duzen-siltem .cta-bolumu h2,
.duzen-siltem .cta-bolumu p { color: #f8fafc; }
.duzen-siltem .cta-bolumu h2::after { background: var(--cta); }
.duzen-siltem .site-altbilgi {
  border-top: 6px solid var(--cta);
  background: #0b2d4a;
}
@media (min-width: 900px) {
  .duzen-siltem .giris-izgara.has-image {
    grid-template-columns: 1.05fr .95fr;
  }
  .duzen-siltem .kartlar.uc-sutun {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 899px) {
  .duzen-siltem .kartlar.uc-sutun {
    grid-template-columns: 1fr;
  }
}

/* === HALI.WEB.TR (karşılaştırma / fiyat al siteleri) === */
.duzen-haliweb .promo-seridi {
  background: linear-gradient(90deg, #ea580c, #f59e0b, #ea580c);
  background-size: 200% 100%;
  animation: haliweb-promo-kaydir 5s ease infinite;
  color: #fff;
  text-align: center;
  padding: .75rem var(--site-pad);
  font-weight: 700;
  font-size: clamp(.85rem, 2.5vw, 1rem);
  letter-spacing: .03em;
}
@keyframes haliweb-promo-kaydir {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
.duzen-haliweb .promo-seridi p { margin: 0; }
.duzen-haliweb .site-baslik {
  border-bottom: 2px solid var(--secondary);
  box-shadow: 0 2px 12px rgba(4, 120, 87, .08);
}
.duzen-haliweb .giris-bolumu {
  background: linear-gradient(180deg, var(--secondary) 0%, #fff 55%);
  text-align: center;
  padding: 2.25rem var(--site-pad) 2rem;
}
.duzen-haliweb .giris-izgara,
.duzen-haliweb .giris-icerik {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
}
.duzen-haliweb .giris-bolumu h1 {
  color: var(--primary);
  font-weight: 800;
  font-size: clamp(1.65rem, 5vw, 2.45rem);
  line-height: 1.12;
  letter-spacing: -.02em;
}
.duzen-haliweb .giris-bolumu .one-cikan-metin {
  color: var(--text);
  font-size: clamp(1rem, 2.5vw, 1.15rem);
  max-width: 36rem;
  margin: .5rem auto 0;
  opacity: .9;
}
.duzen-haliweb .giris-bolumu .giris-aciklama {
  max-width: 32rem;
  margin: .75rem auto 0;
  font-size: .95rem;
}
.duzen-haliweb .giris-bolumu .tik-listesi {
  display: none;
}
.duzen-haliweb .giris-dugmeler {
  justify-content: center;
  flex-wrap: wrap;
  gap: .85rem;
  margin-top: 1.35rem;
}
.duzen-haliweb .dugme-buyuk {
  border-radius: 999px;
  padding: 1rem 1.75rem;
  font-weight: 800;
  font-size: .92rem;
  letter-spacing: .05em;
  min-width: min(100%, 15rem);
  box-shadow: 0 10px 28px rgba(4, 120, 87, .18);
}
.duzen-haliweb .dugme-oncelikli {
  background: var(--cta);
  color: #fff;
  border: none;
}
.duzen-haliweb .dugme-oncelikli:hover {
  filter: brightness(1.06);
  color: #fff;
}
.duzen-haliweb .dugme-whatsapp {
  background: var(--accent);
  color: #fff;
  border: none;
}
.duzen-haliweb .fiyat-formu-kutusu {
  border-radius: 16px;
  border: 2px solid rgba(4, 120, 87, .15);
  box-shadow: 0 16px 40px rgba(4, 120, 87, .12);
}
.duzen-haliweb .bolum h2 {
  text-align: center;
  color: var(--primary);
  font-weight: 800;
  font-size: clamp(1.2rem, 3vw, 1.6rem);
}
.duzen-haliweb .bolum h2::after {
  content: "";
  display: block;
  width: 56px;
  height: 4px;
  background: var(--cta);
  margin: .5rem auto 0;
  border-radius: 2px;
}
.duzen-haliweb .bolum-giris {
  text-align: center;
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
}
.duzen-haliweb .neden-bolumu {
  background: var(--secondary);
}
.duzen-haliweb .neden-kartlari {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  margin: 1.5rem 0 0;
  text-align: center;
}
.duzen-haliweb .neden-kartlari li {
  background: #fff;
  border: 1px solid rgba(4, 120, 87, .12);
  border-radius: 14px;
  padding: 1.35rem 1rem;
  font-weight: 600;
  color: var(--primary);
  box-shadow: 0 6px 24px rgba(4, 120, 87, .08);
}
.duzen-haliweb .neden-kartlari li::before {
  content: "✓";
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  margin: 0 auto .65rem;
  background: var(--secondary);
  color: var(--primary);
  border-radius: 50%;
  font-size: 1.15rem;
  font-weight: 800;
}
.duzen-haliweb .kart {
  text-align: center;
  border: none;
  border-radius: 14px;
  box-shadow: 0 8px 28px rgba(4, 120, 87, .1);
  transition: transform .2s ease;
  will-change: transform;
}
.duzen-haliweb .kart:hover {
  transform: translateY(-3px);
}
.duzen-haliweb .kart h3,
.duzen-haliweb .kart .kart-baslik {
  color: var(--primary);
  font-weight: 700;
}
.duzen-haliweb .etiketler a {
  background: var(--primary);
  color: #fff;
  border-radius: 999px;
  font-weight: 600;
  border: none;
}
.duzen-haliweb .etiketler a:hover {
  background: var(--cta);
  color: #fff;
}
.duzen-haliweb .cta-bolumu {
  background: linear-gradient(135deg, var(--primary), #059669);
  color: #fff;
}
.duzen-haliweb .cta-bolumu h2,
.duzen-haliweb .cta-bolumu p { color: #ecfdf5; }
.duzen-haliweb .cta-bolumu h2::after { background: var(--cta); }
.duzen-haliweb .site-altbilgi {
  border-top: 4px solid var(--cta);
}
@media (min-width: 600px) {
  .duzen-haliweb .neden-kartlari {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 900px) {
  .duzen-haliweb .neden-kartlari {
    grid-template-columns: repeat(4, 1fr);
  }
  .duzen-haliweb .kartlar.uc-sutun {
    grid-template-columns: repeat(4, 1fr);
  }
  .duzen-haliweb .giris-turu-stack .giris-izgara.has-image {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 899px) {
  .duzen-haliweb .kartlar.uc-sutun {
    grid-template-columns: 1fr;
  }
}

/* === LİDER MOBİL (560px) — PageSpeed: sistem fontu, harici CDN yok === */
.duzen-lider {
  --lider-koyu: #152033;
  --lider-gri: #6c7585;
  --lider-kenar: #e7edf5;
  --shell-bg: #f4f7fb;
  --site-width: 560px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.duzen-lider body {
  padding-bottom: 100px;
  background: var(--shell-bg);
  color: var(--text-color, #3b4658);
}
.duzen-lider .site-cerceve.lider-cerceve {
  width: 100%;
  max-width: min(560px, 100%);
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03);
  overflow: hidden;
}
.duzen-lider .ust-cubuk,
.duzen-lider .ana-menu,
.duzen-lider .menu-ac,
.duzen-lider .header-cta,
.duzen-lider .float-wa,
.duzen-lider .cta-bolumu {
  display: none !important;
}
.duzen-lider .lider-ust-baslik {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(12px);
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.06);
  border-bottom: none;
  padding: 0;
}
.duzen-lider .lider-ust-ic {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 16px;
  gap: 10px;
}
.duzen-lider .lider-logo {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--primary);
  font-weight: 900;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: -0.3px;
  text-decoration: none;
}
.duzen-lider .lider-logo-resim {
  max-height: 36px;
  width: auto;
}
.duzen-lider .lider-logo-metin {
  line-height: 1.1;
}
.duzen-lider .lider-ust-menu {
  display: none;
}
.duzen-lider .lider-ust-aksiyonlar {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
  flex-shrink: 0;
}
.duzen-lider .lider-ust-wa {
  display: none;
}
.duzen-lider .lider-ust-ara {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--cta);
  color: #111;
  padding: 9px 12px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 900;
  box-shadow: 0 5px 14px rgba(255, 204, 0, 0.35);
  text-decoration: none;
}
.duzen-lider .lider-ic-sayfa.icerik-kapsayici {
  max-width: none;
  margin: 0;
  width: 100%;
}
.duzen-lider .lider-ic-sayfa {
  padding: 18px 16px 28px;
}
.duzen-lider .lider-ic-sayfa > h1 {
  font-size: 1.35rem;
  font-weight: 900;
  color: var(--lider-koyu, #152033);
  margin: 0 0 0.75rem;
}
.duzen-lider .lider-ic-sayfa .kart {
  border: 1px solid var(--lider-kenar, #e2e8f0);
  border-radius: 16px;
  padding: 1rem;
  background: #fff;
  box-shadow: 0 6px 18px rgba(21, 32, 51, 0.06);
}
.duzen-lider .lider-ic-sayfa .kartlar {
  display: grid;
  gap: 0.85rem;
  grid-template-columns: 1fr;
}
.duzen-lider .breadcrumb {
  padding: 12px 16px 0;
  font-size: 0.82rem;
}
.duzen-lider .lider-hero {
  position: relative;
  overflow: hidden;
  text-align: center;
  padding: 34px 18px 28px;
  color: #fff;
  background:
    radial-gradient(circle at 20% 10%, rgba(255, 255, 255, 0.28), transparent 25%),
    linear-gradient(135deg, color-mix(in srgb, var(--primary) 85%, #000) 0%, var(--primary) 45%, color-mix(in srgb, var(--primary) 70%, #fff) 100%);
}
.duzen-lider .lider-hero::before,
.duzen-lider .lider-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  pointer-events: none;
}
.duzen-lider .lider-hero::before {
  width: 210px;
  height: 210px;
  top: -110px;
  right: -80px;
}
.duzen-lider .lider-hero::after {
  width: 160px;
  height: 160px;
  bottom: -90px;
  left: -70px;
}
.duzen-lider .lider-hero-icerik {
  position: relative;
  z-index: 2;
}
.duzen-lider .lider-bolge-etiketi {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.24);
  padding: 8px 13px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  margin: 0 0 15px;
}
.duzen-lider .lider-hero h1 {
  font-size: 26px;
  line-height: 1.22;
  font-weight: 900;
  margin: 0 0 12px;
  color: #fff;
  letter-spacing: -0.6px;
}
.duzen-lider .lider-h1-vurgu {
  color: var(--cta);
}
.duzen-lider .lider-marka-pill {
  display: inline-block;
  margin: 0 auto 14px;
  padding: 9px 18px;
  background: var(--cta);
  color: #111;
  border-radius: 999px;
  font-size: 17px;
  font-weight: 900;
  letter-spacing: 1px;
}
.duzen-lider .lider-makine-uyarisi {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.15);
  border: 1px dashed rgba(255, 255, 255, 0.4);
  border-radius: 12px;
  padding: 10px;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 15px;
}
.duzen-lider .lider-hero-metin {
  font-size: 15px;
  color: #eef7ff;
  margin: 0 0 18px;
  line-height: 1.55;
}
.duzen-lider .lider-fiyat-etiketi {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--cta);
  color: #111;
  padding: 10px 18px;
  font-weight: 900;
  border-radius: 999px;
  font-size: 15px;
  margin: 0 0 16px;
}
.duzen-lider .lider-hero-ozet {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 14px;
}
.duzen-lider .lider-hero-ozet div {
  background: rgba(255, 255, 255, 0.13);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 14px;
  padding: 10px 6px;
}
.duzen-lider .lider-hero-ozet strong {
  display: block;
  color: #fff;
  font-size: 15px;
  line-height: 1.1;
}
.duzen-lider .lider-hero-ozet span {
  display: block;
  color: #dcefff;
  font-size: 10.5px;
  font-weight: 600;
  margin-top: 4px;
}
.duzen-lider .lider-aksiyon {
  padding: 18px 16px 10px;
  background: #fff;
}
.duzen-lider .lider-wa-buyuk {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  padding: 15px;
  border-radius: 15px;
  font-size: 17px;
  font-weight: 900;
  background: var(--accent);
  color: #fff;
  text-decoration: none;
  box-shadow: 0 8px 22px rgba(37, 211, 102, 0.28);
}
.duzen-lider .lider-bolum-alani {
  padding: 24px 16px;
}
.duzen-lider .lider-bolum-alani .icerik-kapsayici {
  max-width: none;
  padding: 0;
}
.duzen-lider .lider-bolum-basligi {
  text-align: center;
  margin-bottom: 17px;
}
.duzen-lider .lider-bolum-basligi small {
  display: block;
  color: var(--primary);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
}
.duzen-lider .lider-bolum-basligi h2,
.duzen-lider .lider-bolum-alani > .icerik-kapsayici > h2 {
  color: var(--lider-koyu);
  font-size: 21px;
  line-height: 1.25;
  font-weight: 900;
  text-align: center;
  margin: 0;
}
.duzen-lider .lider-hizmet-izgara {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px;
}
.duzen-lider .lider-hizmet-karti {
  text-align: center;
  padding: 17px 10px;
  border-radius: 18px;
  border: 1px solid var(--lider-kenar);
  box-shadow: 0 7px 20px rgba(21, 32, 51, 0.07);
  background: #fff;
}
.duzen-lider .lider-kart-ikon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin: 0 auto 9px;
  border-radius: 16px;
  background: #eaf4ff;
  color: var(--primary);
}
.duzen-lider .lider-hizmet-karti .kart-baslik {
  font-size: 14px;
  font-weight: 900;
  line-height: 1.25;
  margin: 0;
}
.duzen-lider .lider-hizmet-karti .kart-baslik a {
  color: var(--lider-koyu);
  text-decoration: none;
}
.duzen-lider .lider-hizmet-karti p {
  margin-top: 5px;
  color: var(--lider-gri);
  font-size: 11.5px;
}
.duzen-lider #bolgeler {
  background: linear-gradient(180deg, #eef6ff, #fff);
  text-align: center;
  border-top: 1px solid #e5f0ff;
  border-bottom: 1px solid #e5f0ff;
}
.duzen-lider #bolgeler .etiketler {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
.duzen-lider #bolgeler .etiketler a {
  background: #fff;
  color: var(--primary);
  padding: 8px 13px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
  border: 1px solid #d6eaff;
  box-shadow: 0 4px 12px rgba(0, 86, 179, 0.07);
  text-decoration: none;
}
.duzen-lider .neden-bolumu {
  background: #fff;
}
.duzen-lider .neden-bolumu .tik-listesi {
  display: grid;
  gap: 12px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.duzen-lider .neden-bolumu .tik-listesi li {
  padding: 14px 14px 14px 3rem;
  border: 1px solid var(--lider-kenar);
  border-radius: 16px;
  box-shadow: 0 6px 18px rgba(21, 32, 51, 0.05);
  font-size: 13.5px;
  font-weight: 500;
  position: relative;
}
.duzen-lider .neden-bolumu .tik-listesi li::before {
  content: "✓";
  position: absolute;
  left: 14px;
  top: 14px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eaffe9;
  color: var(--accent);
  border-radius: 10px;
  font-weight: 900;
}
.duzen-lider .lider-altbilgi {
  text-align: center;
  background: var(--lider-koyu);
  color: #d8dee9;
  padding: 20px 16px 24px;
  font-size: 12.5px;
}
.duzen-lider .lider-altbilgi a {
  color: #fff;
}
.duzen-lider .lider-adres-kutusu {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.duzen-lider .lider-sabit-arama {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--primary);
  box-shadow: 0 -5px 24px rgba(0, 0, 0, 0.28);
  z-index: 99999;
  padding: 10px 12px 12px;
  display: block !important;
  grid-template-columns: none;
  max-width: none;
  transform: none;
  border-top: none;
}
.duzen-lider .lider-sabit-sarici {
  width: min(560px, 100%);
  margin: 0 auto;
}
.duzen-lider .lider-sabit-ara-dugme {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  width: 100%;
  background: var(--cta);
  color: #111;
  padding: 14px 10px;
  border-radius: 13px;
  font-size: 16px;
  font-weight: 950;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.2;
}
.duzen-lider .lider-sabit-not {
  text-align: center;
  color: #eaf4ff;
  font-size: 11px;
  font-weight: 600;
  margin: 5px 0 0;
}
.duzen-lider .breadcrumb {
  padding: 10px 16px 0;
  font-size: 12px;
}
.duzen-lider main.bolum {
  margin: 0;
  padding: 16px;
  max-width: none;
}
.duzen-lider main.bolum .content {
  background: #fff;
  border: 1px solid var(--lider-kenar);
  border-radius: 18px;
  padding: 17px;
}
@media (min-width: 760px) {
  .duzen-lider body {
    background: #eaf0f7;
  }
  .duzen-lider .site-cerceve.lider-cerceve {
    margin-top: 22px;
    margin-bottom: 22px;
    border-radius: 28px;
  }
}
@media (min-width: 900px) {
  .duzen-lider body {
    padding-bottom: 0;
  }
  .duzen-lider .site-cerceve.lider-cerceve {
    max-width: min(var(--site-width, 1140px), calc(100% - 40px));
    margin-top: 24px;
    margin-bottom: 32px;
    border-radius: 24px;
  }
  .duzen-lider .lider-ust-ic {
    flex-wrap: nowrap;
    gap: 1rem;
    padding: 12px 24px;
  }
  .duzen-lider .lider-logo {
    flex: 0 0 auto;
  }
  .duzen-lider .lider-ust-menu {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.35rem 1rem;
    padding: 0;
  }
  .duzen-lider .lider-ust-menu a {
    color: var(--primary);
    font-size: 0.88rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
  }
  .duzen-lider .lider-ust-menu a:hover {
    color: color-mix(in srgb, var(--primary) 70%, #000);
  }
  .duzen-lider .lider-ust-aksiyonlar {
    display: flex;
    gap: 0.5rem;
    flex: 0 0 auto;
  }
  .duzen-lider .lider-ust-wa {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    background: var(--accent);
    color: #fff;
    padding: 9px 14px;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 800;
    text-decoration: none;
  }
  .duzen-lider .lider-ust-ara span {
    display: inline;
  }
  .duzen-lider .lider-hero {
    padding: 48px 40px 40px;
  }
  .duzen-lider .lider-hero h1 {
    font-size: clamp(1.75rem, 3.2vw, 2.45rem);
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
  }
  .duzen-lider .lider-hero-metin {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }
  .duzen-lider .lider-hizmet-izgara {
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
  }
  .duzen-lider .lider-bolum-alani {
    padding: 32px 28px;
  }
  .duzen-lider .neden-bolumu .tik-listesi {
    grid-template-columns: repeat(2, 1fr);
  }
  .duzen-lider .lider-sabit-arama {
    display: none !important;
  }
  .duzen-lider .lider-sabit-sarici {
    width: min(var(--site-width, 1140px), calc(100% - 40px));
  }
  .duzen-lider .lider-ic-sayfa {
    padding: 28px 32px 40px;
    max-width: none;
  }
  .duzen-lider .lider-ic-sayfa > h1 {
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    color: var(--lider-koyu);
    font-weight: 900;
    margin: 0 0 1rem;
  }
  .duzen-lider .lider-ic-sayfa .bolum-giris,
  .duzen-lider .lider-ic-sayfa .one-cikan-metin {
    color: var(--lider-gri);
    max-width: 720px;
  }
  .duzen-lider .lider-ic-sayfa .kartlar,
  .duzen-lider .lider-ic-sayfa .kartlar.uc-sutun,
  .duzen-lider .lider-ic-sayfa .kartlar.iki-sutun {
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
  }
  .duzen-lider .lider-ic-sayfa .kart {
    border: 1px solid var(--lider-kenar);
    border-radius: 18px;
    box-shadow: 0 7px 20px rgba(21, 32, 51, 0.07);
    padding: 1.25rem;
    background: #fff;
  }
  .duzen-lider .lider-ic-sayfa .kart h2,
  .duzen-lider .lider-ic-sayfa .kart h3 {
    font-size: 1.05rem;
    font-weight: 900;
    margin: 0 0 0.5rem;
  }
  .duzen-lider .lider-ic-sayfa .kart h2 a,
  .duzen-lider .lider-ic-sayfa .kart h3 a {
    color: var(--lider-koyu);
    text-decoration: none;
  }
  .duzen-lider .lider-ic-sayfa .content {
    background: #fff;
    border: 1px solid var(--lider-kenar);
    border-radius: 18px;
    padding: 1.5rem 1.75rem;
    line-height: 1.65;
  }
  .duzen-lider .lider-ic-sayfa .content img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
  }
  .duzen-lider .lider-ic-sayfa .dugme-satiri {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin: 1.25rem 0;
  }
  .duzen-lider .lider-ic-sayfa .dugme-oncelikli {
    background: var(--cta);
    color: #111;
    font-weight: 800;
  }
  .duzen-lider .lider-ic-sayfa .dugme-whatsapp,
  .duzen-lider .lider-ic-sayfa .cta-box .dugme-whatsapp {
    background: var(--accent);
    color: #fff;
    font-weight: 800;
  }
  .duzen-lider .lider-ic-sayfa .cta-box {
    margin: 1.5rem 0;
    padding: 1rem;
    background: #f8fafc;
    border-radius: 14px;
    text-align: center;
  }
  .duzen-lider .lider-ic-sayfa .sss-listesi details {
    border: 1px solid var(--lider-kenar);
    border-radius: 12px;
    margin-bottom: 0.5rem;
    padding: 0.65rem 1rem;
    background: #fff;
  }
  .duzen-lider .reviews-bolum,
  .duzen-lider .lider-ic-sayfa .reviews-bolum {
    padding: 1rem 0;
  }
  .duzen-lider .breadcrumb {
    padding: 14px 28px 0;
    font-size: 0.85rem;
  }
  .duzen-lider .breadcrumb a {
    color: var(--primary);
    font-weight: 600;
  }
}
@media (max-width: 899px) {
  .duzen-lider .lider-ust-menu,
  .duzen-lider .lider-ust-wa {
    display: none;
  }
  .duzen-lider .lider-ust-aksiyonlar {
    flex: 0 0 auto;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .duzen-lider .site-cerceve.lider-cerceve {
    max-width: min(720px, 100%);
  }
  .duzen-lider .lider-hizmet-izgara {
    grid-template-columns: repeat(2, 1fr);
  }
  .duzen-lider .lider-ic-sayfa .kartlar,
  .duzen-lider .lider-ic-sayfa .kartlar.iki-sutun {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 370px) {
  .duzen-lider .lider-hero h1 {
    font-size: 22px;
  }
  .duzen-lider .lider-marka-pill {
    font-size: 15px;
  }
}

/* ===== KLİNİK (sağlık / güzellik / spa — yumuşak, ferah, farklı) ===== */
.duzen-klinik {
  --klinik-yumusak: color-mix(in srgb, var(--primary) 8%, #fff);
  --klinik-vurgu: color-mix(in srgb, var(--primary) 18%, #fff);
}
.duzen-klinik .site-cerceve {
  box-shadow: 0 0 60px rgba(13, 124, 102, .08);
}
.duzen-klinik .ust-cubuk {
  background: var(--klinik-vurgu);
  color: var(--primary);
  font-size: .82rem;
  font-weight: 600;
  border-bottom: 1px solid color-mix(in srgb, var(--primary) 12%, transparent);
}
.duzen-klinik .ust-cubuk .dugme-kucuk:not(.dugme-whatsapp) {
  background: var(--primary);
  color: #fff;
  border-radius: 999px;
}
.duzen-klinik .site-baslik {
  background: rgba(255, 255, 255, .97);
  backdrop-filter: blur(8px);
  border-bottom: none;
  box-shadow: 0 4px 24px rgba(13, 124, 102, .06);
}
.duzen-klinik .logo { font-weight: 700; letter-spacing: -.02em; }
.duzen-klinik .ana-menu a {
  border-radius: 999px;
  padding: .35rem .75rem;
  transition: background .15s;
}
.duzen-klinik .ana-menu a:hover { background: var(--klinik-vurgu); }
.duzen-klinik .giris-bolumu {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--primary) 14%, transparent) 0%, transparent 42%),
    radial-gradient(circle at 4% 88%, color-mix(in srgb, var(--cta) 16%, transparent) 0%, transparent 38%),
    linear-gradient(165deg, #fff 0%, var(--klinik-yumusak) 55%, var(--secondary) 100%);
  padding: 2.5rem var(--site-pad) 3rem;
  border-bottom: none;
}
.duzen-klinik .giris-bolumu::before {
  content: "";
  position: absolute;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--primary) 6%, transparent);
  top: -80px;
  right: -60px;
  pointer-events: none;
}
.duzen-klinik .giris-icerik::before {
  content: "✓ Güvenilir · Hijyenik · Randevulu hizmet";
  display: inline-block;
  background: #fff;
  color: var(--primary);
  border: 1px solid color-mix(in srgb, var(--primary) 20%, transparent);
  border-radius: 999px;
  padding: .35rem .9rem;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .02em;
  margin-bottom: 1rem;
  box-shadow: 0 4px 16px rgba(13, 124, 102, .08);
}
.duzen-klinik .giris-bolumu h1 {
  color: var(--primary);
  font-weight: 800;
  letter-spacing: -.03em;
  font-size: clamp(1.65rem, 4.5vw, 2.55rem);
  line-height: 1.15;
  max-width: 16ch;
}
.duzen-klinik .giris-bolumu .one-cikan-metin {
  color: var(--cta);
  font-weight: 700;
  font-size: 1.05rem;
  margin-top: .5rem;
}
.duzen-klinik .giris-bolumu .giris-aciklama,
.duzen-klinik .giris-bolumu p { color: #475569; max-width: 38rem; }
.duzen-klinik .giris-bolumu .tik-listesi {
  display: grid;
  gap: .55rem;
  margin: 1.25rem 0;
  padding: 0;
  list-style: none;
}
.duzen-klinik .giris-bolumu .tik-listesi li {
  background: rgba(255, 255, 255, .75);
  border: 1px solid color-mix(in srgb, var(--primary) 12%, transparent);
  border-radius: 12px;
  padding: .55rem .85rem .55rem 2.2rem;
  color: #334155;
  font-weight: 500;
}
.duzen-klinik .giris-bolumu .tik-listesi li::before {
  color: var(--primary);
  font-weight: 800;
}
.duzen-klinik .dugme { border-radius: 999px; font-weight: 700; }
.duzen-klinik .dugme-oncelikli {
  background: var(--primary);
  color: #fff;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--primary) 35%, transparent);
}
.duzen-klinik .fiyat-formu-kutusu {
  background: #fff;
  border: none;
  border-radius: 24px;
  box-shadow: 0 20px 60px rgba(13, 124, 102, .14);
  border-top: 5px solid var(--primary);
}
.duzen-klinik .fiyat-formu-kutusu h2 {
  color: var(--primary);
  font-size: 1.15rem;
  margin-top: 0;
}
.duzen-klinik #hizmetler {
  background: #fff;
  padding: 3rem 0;
}
.duzen-klinik #hizmetler .bolum-giris { text-align: center; max-width: 40rem; margin: 0 auto 1.5rem; }
.duzen-klinik #hizmetler h2 {
  text-align: center;
  color: var(--primary);
  font-weight: 800;
  font-size: clamp(1.35rem, 3vw, 1.85rem);
}
.duzen-klinik #hizmetler h2::after {
  content: "";
  display: block;
  width: 48px;
  height: 4px;
  background: var(--cta);
  border-radius: 999px;
  margin: .55rem auto 0;
}
.duzen-klinik #hizmetler .kart {
  text-align: center;
  border: 1px solid color-mix(in srgb, var(--primary) 10%, transparent);
  border-radius: 20px;
  padding: 1.5rem 1.15rem 1.25rem;
  background: linear-gradient(180deg, #fff, var(--klinik-yumusak));
  box-shadow: none;
  transition: transform .2s, box-shadow .2s;
}
.duzen-klinik #hizmetler .kart::before {
  content: "◆";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  margin: 0 auto .85rem;
  border-radius: 50%;
  background: var(--klinik-vurgu);
  color: var(--primary);
  font-size: 1.1rem;
  font-weight: 800;
}
.duzen-klinik #hizmetler .kart:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 40px rgba(13, 124, 102, .12);
}
.duzen-klinik #hizmetler .kart .kart-baslik,
.duzen-klinik #hizmetler .kart h3 { color: var(--primary); font-size: 1rem; }
.duzen-klinik #hizmetler .kart .dugme-kucuk {
  border-radius: 999px;
  border: 2px solid var(--primary);
  background: transparent;
  color: var(--primary);
  margin-top: .65rem;
}
.duzen-klinik #hizmetler .kart .dugme-kucuk:hover { background: var(--primary); color: #fff; }
.duzen-klinik .neden-bolumu {
  background: var(--klinik-vurgu);
  border-radius: 28px;
  margin: 0 var(--site-pad) 2rem;
  padding: 2rem 0;
}
.duzen-klinik .neden-bolumu h2 { color: var(--primary); }
.duzen-klinik .neden-bolumu .tik-listesi li {
  background: #fff;
  border-radius: 12px;
  padding: .65rem 1rem;
  margin-bottom: .5rem;
  border: 1px solid color-mix(in srgb, var(--primary) 10%, transparent);
}
.duzen-klinik #bolgeler .etiketler a {
  background: #fff;
  color: var(--primary);
  border: 1px solid color-mix(in srgb, var(--primary) 22%, transparent);
  border-radius: 999px;
  font-weight: 600;
}
.duzen-klinik #bolgeler .etiketler a:hover { background: var(--primary); color: #fff; }
.duzen-klinik .sss-listesi details {
  border: 1px solid color-mix(in srgb, var(--primary) 12%, transparent);
  border-radius: 14px;
  margin-bottom: .65rem;
  background: #fff;
}
.duzen-klinik .cta-bolumu {
  background: linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 70%, var(--cta)));
  border-radius: 28px;
  margin: 0 var(--site-pad) 2.5rem;
  color: #fff;
}
.duzen-klinik .cta-bolumu h2,
.duzen-klinik .cta-bolumu p { color: #fff; }
.duzen-klinik .site-altbilgi {
  background: #fff;
  border-top: 4px solid var(--primary);
  color: var(--text);
}
@media (min-width: 900px) {
  .duzen-klinik .giris-izgara {
    grid-template-columns: 1.05fr .95fr;
    align-items: center;
    gap: 2rem;
  }
  .duzen-klinik #hizmetler .kartlar.uc-sutun,
  .duzen-klinik #hizmetler .kartlar.iki-sutun {
    grid-template-columns: repeat(3, 1fr);
  }
  .duzen-klinik .neden-bolumu .tik-listesi.sutunlu { columns: 2; gap: 1rem; }
}

/* ===== OFİS (hukuk / muhasebe — kurumsal, keskin, tamamen farklı) ===== */
.duzen-ofis {
  --ofis-altin: var(--cta, #c2860a);
  --ofis-lacivert: var(--primary, #1e3a5f);
}
.duzen-ofis .site-cerceve { box-shadow: 0 0 50px rgba(15, 23, 42, .18); }
.duzen-ofis .ust-cubuk {
  background: #0f172a;
  color: #cbd5e1;
  font-size: .75rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: .4rem var(--site-pad);
}
.duzen-ofis .ust-cubuk .dugme-kucuk:not(.dugme-whatsapp) {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, .25);
  color: #fff;
  border-radius: 2px;
}
.duzen-ofis .site-baslik {
  background: var(--ofis-lacivert);
  border-bottom: 3px solid var(--ofis-altin);
  position: relative;
  z-index: 10;
}
.duzen-ofis .site-baslik .logo,
.duzen-ofis .site-baslik .ana-menu a,
.duzen-ofis .site-baslik .menu-ac { color: #fff !important; }
.duzen-ofis .site-baslik .ana-menu a:hover { color: var(--ofis-altin) !important; }
.duzen-ofis .site-baslik .header-cta .dugme-kucuk:not(.dugme-whatsapp) {
  background: var(--ofis-altin);
  color: #111;
  border-radius: 2px;
  font-weight: 800;
  text-transform: uppercase;
  font-size: .78rem;
  letter-spacing: .04em;
}
.duzen-ofis .giris-bolumu {
  position: relative;
  background:
    linear-gradient(115deg, #0f172a 0%, var(--ofis-lacivert) 45%, color-mix(in srgb, var(--ofis-lacivert) 80%, #000) 100%);
  color: #fff;
  padding: 3rem var(--site-pad) 4rem;
  margin-top: 0;
}
.duzen-ofis .giris-bolumu::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5px;
  background: linear-gradient(90deg, var(--ofis-altin), color-mix(in srgb, var(--ofis-altin) 40%, transparent) 60%, transparent);
}
.duzen-ofis .giris-icerik::before {
  content: "Kurumsal · Güvenilir · Deneyimli";
  display: block;
  color: var(--ofis-altin);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: .85rem;
}
.duzen-ofis .giris-bolumu h1 {
  color: #fff;
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 700;
  font-size: clamp(1.75rem, 4.5vw, 2.75rem);
  line-height: 1.2;
  border-left: 4px solid var(--ofis-altin);
  padding-left: 1rem;
  max-width: 18ch;
}
.duzen-ofis .giris-bolumu .one-cikan-metin {
  color: #e2e8f0;
  font-family: Georgia, 'Times New Roman', serif;
  font-style: italic;
  font-size: 1.1rem;
}
.duzen-ofis .giris-bolumu .giris-aciklama,
.duzen-ofis .giris-bolumu p,
.duzen-ofis .giris-bolumu .tik-listesi li { color: #cbd5e1; }
.duzen-ofis .giris-bolumu .tik-listesi li::before { color: var(--ofis-altin); }
.duzen-ofis .dugme {
  border-radius: 2px;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: .82rem;
  font-weight: 800;
}
.duzen-ofis .dugme-oncelikli {
  background: var(--ofis-altin);
  color: #111;
}
.duzen-ofis .fiyat-formu-kutusu {
  background: #fff;
  color: var(--text);
  border: none;
  border-radius: 4px;
  box-shadow: 0 24px 64px rgba(0, 0, 0, .35);
  border-top: 4px solid var(--ofis-altin);
}
.duzen-ofis .fiyat-formu-kutusu h2 {
  font-family: Georgia, 'Times New Roman', serif;
  color: var(--ofis-lacivert);
  margin-top: 0;
}
.duzen-ofis .fiyat-formu-kutusu label { color: #475569; }
.duzen-ofis .fiyat-formu-kutusu input,
.duzen-ofis .fiyat-formu-kutusu textarea,
.duzen-ofis .fiyat-formu-kutusu select {
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  color: var(--text);
  border-radius: 2px;
}
.duzen-ofis .bolum h2,
.duzen-ofis .bolum h3 {
  font-family: Georgia, 'Times New Roman', serif;
  text-align: left;
}
.duzen-ofis .ana-sayfa .bolum h2 { text-align: left; }
.duzen-ofis #hizmetler {
  padding: 3rem 0;
  background: #f8fafc;
}
.duzen-ofis #hizmetler h2 {
  font-size: clamp(1.4rem, 3vw, 2rem);
  color: var(--ofis-lacivert);
  border-bottom: 2px solid var(--ofis-altin);
  display: inline-block;
  padding-bottom: .35rem;
}
.duzen-ofis #hizmetler .kartlar {
  counter-reset: ofis-hizmet;
  gap: 0;
  border: 1px solid #cbd5e1;
  background: #fff;
}
.duzen-ofis #hizmetler .kart {
  counter-increment: ofis-hizmet;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #e2e8f0;
  border-left: 4px solid transparent;
  box-shadow: none;
  padding: 1.35rem 1.25rem 1.35rem 4.5rem;
  position: relative;
  text-align: left;
  transition: border-color .15s, background .15s;
}
.duzen-ofis #hizmetler .kart::before {
  content: counter(ofis-hizmet, decimal-leading-zero);
  position: absolute;
  left: 1.1rem;
  top: 1.2rem;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.65rem;
  font-weight: 700;
  color: color-mix(in srgb, var(--ofis-lacivert) 25%, #94a3b8);
  line-height: 1;
}
.duzen-ofis #hizmetler .kart:hover {
  border-left-color: var(--ofis-altin);
  background: #fffbeb;
}
.duzen-ofis #hizmetler .kart .kart-baslik,
.duzen-ofis #hizmetler .kart h3 {
  color: var(--ofis-lacivert);
  font-size: 1.05rem;
  margin-top: 0;
}
.duzen-ofis #hizmetler .kart .dugme-kucuk {
  border-radius: 2px;
  background: transparent;
  border: 1px solid var(--ofis-lacivert);
  color: var(--ofis-lacivert);
  text-transform: uppercase;
  font-size: .75rem;
  letter-spacing: .04em;
}
.duzen-ofis .neden-bolumu {
  background: #0f172a;
  color: #e2e8f0;
  padding: 2.5rem 0;
}
.duzen-ofis .neden-bolumu h2 { color: #fff; }
.duzen-ofis .neden-bolumu .bolum-giris { color: #94a3b8; }
.duzen-ofis .neden-bolumu .tik-listesi li {
  border-left: 3px solid var(--ofis-altin);
  padding-left: 1rem;
  margin-bottom: .65rem;
  color: #e2e8f0;
}
.duzen-ofis .neden-bolumu .tik-listesi li::before { color: var(--ofis-altin); }
.duzen-ofis #bolgeler .etiketler a {
  border-radius: 2px;
  background: #fff;
  border: 1px solid #cbd5e1;
  color: var(--ofis-lacivert);
  font-weight: 600;
  padding: .45rem .85rem;
}
.duzen-ofis #bolgeler .etiketler a:hover {
  background: var(--ofis-lacivert);
  color: #fff;
  border-color: var(--ofis-lacivert);
}
.duzen-ofis .cta-bolumu {
  background: var(--ofis-lacivert);
  border-top: 4px solid var(--ofis-altin);
  border-radius: 0;
  margin: 0;
}
.duzen-ofis .cta-bolumu h2 {
  font-family: Georgia, 'Times New Roman', serif;
  color: #fff;
}
.duzen-ofis .cta-bolumu p { color: #cbd5e1; }
.duzen-ofis .site-altbilgi {
  background: #0f172a;
  border-top: 3px solid var(--ofis-altin);
}
@media (min-width: 900px) {
  .duzen-ofis .giris-izgara {
    grid-template-columns: 1.1fr .9fr;
    align-items: start;
    gap: 2.5rem;
  }
  .duzen-ofis .fiyat-formu-kutusu {
    margin-top: -1rem;
    position: relative;
    z-index: 2;
  }
  .duzen-ofis #hizmetler .kartlar.iki-sutun,
  .duzen-ofis #hizmetler .kartlar.uc-sutun {
    grid-template-columns: repeat(2, 1fr);
  }
  .duzen-ofis #hizmetler .kart:nth-child(odd) { border-right: 1px solid #e2e8f0; }
  .duzen-ofis #hizmetler .kart:nth-last-child(-n+2) { border-bottom: none; }
}

/* İçerik tabloları + galeri ızgarası + footer sosyal + sayfa tipografi */
.content {
  overflow-wrap: anywhere;
  word-break: break-word;
  max-width: 100%;
}
.content h2 {
  font-size: clamp(1.15rem, 2.5vw, 1.45rem);
  font-weight: 800;
  color: var(--primary, #0f4c75);
  margin: 1.85rem 0 0.85rem;
  padding-bottom: 0.4rem;
  border-bottom: 2px solid color-mix(in srgb, var(--primary, #0f4c75) 18%, #e2e8f0);
  line-height: 1.35;
}
.content h3 {
  font-size: clamp(1.02rem, 2vw, 1.2rem);
  font-weight: 700;
  color: #1e293b;
  margin: 1.4rem 0 0.65rem;
  line-height: 1.4;
}
.content h4 {
  font-size: 1rem;
  font-weight: 700;
  margin: 1.1rem 0 0.5rem;
}
.content p {
  margin: 0 0 1rem;
  line-height: 1.75;
  color: #334155;
}
.content .giris-paragrafi {
  font-size: 1.05rem;
  color: #0f172a;
}
.content ul,
.content ol {
  margin: 0 0 1.25rem;
  padding-left: 1.35rem;
  line-height: 1.7;
}
.content li {
  margin-bottom: 0.35rem;
}
.content a {
  color: var(--primary, #0f4c75);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.content figure,
.content .icerik-gorsel-kutu {
  max-width: 100%;
  margin: 1.5rem 0;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 6px 22px rgba(15, 23, 42, 0.1);
  background: #f8fafc;
}
.content img,
.content .icerik-gorsel {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.content .tablo-sarmal {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 1.25rem 0;
}
main.bolum.legal,
main.bolum .sayfa-icerik,
.service-content,
.area-content {
  overflow-x: hidden;
  max-width: 100%;
}
.content .seo-tablo,
.content table {
  width: 100%;
  min-width: 280px;
  border-collapse: collapse;
  margin: 0;
  font-size: 0.95rem;
}
.content .seo-tablo th,
.content .seo-tablo td,
.content table th,
.content table td {
  border: 1px solid #dbeafe;
  padding: 0.65rem 0.85rem;
  text-align: left;
  vertical-align: top;
}
.content .seo-tablo thead th,
.content table thead th {
  background: color-mix(in srgb, var(--primary, #0f4c75) 12%, #fff);
  font-weight: 700;
}
.content .tablo-donem {
  margin: 0.75rem 0 0.25rem;
  padding: 0.5rem 0.75rem;
  background: color-mix(in srgb, var(--primary, #0f4c75) 8%, #f8fafc);
  border-left: 3px solid var(--primary, #0f4c75);
  font-size: 0.92rem;
  color: #334155;
}
.galeri-izgara {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 1rem;
  margin: 1.5rem 0;
}
.galeri-oge {
  margin: 0;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
}
.galeri-oge img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}
.galeri-oge a:hover img { opacity: 0.92; }
.altbilgi-sosyal { margin-top: 0.5rem; }
.altbilgi-sosyal h4,
.lider-altbilgi .altbilgi-sosyal h4 {
  font-size: 0.95rem;
  margin: 0 0 0.65rem;
  font-weight: 700;
}
.sosyal-linkler {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.sosyal-link {
  display: inline-flex;
  align-items: center;
  padding: 0.4rem 0.75rem;
  border-radius: 999px;
  font-size: 0.85rem;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid rgba(147, 197, 253, 0.45);
  color: var(--footer-link, #93c5fd);
  background: rgba(255, 255, 255, 0.06);
}
.sosyal-link:hover {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
}
.lider-altbilgi .sosyal-link {
  border-color: #cbd5e1;
  color: #334155;
  background: #f8fafc;
}
.lider-altbilgi .sosyal-link:hover {
  background: #e2e8f0;
  color: #0f172a;
}

/* Google Maps — iletişim / hakkımızda */
.harita-bolumu {
  margin: 1.75rem 0 2rem;
}
.harita-link {
  margin: 0 0 0.75rem;
}
.harita-link a {
  font-weight: 600;
}
.harita-gomme {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 8px 28px rgba(15, 23, 42, 0.12);
  background: #e2e8f0;
}
.harita-gomme iframe {
  display: block;
  width: 100%;
  min-height: 360px;
  border: 0;
}
@media (min-width: 768px) {
  .harita-gomme iframe {
    min-height: 450px;
  }
}