/* Kocasinan Çözüm Merkezi talep sihirbazı — panel (sağ alt) + sayfa (geniş) modu */
:root{--kcwp:#1D4ED8;--kcwpd:#1E3A8A;--kcwpl:#3B82F6;--kcwac:#FF6A3D;}
.kcw-scrim{position:fixed;inset:0;background:rgba(8,15,30,.45);opacity:0;visibility:hidden;transition:opacity .3s;z-index:59;backdrop-filter:blur(2px);}
.kcw-scrim.kcw-open{opacity:1;visibility:visible;}
.kcw{position:fixed;right:22px;bottom:22px;width:390px;max-width:calc(100vw - 32px);height:600px;max-height:calc(100vh - 120px);background:#fff;border-radius:20px;box-shadow:0 24px 60px rgba(8,15,30,.28);display:flex;flex-direction:column;overflow:hidden;z-index:60;opacity:0;visibility:hidden;transform:translateY(24px) scale(.98);transform-origin:bottom right;transition:opacity .32s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1),visibility .32s;font-family:'Plus Jakarta Sans','Segoe UI',system-ui,sans-serif;}
.kcw.kcw-open{opacity:1;visibility:visible;transform:none;}
/* SAYFA MODU: geniş, ortalı, statik */
.kcw--page{position:static;opacity:1;visibility:visible;transform:none;width:100%;max-width:720px;height:auto;min-height:560px;max-height:none;margin:0 auto;box-shadow:0 20px 48px rgba(15,23,42,.12);border:1px solid var(--ks-gray-200,#e2e8f0);}
.kcw--page .kcw-msgs{min-height:340px;}
.kcw-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px;background:linear-gradient(135deg,var(--kcwp),var(--kcwpd));color:#fff;flex-shrink:0;}
.kcw-head-id{display:flex;align-items:center;gap:11px;}
.kcw-avatar{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;font-size:18px;}
.kcw-head-txt strong{display:block;font-size:15.5px;font-weight:800;letter-spacing:-.01em;}
.kcw-head-txt small{display:flex;align-items:center;gap:6px;font-size:11.5px;opacity:.85;}
.kcw-dot{width:7px;height:7px;border-radius:50%;background:#4ADE80;box-shadow:0 0 0 0 rgba(74,222,128,.6);animation:kcw-pulse 1.8s infinite;}
@keyframes kcw-pulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,.5)}70%{box-shadow:0 0 0 7px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}
.kcw-close{width:32px;height:32px;border:none;background:rgba(255,255,255,.14);color:#fff;border-radius:9px;cursor:pointer;font-size:15px;transition:background .2s;}
.kcw-close:hover{background:rgba(255,255,255,.28);}
.kcw--page .kcw-close{display:none;}
.kcw-progress{height:3px;background:var(--ks-gray-200,#e2e8f0);flex-shrink:0;}
.kcw-progress-bar{height:100%;width:6%;background:linear-gradient(90deg,var(--kcwac),var(--kcwpl));transition:width .5s cubic-bezier(.22,1,.36,1);}
.kcw-msgs{flex:1;overflow-y:auto;padding:18px 16px 8px;display:flex;flex-direction:column;gap:10px;background:var(--ks-bg-light,#f5f7fb);}
.kcw-b{max-width:86%;padding:11px 14px;font-size:13.5px;line-height:1.5;border-radius:16px;animation:kcw-in .35s cubic-bezier(.22,1,.36,1);}
@keyframes kcw-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.kcw-b-bot{align-self:flex-start;background:#fff;color:var(--ks-gray-800,#1e293b);border-bottom-left-radius:5px;box-shadow:0 2px 8px rgba(8,15,30,.06);}
.kcw-b-user{align-self:flex-end;background:linear-gradient(135deg,var(--kcwp),var(--kcwpd));color:#fff;border-bottom-right-radius:5px;}
.kcw-typing{display:flex;gap:4px;align-items:center;width:auto;}
.kcw-typing span{width:7px;height:7px;border-radius:50%;background:var(--ks-gray-400,#94a3b8);animation:kcw-typ 1.2s infinite;}
.kcw-typing span:nth-child(2){animation-delay:.2s}.kcw-typing span:nth-child(3){animation-delay:.4s}
@keyframes kcw-typ{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}
.kcw-input{flex-shrink:0;padding:14px 16px;border-top:1px solid var(--ks-gray-200,#e2e8f0);background:#fff;display:flex;flex-direction:column;gap:9px;max-height:52%;overflow-y:auto;}
.kcw--page .kcw-input{max-height:none;}
.kcw-input:empty{display:none;}
.kcw-field{display:flex;flex-direction:column;gap:5px;}
.kcw-field label{font-size:11.5px;font-weight:700;color:var(--ks-gray-600,#475569);}
.kcw-input input[type=text],.kcw-input input[type=tel],.kcw-input input[type=date],.kcw-input select,.kcw-input textarea{width:100%;padding:10px 12px;border:1.5px solid var(--ks-gray-200,#e2e8f0);border-radius:10px;font-size:13.5px;font-family:inherit;color:var(--ks-gray-800,#1e293b);transition:border-color .2s;background:#fff;}
.kcw-input input:focus,.kcw-input select:focus,.kcw-input textarea:focus{outline:none;border-color:var(--kcwp);}
.kcw-row{display:flex;gap:9px;}.kcw-row .kcw-field{flex:1;}
.kcw-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:11px;font-size:13.5px;font-weight:700;font-family:inherit;border:none;cursor:pointer;text-decoration:none;transition:all .2s;width:100%;}
.kcw-btn-primary{background:linear-gradient(135deg,var(--kcwp),var(--kcwpd));color:#fff;box-shadow:0 4px 14px rgba(29,78,216,.28);}
.kcw-btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(29,78,216,.36);color:#fff;}
.kcw-btn-ghost{background:var(--ks-gray-100,#eef2f7);color:var(--ks-gray-700,#334155);}
.kcw-btn-ghost:hover{background:var(--ks-gray-200,#e2e8f0);color:var(--ks-gray-900,#0f172a);}
.kcw-chips{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
.kcw-chip{display:flex;align-items:center;gap:8px;padding:13px 12px;border:1.5px solid var(--ks-gray-200,#e2e8f0);border-radius:12px;background:#fff;font-size:13px;font-weight:600;color:var(--ks-gray-700,#334155);cursor:pointer;transition:all .2s;font-family:inherit;}
.kcw-chip i{color:var(--kcwp);}
.kcw-chip:hover{border-color:var(--kcwp);background:var(--ks-primary-050,#eff4ff);transform:translateY(-2px);}
.kcw-code{display:flex;gap:8px;justify-content:center;}
.kcw-code input{width:46px;height:54px;text-align:center;font-size:22px;font-weight:800;border:1.5px solid var(--ks-gray-200,#e2e8f0);border-radius:12px;color:var(--kcwpd);}
.kcw-warn{font-size:12px;color:var(--ks-danger,#e11d48);background:#fff1f2;border:1px solid #ffe4e6;padding:8px 11px;border-radius:9px;}
.kcw-check{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ks-gray-600,#475569);cursor:pointer;}
.kcw-check input{width:auto;}
.kcw-review{display:flex;flex-direction:column;gap:9px;font-size:13px;}
.kcw-review>div{display:flex;flex-direction:column;gap:2px;border-bottom:1px dashed var(--ks-gray-200,#e2e8f0);padding-bottom:8px;}
.kcw-review span{font-size:11px;font-weight:700;color:var(--ks-gray-500,#64748b);text-transform:uppercase;letter-spacing:.02em;}
.kcw-review strong{font-size:13.5px;color:var(--ks-gray-900,#0f172a);font-weight:600;}
.kcw-done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:6px 4px;}
.kcw-done-ic{width:56px;height:56px;border-radius:50%;background:#dcfce7;color:#16a34a;display:flex;align-items:center;justify-content:center;font-size:26px;animation:kcw-pop .5s cubic-bezier(.34,1.56,.64,1);}
@keyframes kcw-pop{from{transform:scale(0)}to{transform:scale(1)}}
.kcw-done strong{font-size:16px;color:var(--ks-gray-900,#0f172a);}
.kcw-case{font-size:13px;background:var(--ks-primary-050,#eff4ff);color:var(--kcwpd);padding:6px 14px;border-radius:20px;font-weight:600;}
.kcw-done-sub{font-size:12px;color:var(--ks-gray-500,#64748b);line-height:1.5;}
.kcw-mini-load{display:inline-block;width:13px;height:13px;border:2px solid var(--ks-gray-300,#cbd5e1);border-top-color:var(--kcwp);border-radius:50%;animation:kcw-spin .7s linear infinite;vertical-align:-2px;margin-right:6px;}
@keyframes kcw-spin{to{transform:rotate(360deg)}}
@media (max-width:575.98px){
  .kcw{right:0;left:0;bottom:0;width:100%;max-width:100%;height:88vh;max-height:88vh;border-radius:20px 20px 0 0;}
  .kcw-scrim{backdrop-filter:none;}
  .kcw--page{min-height:70vh;border-radius:16px;}
}
@media (prefers-reduced-motion:reduce){.kcw,.kcw-b,.kcw-done-ic{transition:none;animation:none;}}

/* Kayıtlı adres bilgisi notu (Vatandaş Paneli girişli) */
.kcw-note { margin: 0 0 10px; padding: 8px 11px; border-radius: 10px; background: #EEF4FF; color: #1E3A8A; font-size: 12.5px; line-height: 1.45; }
.kcw-note i { margin-right: 4px; }

/* Yatay taşma koruması: bileşen bağımsız sayfada (iframe) da ana sitenin reset'i olmadan çalışır */
.kcw, .kcw *, .kcw *::before, .kcw *::after { box-sizing: border-box; }
.kcw-msgs, .kcw-input { overflow-x: hidden; }
.kcw-field, .kcw-row .kcw-field { min-width: 0; }
.kcw-b, .kcw-review strong, .kcw-note { overflow-wrap: anywhere; }
.kcw-code input { min-width: 0; flex: 0 1 46px; }
.kcw-input select { max-width: 100%; text-overflow: ellipsis; }

/* Talep ekleri */
.kcw-ek{display:flex;flex-direction:column;gap:8px;}
.kcw-drop{display:flex;flex-direction:column;align-items:center;gap:3px;padding:16px 12px;border:2px dashed #C9D6EA;border-radius:12px;background:#F7FAFF;color:#1E3A8A;cursor:pointer;text-align:center;transition:border-color .2s,background .2s;}
.kcw-drop i{font-size:22px;color:#1D4ED8;} .kcw-drop b{font-size:14px;} .kcw-drop span{font-size:12px;color:#64748B;}
.kcw-drop:hover,.kcw-drop.drag,.kcw-drop:focus-visible{border-color:#1D4ED8;background:#EEF4FF;outline:none;}
.kcw-ek-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
.kcw-ek-list li{display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid #E2E8F0;border-radius:10px;background:#fff;}
.kcw-ek-on{flex:0 0 40px;height:40px;border-radius:8px;overflow:hidden;background:#F1F5F9;display:grid;place-items:center;color:#1D4ED8;font-size:18px;}
.kcw-ek-on img{width:100%;height:100%;object-fit:cover;}
.kcw-ek-ad{flex:1;min-width:0;font-size:13px;color:#0F172A;overflow-wrap:anywhere;} .kcw-ek-ad small{display:block;color:#64748B;font-size:11.5px;}
.kcw-ek-sil{flex:0 0 30px;height:30px;border:0;border-radius:8px;background:#F1F5F9;color:#475569;font-size:18px;cursor:pointer;}
.kcw-ek-sil:hover{background:#FEE2E2;color:#B91C1C;}
.kcw-ek-say{font-size:12px;color:#64748B;} .kcw-ek-uyari{font-size:12.5px;color:#B42318;} .kcw-ek-uyari:empty{display:none;}
.kcw-up strong{display:block;margin-bottom:8px;font-size:13.5px;} .kcw-up ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.kcw-up li{display:grid;gap:4px;font-size:12.5px;} .kcw-up-ad{overflow-wrap:anywhere;} .kcw-up-ad i{color:#1D4ED8;margin-right:4px;}
.kcw-up-bar{display:block;height:6px;border-radius:99px;background:#E2E8F0;overflow:hidden;}
.kcw-up-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#3B82F6,#1D4ED8);border-radius:99px;transition:width .25s ease;}
.kcw-up li.ok .kcw-up-ad i{color:#12805C;} .kcw-up li.ok .kcw-up-bar i{background:#12805C;}
.kcw-up li.err .kcw-up-ad i{color:#B42318;} .kcw-up li.err .kcw-up-bar i{background:#B42318;width:100% !important;} .kcw-up em{font-style:normal;color:#B42318;font-size:12px;} .kcw-up em:empty{display:none;}
.kcw-done-warn{color:#B45309 !important;}
@media (prefers-reduced-motion:reduce){ .kcw-up-bar i{transition:none;} .kcw-up .fa-spin{animation:none;} }

/* Sağ alttaki pencere (panel): dar alanda ek adımı sıkı dursun, düğme kesilmesin */
.kcw:not(.kcw--page) .kcw-drop{flex-direction:row;justify-content:center;gap:8px;padding:10px 12px;}
.kcw:not(.kcw--page) .kcw-drop i{font-size:17px;}
.kcw:not(.kcw--page) .kcw-drop span{display:none;}
.kcw:not(.kcw--page) .kcw-ek-list{max-height:132px;overflow-y:auto;}
.kcw:not(.kcw--page) .kcw-ek-list li{padding:4px 6px;gap:8px;}
.kcw:not(.kcw--page) .kcw-ek-on{flex-basis:32px;height:32px;}
.kcw:not(.kcw--page) .kcw-input{max-height:62%;}
/* Pencere açıkken sayfadaki yüzen düğmeler pencerenin üstüne binmesin */
body.kcw-lock .ks-whatsapp-float, body.kcw-lock .ks-cozum-float, body.kcw-lock #backToTop, body.kcw-lock .ks-side-nav{opacity:0;visibility:hidden;pointer-events:none;}

/* Kora seçeneği (misafir giriş adımı) */
.kcw-btn-kora{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;}
.kcw-btn-kora img{border-radius:50%;flex:0 0 22px;}
.kcw-kora-not{margin:2px 0 0;font-size:12px;color:#64748B;line-height:1.45;text-align:center;}