/* JFS Clinic — sohbet tarzı ön değerlendirme (iconrandevu kalıbı; Dentsun stilinden uyarlandı, 5 Kasım 2026).
   Renkler sitenin paletinden: koyu mor #2D2545, altın #D0A448, açık altın #F1D995, açık zemin #F3EFE8. Sayfada iki ayrı stil
   sistemi (style.css / ornek.css) olduğu için değişkenler burada, yalnız sohbetin kendi köklerinde tanımlanır. */
.sf-ort,.sf-balon,.sf-mbalon,.sf-pill{--sf-bg:#211B35;--sf-panel:#2D2545;--sf-balon:#3A3157;--sf-gold:#D0A448;--sf-pale:#F1D995;--sf-text:#F3EFE8;--sf-muted:#C9C3D6;
 --sf-line:rgba(208,164,72,.3);--sf-metal:linear-gradient(112deg,#B8883A,#F4DD99 38%,#E6C469 63%,#A8782F);--sf-serif:"Cormorant Garamond",Georgia,serif;--sf-sans:Manrope,system-ui,sans-serif}
@property --sf-a{syntax:'<angle>';inherits:false;initial-value:0deg}
/* ışık halkası: sabit konumlu yüzen düğmeye relative VERİLMEZ (kalıp §9 hata 7); alt çubuk düğmesine verilir */
.altbar .sf-isik{position:relative}
.sf-isik::before{content:"";position:absolute;inset:-6px;border-radius:999px;padding:3.5px;pointer-events:none;z-index:1;
 background:conic-gradient(from var(--sf-a),transparent 0deg 220deg,rgba(241,217,149,.45) 270deg,#F1D995 320deg,#fff 350deg,transparent 360deg);
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;
 filter:drop-shadow(0 0 6px rgba(241,217,149,.9));animation:sfIsik 3s linear infinite}
.jfs-wa-yuzen.sf-isik::before{inset:-10px;padding:4px}
.altbar .sf-isik::before{inset:-4px;border-radius:inherit;padding:2.5px}
@keyframes sfIsik{0%{--sf-a:0deg;opacity:0}5%{opacity:1}66%{--sf-a:360deg;opacity:1}74%,100%{--sf-a:360deg;opacity:0}}

.sf-ort{position:fixed;inset:0;z-index:9600;background:rgba(18,14,32,.68);display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .25s}
.sf-ort[hidden]{display:none}
.sf-ort.ac{opacity:1}
.sf-pen{width:100%;max-width:560px;height:min(680px,88vh);height:min(680px,88dvh);background:var(--sf-panel);color:var(--sf-text);border-radius:22px 22px 0 0;display:flex;flex-direction:column;
 transform:translateY(28px);transition:transform .32s cubic-bezier(.2,.8,.2,1);box-shadow:0 -18px 50px rgba(0,0,0,.6),0 0 0 1px rgba(208,164,72,.35);overflow:hidden;font-family:var(--sf-sans);box-sizing:border-box}
.sf-pen *{box-sizing:border-box}
.sf-ort.ac .sf-pen{transform:none}
.sf-ust{background:linear-gradient(180deg,#372D55,var(--sf-bg));border-bottom:1px solid var(--sf-line);padding:14px 12px 12px 16px;display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center}
.sf-ust img{width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid var(--sf-gold);object-fit:cover}
.sf-ust b{display:block;font:500 20px/1.15 var(--sf-serif);color:var(--sf-pale)}
.sf-ust small{display:block;font-size:12.5px;color:var(--sf-muted);margin-top:2px}
.sf-ust button{width:38px;height:38px;border-radius:50%;border:1px solid var(--sf-line);background:rgba(255,255,255,.05);color:var(--sf-pale);font:600 16px/1 var(--sf-sans);cursor:pointer;display:grid;place-items:center;padding:0}
.sf-ust button[hidden]{display:none}
.sf-ilerle{height:2px;background:rgba(208,164,72,.18)}.sf-ilerle i{display:block;height:100%;width:0;background:var(--sf-metal);transition:width .35s}
.sf-log{flex:1;overflow-y:auto;padding:16px 14px 22px;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}
.sf-alt{flex:none;display:flex;justify-content:center}.sf-alt:empty{display:none}.sf-alt>*{margin:6px 0 10px}
.sf-b{max-width:88%;margin:0;padding:10px 14px;border-radius:18px;font:400 15.5px/1.45 var(--sf-sans);animation:sfGel .3s cubic-bezier(.2,.8,.2,1) both}
.sf-b.bot{align-self:flex-start;background:var(--sf-balon);color:var(--sf-text);border:1px solid rgba(208,164,72,.22);border-bottom-left-radius:6px}
.sf-b.ben{align-self:flex-end;background:var(--sf-metal);color:#2D2545;font-weight:700;border-bottom-right-radius:6px}
.sf-b a{color:var(--sf-pale)}
.sf-b dl{margin:6px 0 0;display:grid;grid-template-columns:auto 1fr;gap:3px 10px;font-size:14px}.sf-b dt{color:var(--sf-muted)}.sf-b dd{margin:0;font-weight:600;color:var(--sf-pale);overflow-wrap:anywhere}
.sf-yaz{align-self:flex-start;background:var(--sf-balon);border:1px solid rgba(208,164,72,.22);border-radius:18px;border-bottom-left-radius:6px;padding:12px 14px;display:flex;gap:4px}
.sf-yaz i{width:7px;height:7px;border-radius:50%;background:var(--sf-gold);animation:sfNok 1s infinite}.sf-yaz i:nth-child(2){animation-delay:.15s}.sf-yaz i:nth-child(3){animation-delay:.3s}
.sf-sec{display:flex;flex-wrap:wrap;gap:8px;align-self:flex-start;max-width:100%;animation:sfGel .3s .05s cubic-bezier(.2,.8,.2,1) both}
.sf-sec button{display:inline-flex;align-items:center;text-align:left;border:1px solid var(--sf-gold);background:rgba(208,164,72,.08);color:var(--sf-pale);border-radius:999px;padding:9px 15px;font:600 14.5px/1.2 var(--sf-sans);cursor:pointer}
.sf-sec button:hover,.sf-sec button:focus-visible{background:rgba(208,164,72,.2);outline:none}
.sf-sec button:active{background:var(--sf-metal);color:#2D2545}
.sf-sec button img{display:inline-block;width:20px;height:15px;border-radius:2px;margin-right:7px;flex:none;box-shadow:0 0 0 1px rgba(0,0,0,.4)}
.sf-sec button small{color:var(--sf-muted);font-weight:400;margin-left:6px}
.sf-b.ara{background:none;border:0;color:var(--sf-muted);font-size:13.5px;padding:0 6px;margin:-4px 0 -2px;animation:none}
.sf-sec button.gec{border-style:dashed;color:var(--sf-muted);border-color:rgba(201,195,214,.5);background:none}
.sf-giris{display:flex;gap:8px;align-self:stretch;animation:sfGel .3s .05s both}
.sf-giris input,.sf-giris textarea{flex:1;min-width:0;margin:0;border:1px solid var(--sf-line);border-radius:12px;padding:11px 12px;font:400 16px/1.35 var(--sf-sans);color:var(--sf-text);background:rgba(255,255,255,.05)}
.sf-giris input::placeholder,.sf-giris textarea::placeholder,.sf-ara input::placeholder{color:rgba(201,195,214,.65)}
.sf-giris input:focus,.sf-giris textarea:focus{outline:none;border-color:var(--sf-gold);background:rgba(255,255,255,.08)}
.sf-tel{display:flex;align-items:center;border:1px solid var(--sf-line);border-radius:12px;background:rgba(255,255,255,.05);flex:1;min-width:0}
.sf-tel:focus-within{border-color:var(--sf-gold)}
.sf-tel b{flex:none;padding:0 10px 0 12px;font:600 16px/1 var(--sf-sans);color:var(--sf-pale);border-right:1px solid var(--sf-line);height:28px;display:flex;align-items:center}
.sf-tel input{border:0!important;background:none!important;padding-left:10px!important}
.sf-ara{align-self:stretch;display:grid;gap:8px;animation:sfGel .3s .05s both}
.sf-ara input{margin:0;border:1px solid var(--sf-gold);border-radius:12px;padding:11px 12px;font:400 16px/1.35 var(--sf-sans);color:var(--sf-text);background:rgba(255,255,255,.05)}
.sf-ara input:focus{outline:none}
.sf-ara .sf-sec{animation:none}
.sf-dug{border:0;border-radius:12px;background:var(--sf-metal);color:#2D2545;font:700 15px/1 var(--sf-sans);padding:0 16px;min-height:46px;cursor:pointer}
.sf-dug.tam{width:100%;align-self:stretch;min-height:50px;font-size:16px;animation:sfGel .3s both}
.sf-hata{align-self:flex-start;color:#F0A98C;font:400 14px/1.4 var(--sf-sans);margin:-4px 0 0 4px}
.sf-not{align-self:stretch;margin:2px 4px 0;font:400 13px/1.45 var(--sf-sans);color:var(--sf-muted);animation:sfGel .3s both}
.sf-not a{color:var(--sf-pale)}
.sf-onay{align-self:stretch;display:flex;gap:10px;align-items:flex-start;background:var(--sf-balon);border:1px solid rgba(208,164,72,.3);border-radius:12px;padding:12px;font:400 14px/1.4 var(--sf-sans);color:var(--sf-text);cursor:pointer;animation:sfGel .3s both}
.sf-onay input{width:20px;height:20px;flex:none;margin:1px 0 0;accent-color:#D0A448}
.sf-dug.pasif{opacity:.45;cursor:default;pointer-events:none}
.sf-dogrudan{display:inline-block;margin-top:8px;font-weight:600;color:#5fd98a!important;text-decoration:none;font-size:14.5px}
a.sf-dug.sf-wa-dug{display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;background:linear-gradient(145deg,#3BE27C,#1FAF5A 55%,#128C4A);color:#fff;animation:sfGel .3s both}
.sf-dug.sf-ikincil{background:none;color:var(--sf-pale);border:1px solid var(--sf-line)}
@keyframes sfGel{from{opacity:0;transform:translateY(8px)}}
@keyframes sfNok{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-3px);opacity:1}}

/* MASAÜSTÜ (≥1024 px — sitenin alt çubuk eşiği): sağ altta yüzen pencere, sayfa karartılmaz */
.sf-ort.sf-masa{background:transparent;pointer-events:none;inset:auto;right:0;bottom:0;width:0;height:0}
.sf-masa .sf-pen{pointer-events:auto;position:fixed;right:20px;bottom:calc(96px + var(--jfs-wa-ek,0px));width:410px;height:min(620px,calc(100vh - 140px - var(--jfs-wa-ek,0px)));border-radius:20px;
 box-shadow:0 24px 60px -12px rgba(0,0,0,.7),0 0 0 1px rgba(208,164,72,.4);transform:translateY(16px) scale(.98);transform-origin:bottom right}
.sf-ort.sf-masa.ac .sf-pen{transform:none}
/* masaüstü konuşma balonu */
.sf-balon{position:fixed;z-index:8950;right:96px;bottom:calc(20px + var(--jfs-wa-ek,0px));width:340px;background:var(--sf-panel);color:var(--sf-text);border-radius:18px 18px 6px 18px;padding:16px 18px 16px 20px;border:1px solid var(--sf-line);border-left:4px solid var(--sf-gold);
 box-shadow:0 22px 50px -12px rgba(0,0,0,.7);display:grid;gap:10px;font:400 14.5px/1.45 var(--sf-sans);box-sizing:border-box;
 opacity:0;transform:translateX(14px) scale(.96);transform-origin:right bottom;transition:opacity .4s,transform .45s cubic-bezier(.2,1.2,.3,1);pointer-events:none}
.sf-balon::after{content:"";position:absolute;right:-8px;bottom:18px;width:16px;height:16px;background:var(--sf-panel);border-right:1px solid var(--sf-line);border-top:1px solid var(--sf-line);transform:rotate(45deg)}
.sf-balon.on{opacity:1;transform:none;pointer-events:auto}
.sf-balon-bas{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;padding-right:18px}
.sf-balon-bas img{width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid var(--sf-gold);object-fit:cover}
.sf-balon-bas small{display:block;font:700 11px/1.2 var(--sf-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--sf-gold)}
.sf-balon-bas b{display:block;font:500 19px/1.2 var(--sf-serif);color:var(--sf-pale);margin-top:3px}
.sf-balon>span{color:var(--sf-muted)}
.sf-balon-d{display:flex;gap:14px;align-items:center}
.sf-balon-basla{border:0;border-radius:999px;background:var(--sf-metal);color:#2D2545;font:700 14.5px/1 var(--sf-sans);padding:12px 18px;cursor:pointer}
.sf-balon-wa{font:600 14px/1 var(--sf-sans);color:#5fd98a;text-decoration:none}.sf-balon-wa:hover{text-decoration:underline}
.sf-balon-x{position:absolute;right:10px;top:10px;width:26px;height:26px;border:1px solid var(--sf-line);border-radius:50%;background:none;color:var(--sf-muted);font-size:12px;cursor:pointer;padding:0}
/* telefon şeridi: alt çubuğun üstünde tek kart; dokununca sohbet açılır */
.sf-mbalon{position:fixed;z-index:8950;left:12px;right:12px;bottom:84px;display:flex;align-items:center;background:var(--sf-panel);color:var(--sf-text);border-radius:14px;border:1px solid var(--sf-line);border-left:4px solid var(--sf-gold);
 box-shadow:0 14px 32px -10px rgba(0,0,0,.8);opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .3s,transform .3s;box-sizing:border-box}
.sf-mbalon.on{opacity:1;transform:none;pointer-events:auto}
.sf-mbalon-ac{flex:1;min-width:0;border:0;background:none;text-align:left;padding:11px 6px 11px 14px;cursor:pointer;color:var(--sf-text)}
.sf-mbalon-ac b{display:block;font:500 17px/1.25 var(--sf-serif);color:var(--sf-pale)}
.sf-mbalon-ac span{display:block;font:700 12.5px/1.3 var(--sf-sans);color:var(--sf-gold);margin-top:2px}
.sf-mbalon-x{flex:none;width:30px;height:30px;margin-right:8px;border:1px solid var(--sf-line);border-radius:50%;background:none;color:var(--sf-muted);font-size:12px;padding:0}
/* telefon: kalıcı küçük giriş — alt çubuğun üstünde, sağda */
.sf-pill{position:fixed;z-index:8940;right:12px;bottom:84px;display:flex;align-items:center;gap:6px;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .3s,transform .3s;box-sizing:border-box}
.sf-pill.on{opacity:1;transform:none;pointer-events:auto}
.sf-pill-ac{position:relative;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--sf-gold);border-radius:999px;background:var(--sf-panel);color:var(--sf-pale);font:700 13.5px/1 var(--sf-sans);padding:11px 15px 11px 13px;cursor:pointer;box-shadow:0 10px 24px -8px rgba(0,0,0,.75)}
.sf-pill-ac svg{flex:none;color:var(--sf-gold)}
.sf-pill-ac.sf-isik::before{inset:-4px;padding:2.5px}
.sf-pill-x{width:24px;height:24px;border:1px solid var(--sf-line);border-radius:50%;background:rgba(45,37,69,.92);color:var(--sf-muted);font-size:10px;line-height:1;padding:0;cursor:pointer}
@media (max-width:1023px){.sf-balon{display:none}}
@media (min-width:1024px){.sf-mbalon,.sf-pill{display:none}}
@media (prefers-reduced-motion:reduce){.sf-isik::before{animation:none}.sf-b,.sf-sec,.sf-giris,.sf-ara,.sf-dug.tam,.sf-not{animation:none}.sf-ort,.sf-pen,.sf-balon,.sf-mbalon,.sf-pill{transition:none}}