:root{
  --mavi:#0d6efd;
  --lacivert:#0a3a5e;
  --acik:#e7f0fb;
  --gri:#f5f7fa;
  --metin:#1a2332;
  --soluk:#5b6b7d;
  --yesil:#10b981;
  --kirmizi:#dc2626;
  --turuncu:#ea580c;
  --turuncu-koyu:#c2410c;
  --bg:#ffffff;
  --kenar:#e3e8ef;
  --r:10px;
  --maxw:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  color:var(--metin);
  background:var(--bg);
  line-height:1.6;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--mavi);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{line-height:1.25;color:var(--lacivert);margin:0 0 .6em}
h1{font-size:1.85rem}
h2{font-size:1.4rem;margin-top:1.6em}
h3{font-size:1.1rem;margin-top:1.2em}
p{margin:0 0 1em}
ul{padding-left:1.2em;margin:0 0 1em}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 16px}

/* Header */
.site-header{
  background:#fff;
  border-bottom:1px solid var(--kenar);
  position:sticky;top:0;z-index:50;
}

/* Üst utility bar */
.utility-bar{
  background:linear-gradient(90deg,var(--lacivert),#0f4775);
  color:rgba(255,255,255,.92);
  font-size:.82rem;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.utility-bar-inner{
  display:flex;align-items:center;justify-content:space-between;
  padding:7px 16px;gap:18px;flex-wrap:wrap;
}
.ub-item{display:inline-flex;align-items:center;gap:6px;line-height:1}
.ub-item svg{flex-shrink:0;opacity:.85}
.ub-rating strong{color:#fff;font-weight:700}
.ub-status{font-weight:600}
.ub-status.is-open{color:#7eebb1}
.ub-status.is-closed{color:#ffd29a}
.ub-dot{
  width:7px;height:7px;border-radius:50%;display:inline-block;
  background:currentColor;box-shadow:0 0 0 0 currentColor;
  animation:ubPulse 2s ease-out infinite;
}
@keyframes ubPulse{
  0%{box-shadow:0 0 0 0 rgba(126,235,177,.7)}
  70%{box-shadow:0 0 0 6px rgba(126,235,177,0)}
  100%{box-shadow:0 0 0 0 rgba(126,235,177,0)}
}

/* Ana header satırı */
.header-main{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 16px;position:relative;gap:18px;
}
.logo{display:flex;align-items:center;gap:10px;color:var(--lacivert);text-decoration:none}
.logo:hover{text-decoration:none;color:var(--lacivert)}
.logo svg{width:34px;height:34px;flex-shrink:0}
.logo-text{display:flex;flex-direction:column;line-height:1.15}
.logo-name{font-weight:800;font-size:1.18rem;letter-spacing:-.2px}
.logo-tagline{font-size:.74rem;color:var(--soluk);font-weight:500;letter-spacing:.2px;margin-top:1px}
.nav{display:flex;gap:22px;align-items:center}
.nav a{color:var(--metin);font-weight:500;font-size:.95rem;position:relative;padding:6px 0}
.nav a:hover{color:var(--mavi);text-decoration:none}
.nav a:not(.header-cta):hover::after{
  content:'';position:absolute;left:0;right:0;bottom:-2px;
  height:2px;background:var(--mavi);border-radius:1px;
}

/* Header CTA — telefon */
.header-cta{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--turuncu);color:#fff !important;font-weight:700;
  padding:9px 16px 9px 14px;border-radius:10px;
  text-decoration:none;
  box-shadow:0 4px 14px rgba(234,88,12,.22);
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
  margin-left:6px;
}
.header-cta:hover{
  background:var(--turuncu-koyu);text-decoration:none;color:#fff;
  transform:translateY(-1px);box-shadow:0 6px 18px rgba(234,88,12,.32);
}
.header-cta-icon{display:flex;align-items:center;font-size:1.05rem}
.header-cta-icon svg{width:20px;height:20px}
.header-cta-text{display:flex;flex-direction:column;line-height:1.1}
.header-cta-num{font-size:1rem;font-variant-numeric:tabular-nums;letter-spacing:.2px}
.header-cta-sub{font-size:.7rem;font-weight:500;opacity:.92;margin-top:2px}

.menu-toggle{display:none;background:transparent;border:0;padding:8px;cursor:pointer;width:44px;height:44px}
.menu-toggle .bar{display:block;width:26px;height:3px;background:var(--lacivert);margin:5px auto;border-radius:2px;transition:transform .25s ease,opacity .2s ease}
.menu-toggle[aria-expanded="true"] .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] .bar:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.btn{
  display:inline-block;padding:10px 18px;border-radius:var(--r);
  background:var(--mavi);color:#fff;font-weight:600;border:0;cursor:pointer;
  transition:background .15s;
}
.btn:hover{background:var(--lacivert);text-decoration:none;color:#fff}
.btn-cta{background:var(--turuncu);box-shadow:0 4px 14px rgba(234,88,12,.25)}
.btn-cta:hover{background:var(--turuncu-koyu)}

/* ═══════════════════════════════════════════════════════════════
   Modern CTA Card — 3 satır hiyerarşi (badge / büyük numara / alt açıklama)
═══════════════════════════════════════════════════════════════ */
.btn-cta-card{
  display:inline-flex;flex-direction:column;align-items:center;
  gap:6px;
  padding:14px 32px 16px;
  background:linear-gradient(135deg,#ea580c 0%,#c2410c 100%);
  color:#fff;text-decoration:none;
  border-radius:14px;
  box-shadow:
    0 8px 22px rgba(234,88,12,.28),
    0 2px 6px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.22);
  font-weight:700;
  transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease;
  position:relative;overflow:hidden;
  min-width:280px;
}
.btn-cta-card::before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%);
  transform:translateX(-100%);
  transition:transform .8s ease;
  pointer-events:none;
}
.btn-cta-card:hover{
  transform:translateY(-2px);text-decoration:none;color:#fff;
  box-shadow:
    0 12px 28px rgba(234,88,12,.38),
    0 4px 10px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,.28);
}
.btn-cta-card:hover::before{transform:translateX(100%)}
.btn-cta-card:active{transform:translateY(0) scale(.98)}
.cta-card-badge{
  font-size:.72rem;font-weight:800;letter-spacing:1.6px;
  background:rgba(255,255,255,.22);
  padding:4px 12px;border-radius:999px;
  text-transform:uppercase;
  backdrop-filter:blur(4px);
  border:1px solid rgba(255,255,255,.18);
}
.cta-card-num{
  font-size:1.65rem;font-weight:800;
  font-variant-numeric:tabular-nums;letter-spacing:.5px;
  display:flex;align-items:center;gap:10px;
  text-shadow:0 1px 2px rgba(0,0,0,.18);
}
.cta-card-num span,.cta-card-num svg{font-size:1.4rem}
.cta-card-desc{
  font-size:.86rem;font-weight:500;opacity:.92;
  letter-spacing:.2px;
}
@media (max-width:520px){
  .btn-cta-card{padding:12px 22px 14px;min-width:0;width:100%;border-radius:12px}
  .cta-card-badge{font-size:.68rem;letter-spacing:1.2px}
  .cta-card-num{font-size:1.4rem}
  .cta-card-desc{font-size:.78rem}
}
.header-call{display:inline-flex;align-items:center;gap:6px;font-weight:700}
.header-call .header-call-num{font-variant-numeric:tabular-nums;letter-spacing:.2px}
.btn-lg{padding:14px 26px;font-size:1.05rem}

.btn-wa{
  display:inline-flex;align-items:center;gap:8px;
  background:#25d366;color:#fff;font-weight:600;
  padding:14px 22px;border-radius:var(--r);text-decoration:none;
  font-size:1.05rem;transition:background .15s;
}
.btn-wa:hover{background:#1da851;color:#fff;text-decoration:none}
.btn-wa svg{flex-shrink:0}

/* Hero */
.hero{
  background:linear-gradient(135deg,var(--lacivert),var(--mavi));
  color:#fff;
  padding:54px 0 48px;
}
.hero h1{color:#fff;font-size:2.1rem;margin-bottom:.3em}
.hero p{font-size:1.1rem;opacity:.95;max-width:720px}
.hero .btn{margin-top:14px}
.hero-split{
  display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center;
}
.hero-img{
  display:block;width:100%;height:auto;max-height:360px;object-fit:cover;
  border-radius:var(--r);box-shadow:0 12px 32px rgba(0,0,0,.18);
}
@media (max-width:780px){
  .hero-split{grid-template-columns:1fr;gap:22px}
  .hero-img{max-height:220px}
}

/* Sections */
section{padding:42px 0}
section.alt{background:var(--gri)}
.lead{font-size:1.08rem;color:var(--soluk)}

/* Service grid */
.grid{
  display:grid;gap:18px;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}
.card{
  background:#fff;border:1px solid var(--kenar);border-radius:var(--r);
  padding:22px 20px;
  transition:transform .15s, box-shadow .15s;
  overflow:hidden;
}
.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(13,110,253,.08)}
.card .icon{
  width:46px;height:46px;border-radius:10px;
  background:var(--acik);color:var(--mavi);
  display:flex;align-items:center;justify-content:center;margin-bottom:12px;
}
.card .icon svg{width:26px;height:26px}
.card .kapak{
  display:block;width:calc(100% + 40px);height:160px;object-fit:cover;
  margin:-22px -20px 14px;border-radius:var(--r) var(--r) 0 0;
}
.card h3{margin:0 0 .4em;font-size:1.1rem}
.card p{color:var(--soluk);font-size:.95rem;margin:0}

/* CTA bant */
.cta-bant{
  background:var(--lacivert);color:#fff;padding:36px 0;text-align:center;
}
.cta-bant h2{color:#fff;margin-bottom:.4em}
.cta-bant .btn{background:var(--turuncu);font-size:1.15rem;box-shadow:0 4px 14px rgba(234,88,12,.25)}
.cta-bant .btn:hover{background:var(--turuncu-koyu)}
.cta-bant a.tel{color:#fff;font-size:1.6rem;font-weight:700;display:inline-block;margin-top:8px}

/* FAQ */
.faq details{
  background:#fff;border:1px solid var(--kenar);border-radius:var(--r);
  padding:14px 18px;margin-bottom:10px;
}
.faq details[open]{border-color:var(--mavi)}
.faq summary{font-weight:600;cursor:pointer;color:var(--lacivert);list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"+ ";color:var(--mavi);font-weight:700}
.faq details[open] summary::before{content:"– "}
.faq p{margin-top:10px;color:var(--metin)}

/* Mahalle/iç link bloğu */
.mahalleler-list{
  display:flex;flex-wrap:wrap;gap:8px;
}
.mahalleler-list a{
  background:#fff;border:1px solid var(--kenar);
  padding:8px 14px;border-radius:999px;font-size:.92rem;color:var(--metin);
}
.mahalleler-list a:hover{background:var(--acik);border-color:var(--mavi);color:var(--mavi);text-decoration:none}

/* Breadcrumb */
.breadcrumb{
  font-size:.9rem;color:var(--soluk);
  padding:14px 24px;          /* sol-sağ 24px — wrap'ın ezilen 16px'ini telafi + ekstra havadarlık */
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
}
.breadcrumb a{color:var(--soluk)}
.breadcrumb a:hover{color:var(--mavi);text-decoration:underline}
.breadcrumb span{margin:0}
.breadcrumb span[aria-hidden],
.breadcrumb span:not(:last-child):not(:first-child){opacity:.6}

/* Footer */
.site-footer{background:var(--lacivert);color:#cfd9e3;padding:34px 0 20px;margin-top:30px;font-size:.95rem}
.site-footer h4{color:#fff;margin:0 0 12px;font-size:1rem}
.site-footer a{color:#cfd9e3}
.site-footer a:hover{color:#fff}
.footer-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.copy{border-top:1px solid #1c4a73;margin-top:24px;padding-top:14px;text-align:center;font-size:.85rem;color:#9fb3c8}

/* Sticky mobil ara butonu */
.mobile-call{
  display:none;
  position:fixed;left:0;right:0;bottom:0;
  background:var(--turuncu);color:#fff;
  text-align:center;padding:14px;font-weight:700;font-size:1.1rem;
  z-index:60;box-shadow:0 -2px 10px rgba(0,0,0,.15);
  transform:translateY(100%);
  transition:transform .35s cubic-bezier(.4,0,.2,1);
  pointer-events:none;
}
.mobile-call.is-visible{
  transform:translateY(0);
  pointer-events:auto;
}
.mobile-call:hover{color:#fff;text-decoration:none;background:var(--turuncu-koyu)}
.mobile-call-wa{background:#25d366}
.mobile-call-wa:hover{background:#1ebe5a}
.live-dot{
  display:inline-block;width:9px;height:9px;border-radius:50%;
  background:#21d36a;vertical-align:middle;margin-right:4px;
  box-shadow:0 0 0 0 rgba(33,211,106,.75);
  animation:live-pulse 1.4s ease-in-out infinite;
}
@keyframes live-pulse{
  0%,100%{box-shadow:0 0 0 0 rgba(33,211,106,.75);opacity:1}
  50%{box-shadow:0 0 0 7px rgba(33,211,106,0);opacity:.55}
}

/* Responsive */
@media (max-width:760px){
  h1{font-size:1.55rem}
  .hero h1{font-size:1.7rem}
  .hero{padding:38px 0 32px}
  .menu-toggle{display:inline-block}
  .utility-bar{font-size:.74rem}
  .utility-bar-inner{padding:6px 12px;gap:10px;justify-content:center}
  .ub-loc{display:none}
  .header-main{padding:10px 12px}
  .logo svg{width:30px;height:30px}
  .logo-name{font-size:1.05rem}
  .logo-tagline{font-size:.68rem}
  .nav{
    display:none;
    position:absolute;left:0;right:0;top:100%;
    background:#fff;flex-direction:column;align-items:stretch;gap:0;
    padding:6px 0;border-top:1px solid var(--kenar);
    box-shadow:0 8px 18px rgba(0,0,0,.10);
    max-height:calc(100vh - 60px);overflow-y:auto;
  }
  .nav.is-open{display:flex}
  .nav a{padding:14px 18px;font-size:1rem;border-bottom:1px solid #f0f4f8}
  .nav a:last-child{border-bottom:0}
  .nav .header-cta{
    margin:10px 14px;border-radius:10px;justify-content:center;
    padding:12px 18px;
  }
  .header-cta-sub{font-size:.74rem}
  .mobile-call{display:block}
  body{padding-bottom:60px}
  .cta-bant a.tel{font-size:1.3rem}
}

/* Hizmet listesi (yazılı içerik) */
.icerik h2{border-left:4px solid var(--mavi);padding-left:12px}
.icerik ul li{margin-bottom:.4em}

/* Telefon vurgusu */
.tel-vurgu{
  display:inline-block;padding:4px 10px;border-radius:6px;
  background:var(--acik);color:var(--mavi);font-weight:700;
}

/* Galeri */
.galeri-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.galeri-item{margin:0;background:#fff;border:1px solid var(--kenar);border-radius:var(--r);overflow:hidden}
.galeri-item img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.galeri-item figcaption{padding:10px 12px;font-size:.9rem;color:var(--soluk)}

/* Canlı durum göstergesi (hero'da) */
.canli-durum{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.18);backdrop-filter:blur(4px);
  padding:7px 14px;border-radius:999px;
  font-size:.92rem;color:#fff;margin-bottom:14px;
  border:1px solid rgba(255,255,255,.25);
}
.canli-durum .dot{
  width:9px;height:9px;border-radius:50%;
  background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.7);
  animation:pulse 1.6s infinite;
}
.canli-durum.pasif .dot{background:#f59e0b;animation:none}
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(34,197,94,.7)}
  70%{box-shadow:0 0 0 12px rgba(34,197,94,0)}
  100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}
}

/* Hero video */
.hero-video-wrap{
  position:relative;width:100%;aspect-ratio:16/9;
  border-radius:var(--r);overflow:hidden;
  box-shadow:0 12px 32px rgba(0,0,0,.18);background:#000;
}
.hero-video-wrap iframe{
  position:absolute;inset:0;width:100%;height:100%;border:0;
}

/* Rozet grid (hero altı) */
.rozet-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:14px;margin-top:24px;max-width:880px;margin-left:auto;margin-right:auto;
}
.rozet-kart{
  background:#fff;border:1px solid var(--kenar);border-radius:var(--r);
  padding:14px 16px;text-align:center;
  transition:transform .15s,box-shadow .15s;
  text-decoration:none;color:inherit;display:block;
}
a.rozet-kart:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08);text-decoration:none}
.rozet-kart .rozet-ikon{font-size:1.4rem;line-height:1;margin-bottom:4px}
.rozet-kart .rozet-baslik{font-size:1.05rem;font-weight:700;color:var(--mavi);line-height:1.2}
.rozet-kart .rozet-alt{color:var(--soluk);font-size:.88rem;margin-top:3px}
.rozet-kart.rozet-google .rozet-baslik{color:#1a73e8}

/* Önce/Sonra çift */
.cift-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.cift-card{background:#fff;border:1px solid var(--kenar);border-radius:var(--r);overflow:hidden}
.cift-pair{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--kenar)}
.cift-pair figure{margin:0;background:#fff;position:relative}
.cift-pair img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.cift-pair .etiket{position:absolute;top:8px;left:8px;background:rgba(10,58,94,.92);color:#fff;font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:4px;letter-spacing:.5px;text-transform:uppercase}
.cift-pair .etiket.sonra{background:var(--turuncu)}
.cift-info{padding:12px 14px}
.cift-info h4{margin:0 0 4px;font-size:.98rem;color:var(--lacivert)}
.cift-info small{color:var(--soluk);font-size:.85rem}

/* Form */
.form-grid{display:grid;gap:12px}
.form-grid label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.95rem}
.form-grid input, .form-grid textarea, .form-grid select{
  width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;
  font-size:1rem;font-family:inherit;box-sizing:border-box;background:#fff;
}
.form-grid input:focus, .form-grid textarea:focus, .form-grid select:focus{
  outline:0;border-color:var(--mavi);box-shadow:0 0 0 3px rgba(13,110,253,.15);
}
.form-grid textarea{resize:vertical;min-height:120px}
.flash-ok{background:#dcfce7;color:#166534;padding:12px;border-radius:8px;margin-bottom:14px}
.flash-err{background:#fee2e2;color:#991b1b;padding:12px;border-radius:8px;margin-bottom:14px}

/* Öncesi-sonrası çift */
.oncesi-sonrasi-grid{
  display:grid;gap:18px;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
}
.oncesi-sonrasi-cift{
  display:grid;grid-template-columns:1fr 1fr;gap:6px;
  background:#fff;border:1px solid var(--kenar);border-radius:var(--r);
  overflow:hidden;
}
.oncesi-sonrasi-cift figure{margin:0;position:relative}
.oncesi-sonrasi-cift img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.oncesi-sonrasi-cift figcaption{
  position:absolute;top:8px;left:8px;
  background:rgba(10,58,94,.92);color:#fff;
  padding:3px 10px;border-radius:4px;font-size:.78rem;font-weight:700;letter-spacing:.5px;
}
.oncesi-sonrasi-cift figure:nth-child(2) figcaption{
  background:rgba(16,185,129,.92);
}

/* Yazar kutusu (blog) */
.author-box{
  background:#fff;border:1px solid var(--kenar);border-left:4px solid var(--mavi);
  border-radius:var(--r);padding:18px 22px;
}
.author-box strong{color:var(--lacivert);font-size:1.05rem}

/* Trust grid (ana sayfa) */
.trust-grid{
  display:grid;gap:14px;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
}
.trust-item{
  background:#fff;border:1px solid var(--kenar);border-radius:var(--r);
  padding:18px 14px;text-align:center;transition:transform .15s;
}
.trust-item:hover{transform:translateY(-2px)}
.trust-item .num{font-size:1.9rem;font-weight:800;color:var(--lacivert);line-height:1.1}
.trust-item .lbl{color:var(--soluk);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;margin-top:6px}

.sla-banner{
  background:linear-gradient(135deg,#10b981,#059669);
  color:#fff;padding:16px 22px;border-radius:var(--r);
  margin-top:18px;font-size:1.05rem;text-align:center;
  box-shadow:0 4px 12px rgba(16,185,129,.25);
}
.sla-banner strong{display:inline-block;margin-right:6px}

@media (max-width:600px){
  .trust-item .num{font-size:1.5rem}
  .trust-item .lbl{font-size:.78rem}
}

/* WhatsApp float */
/* ═══════════════════════════════════════════════════════════════
   WhatsApp Float Button — Modern & Eye-Catching
   ─ Sürekli pulse + online indicator + hover glow + tooltip
═══════════════════════════════════════════════════════════════ */
.wa-float{
  position:fixed;right:20px;bottom:84px;
  width:60px;height:60px;border-radius:50%;
  background:linear-gradient(135deg,#25d366 0%,#1ebe5a 100%);
  color:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:
    0 8px 20px rgba(37,211,102,.45),
    0 2px 6px rgba(0,0,0,.15),
    inset 0 1px 0 rgba(255,255,255,.18);
  z-index:55;
  transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;
  animation:wa-breathe 2.6s ease-in-out infinite;
}
.wa-float svg{
  width:30px;height:30px;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.18));
  transition:transform .3s ease;
}
.wa-float:hover{
  transform:scale(1.1) rotate(-6deg);
  text-decoration:none;color:#fff;
  box-shadow:
    0 12px 28px rgba(37,211,102,.55),
    0 4px 10px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.22);
  animation:none;
}
.wa-float:hover svg{transform:rotate(6deg) scale(1.05)}
.wa-float:active{transform:scale(.96)}

/* Sürekli yumuşak nefes alma — dikkat çek ama rahatsız etme */
@keyframes wa-breathe{
  0%,100%{
    transform:scale(1);
    box-shadow:
      0 8px 20px rgba(37,211,102,.45),
      0 2px 6px rgba(0,0,0,.15),
      inset 0 1px 0 rgba(255,255,255,.18),
      0 0 0 0 rgba(37,211,102,.5);
  }
  50%{
    transform:scale(1.04);
    box-shadow:
      0 10px 24px rgba(37,211,102,.55),
      0 2px 6px rgba(0,0,0,.15),
      inset 0 1px 0 rgba(255,255,255,.22),
      0 0 0 14px rgba(37,211,102,0);
  }
}

/* Online indicator — yeşil yanıp sönen nokta sağ üstte */
.wa-float::after{
  content:"";
  position:absolute;top:3px;right:3px;
  width:14px;height:14px;border-radius:50%;
  background:#21d36a;
  border:2.5px solid #fff;
  box-shadow:0 0 0 0 rgba(33,211,106,.7);
  animation:wa-online-pulse 1.8s ease-in-out infinite;
}
@keyframes wa-online-pulse{
  0%,100%{box-shadow:0 0 0 0 rgba(33,211,106,.7)}
  50%{box-shadow:0 0 0 6px rgba(33,211,106,0)}
}

/* Tooltip — koyu balon + sağ ok ucu */
.wa-float::before{
  content:"💬 Mesaj At · Hızlı Dön";
  position:absolute;right:72px;top:50%;transform:translateY(-50%) translateX(8px);
  background:linear-gradient(135deg,#1f2937 0%,#0f172a 100%);
  color:#fff;font-size:.86rem;font-weight:600;letter-spacing:.1px;
  padding:9px 16px;border-radius:10px;white-space:nowrap;
  box-shadow:0 6px 18px rgba(0,0,0,.25),0 2px 4px rgba(0,0,0,.15);
  opacity:0;pointer-events:none;
  transition:opacity .25s ease,transform .25s cubic-bezier(.34,1.56,.64,1);
}
.wa-float:hover::before{
  opacity:1;
  transform:translateY(-50%) translateX(0);
}
/* Sayfa ilk yüklenince otomatik 4 sn göster */
.wa-float.wa-float-pulse::before{
  opacity:1;
  transform:translateY(-50%) translateX(0);
  animation:wa-tooltip-fade 4.5s ease forwards;
}
@keyframes wa-tooltip-fade{
  0%,82%{opacity:1}
  100%{opacity:0;transform:translateY(-50%) translateX(8px)}
}

/* Mobil — tooltip görünmez (mobile-call zaten var), buton biraz daha küçük */
@media (max-width:760px){
  .wa-float{bottom:80px;right:14px;width:54px;height:54px}
  .wa-float svg{width:27px;height:27px}
  .wa-float::after{width:12px;height:12px;top:2px;right:2px}
  .wa-float::before{display:none}
}

/* ═══════════════════════════════════════════════════════════════
   CTA-PRO TEMA OVERRIDES
   Aktivasyon: <body data-theme="cta-pro">
   Default tema: dokunulmaz, sadece bu seçicilerin altı override.
   ═══════════════════════════════════════════════════════════════ */

/* CSS variable override — palette */
[data-theme="cta-pro"]{
  --turuncu:#dc2626;
  --turuncu-koyu:#b91c1c;
  --mavi:#0a3a5e;
  --lacivert:#0a2942;
}

/* Hero — koyu lacivert tek ton + sağ üst kırmızı blur vurgu */
[data-theme="cta-pro"] .hero{
  background:radial-gradient(ellipse at top right,rgba(220,38,38,.22),transparent 55%),linear-gradient(135deg,#0a2942,#0f3a5e);
  position:relative;
}
[data-theme="cta-pro"] .hero::before{
  content:'';position:absolute;top:0;right:0;width:380px;height:380px;
  background:radial-gradient(circle,rgba(220,38,38,.18),transparent 70%);
  pointer-events:none;
}

/* CTA buton — büyük, kırmızı, pulse */
[data-theme="cta-pro"] .btn-cta{
  background:#dc2626;color:#fff;font-weight:800;
  padding:16px 28px;min-height:56px;border-radius:12px;
  box-shadow:0 6px 20px rgba(220,38,38,.45);
  letter-spacing:.2px;
}
[data-theme="cta-pro"] .btn-cta:hover{
  background:#b91c1c;box-shadow:0 8px 24px rgba(220,38,38,.55);
}
[data-theme="cta-pro"] .btn-cta.btn-lg{
  padding:18px 32px;min-height:62px;font-size:1.1rem;
}

/* Header CTA — pulse animasyonu (urgency) */
[data-theme="cta-pro"] .header-cta{
  background:#dc2626;
  box-shadow:0 4px 14px rgba(220,38,38,.4);
  animation:cta-pro-pulse 2.4s ease-in-out infinite;
}
[data-theme="cta-pro"] .header-cta:hover{
  background:#b91c1c;
  box-shadow:0 6px 18px rgba(220,38,38,.55);
}
@keyframes cta-pro-pulse{
  0%,100%{box-shadow:0 4px 14px rgba(220,38,38,.4)}
  50%{box-shadow:0 4px 14px rgba(220,38,38,.4),0 0 0 6px rgba(220,38,38,.18)}
}

/* Mobile sticky bottom call — kırmızı, daha büyük */
[data-theme="cta-pro"] .mobile-call{
  background:#dc2626;
  font-weight:800;font-size:1.08rem;
  padding:14px 18px;min-height:62px;
  box-shadow:0 -4px 18px rgba(220,38,38,.32);
}
[data-theme="cta-pro"] .mobile-call:hover{background:#b91c1c}

/* Utility bar — tek satır urgency mesajı */
[data-theme="cta-pro"] .utility-bar{
  background:linear-gradient(90deg,#0a2942,#dc2626);
}
[data-theme="cta-pro"] .ub-loc,
[data-theme="cta-pro"] .ub-rating{display:none}
[data-theme="cta-pro"] .utility-bar-inner{justify-content:center}
[data-theme="cta-pro"] .ub-status{font-size:.92rem;font-weight:700}

/* "Acil mi?" CTA bant — full-width kırmızı, cesur */
[data-theme="cta-pro"] .cta-bant{
  background:linear-gradient(135deg,#dc2626,#b91c1c);
  color:#fff;
}
[data-theme="cta-pro"] .cta-bant h2{color:#fff}
[data-theme="cta-pro"] .cta-bant a.tel{
  background:#fff;color:#dc2626;font-weight:800;
  padding:16px 28px;border-radius:12px;
  box-shadow:0 6px 20px rgba(0,0,0,.2);
}
[data-theme="cta-pro"] .cta-bant a.tel:hover{background:#fef2f2}

/* Risk-reduction microcopy — sadece CTA-Pro temasında görünür */
.cta-trust{display:none}
[data-theme="cta-pro"] .cta-trust{
  display:flex;flex-wrap:wrap;gap:14px 22px;
  margin:14px 0 0;padding:12px 16px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
  border-radius:10px;
  font-size:.92rem;color:rgba(255,255,255,.95);font-weight:500;
}
[data-theme="cta-pro"] .cta-trust span{display:inline-flex;align-items:center;gap:6px}
[data-theme="cta-pro"] .cta-trust .check{
  display:inline-flex;align-items:center;justify-content:center;
  width:18px;height:18px;border-radius:50%;
  background:#16a34a;color:#fff;font-size:.7rem;font-weight:800;
  flex-shrink:0;
}

/* WhatsApp float — kırmızı border vurgusu */
[data-theme="cta-pro"] .wa-float{
  box-shadow:0 0 0 3px rgba(220,38,38,.5),0 6px 18px rgba(0,0,0,.3);
}

/* Mobile responsive — CTA-Pro */
@media (max-width:760px){
  [data-theme="cta-pro"] .btn-cta,
  [data-theme="cta-pro"] .btn-cta.btn-lg{
    width:100%;justify-content:center;padding:16px 20px;
  }
  [data-theme="cta-pro"] .cta-trust{
    flex-direction:column;gap:8px;font-size:.86rem;
  }
}