/* ═══════════════════════════════════════════════════════════════════════════
   DIJITALCIM ASİSTAN — sohbet arayüzü (ads-chat tam ekran + site widget / mini)
   Yalnız transform/opacity animasyonu, yay eğrileri, yarı saydam başlık, reduced-motion.
   ═══════════════════════════════════════════════════════════════════════════ */
.dj, .dj *{box-sizing:border-box;margin:0;padding:0}
.dj{
  --dj-b:#3B82F6; --dj-b2:#2563EB; --dj-b-soft:#EAF2FF; --dj-g:#22C55E; --dj-g2:#16A34A; --dj-wa:#25D366; --dj-wa2:#1DA851;
  --dj-r:#EF4444; --dj-y:#F59E0B;
  --dj-ink:#0F172A; --dj-ink2:#334155; --dj-ink3:#64748B; --dj-ink4:#94A3B8;
  --dj-line:#E2E8F0; --dj-bg:#F4F7FB; --dj-sur:#FFFFFF; --dj-bot:#FFFFFF; --dj-user:#D9FDD3; --dj-chat:#F4F7FB; --dj-meta:#667781; --dj-tick:#53BDEB;
  --dj-r-lg:22px; --dj-r-md:16px; --dj-r-sm:12px; --dj-avw:38px;
  --dj-spring:cubic-bezier(.2,.9,.25,1.05); --dj-ease:cubic-bezier(.4,0,.2,1);
  --dj-sh:0 1px 2px rgba(15,23,42,.05),0 10px 30px -12px rgba(15,23,42,.18);
  --dj-font:'Bai Jamjuree',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  font-family:var(--dj-font);color:var(--dj-ink);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;
  display:flex;flex-direction:column;background:var(--dj-bg);position:relative;isolation:isolate;overflow:hidden;
}
.dj button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}
/* Site CSS'inden yalıtım: widget, ads-chat ile birebir aynı tipografiyle çizilsin */
.dj h1,.dj h2,.dj h3,.dj h4,.dj h5,.dj h6,.dj p,.dj ul,.dj ol,.dj li,.dj small,.dj b,.dj strong,.dj label,.dj span{margin:0;padding:0;font-family:inherit;letter-spacing:normal;text-transform:none;text-align:inherit;text-shadow:none}
.dj ul,.dj ol{list-style:none}
.dj input,.dj textarea{font-family:inherit;font-size:inherit;color:inherit;box-shadow:none;text-align:left}
.dj a{text-decoration:none}
.dj img{max-width:100%;display:block}
.dj a{color:inherit}
.dj svg{display:block}

/* ── Tam ekran (ads-chat) ── */
.dj--full{position:fixed;inset:0;height:100dvh;width:100%}
.dj--full .dj-frame{width:100%;max-width:760px;margin:0 auto;height:100%;display:flex;flex-direction:column;background:var(--dj-bg);position:relative}
@media (min-width:900px){
  .dj--full{background:radial-gradient(1100px 600px at 80% -10%,#dbe8ff 0%,transparent 60%),radial-gradient(800px 500px at -10% 110%,#e3f6ea 0%,transparent 55%),#eef2f8}
  .dj--full .dj-frame{height:calc(100dvh - 40px);margin:20px auto;border-radius:32px;overflow:hidden;box-shadow:0 30px 80px -30px rgba(15,23,42,.35),0 0 0 1px rgba(15,23,42,.06)}
}

/* ── Widget ── */
.dj-launcher{position:fixed;right:18px;bottom:18px;z-index:9998;display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:999px;background:#fff;border:1px solid rgba(15,23,42,.12);box-shadow:0 10px 30px -8px rgba(15,23,42,.35);font-family:var(--dj-font);font-weight:700;font-size:14px;color:#0F172A;transition:transform .25s var(--dj-spring),opacity .2s;transform:translateZ(0)}
.dj-launcher:hover{transform:translateY(-2px)}
.dj-launcher:active{transform:scale(.97)}
.dj-launcher .dj-av{width:40px;height:40px}
.dj-launcher .dj-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--dj-r);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;transform:scale(0);transition:transform .25s var(--dj-spring)}
.dj-launcher .dj-badge.on{transform:scale(1)}
.dj-launcher.hide{opacity:0;pointer-events:none;transform:translateY(10px)}
/* Site "yukarı çık" butonuyla çakışmasın */
body .logo-scroll-top{right:auto !important;left:18px !important}
.dj--widget{position:fixed;right:18px;bottom:18px;z-index:9999;width:min(440px,calc(100vw - 36px));height:min(780px,calc(100dvh - 36px));border-radius:28px;box-shadow:0 30px 80px -24px rgba(15,23,42,.45),0 0 0 1px rgba(15,23,42,.08);transform-origin:calc(100% - 40px) calc(100% - 30px);transform:scale(.6) translateY(20px);opacity:0;pointer-events:none;transition:transform .32s var(--dj-spring),opacity .22s var(--dj-ease),height .32s var(--dj-spring)}
.dj--widget.open{transform:none;opacity:1;pointer-events:auto}
.dj--widget .dj-frame{height:100%;display:flex;flex-direction:column}
/* Yarım pencere (mini): masaüstünde otomatik açılır; etkileşimde büyür */
.dj--widget.mini{height:360px}
.dj--widget.mini .dj-cards,.dj--widget.mini .dj-chips,.dj--widget.mini .dj-day,.dj--widget.mini .dj-hint{display:none !important}
.dj-mini-expand{display:none}
.dj--widget.mini .dj-mini-expand{display:grid}
@media (max-width:560px){
  .dj--widget{right:0;bottom:0;width:100%;height:100dvh;border-radius:0;transform-origin:50% 100%}
  .dj--widget.mini{height:auto;max-height:232px;border-radius:22px 22px 0 0;box-shadow:0 -12px 40px -16px rgba(15,23,42,.35),0 0 0 1px rgba(15,23,42,.08)}
  .dj--widget.mini .dj-head{padding:8px 12px 6px}
  .dj--widget.mini .dj-head .dj-av{width:36px;height:36px}
  .dj--widget.mini .dj-body{padding:6px 12px 2px;gap:0}
  .dj--widget.mini .dj-bub{font-size:13.5px;padding:8px 12px}
  .dj--widget.mini .dj-mini-expand{display:none}   /* mobilde dokunmak yeter */
  .dj--widget.mini .dj-foot{padding:6px 10px calc(8px + env(safe-area-inset-bottom))}
}

/* ── Avatar ── */
.dj-av{position:relative;width:44px;height:44px;border-radius:50%;background:linear-gradient(145deg,#5AA0FF,#2563EB);display:grid;place-items:center;color:#fff;flex:none;box-shadow:inset 0 -2px 6px rgba(0,0,0,.15)}
.dj-av svg{width:52%;height:52%}
.dj-av .dj-on{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;background:var(--dj-g);border:2.5px solid var(--dj-sur)}
.dj-av--sm{width:30px;height:30px}
.dj-av--sm .dj-on{width:9px;height:9px;border-width:2px}
.dj-av--human{background:linear-gradient(145deg,#34D399,#059669)}

/* ── Başlık ── */
.dj-head{display:flex;align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:rgba(255,255,255,.72);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(15,23,42,.06);z-index:3;position:relative}
.dj-head .dj-t{flex:1;min-width:0}
.dj-head .dj-name{font-weight:700;font-size:17px;letter-spacing:-.01em;line-height:1.2}
.dj-head .dj-sub{font-size:12.5px;color:var(--dj-ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.dj-head .dj-sub.live::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--dj-g);margin-right:6px;vertical-align:1px;animation:dj-pulse 2s infinite}
.dj-ib{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--dj-ink2);transition:background .15s,transform .12s}
.dj-ib:hover{background:rgba(15,23,42,.06)}
.dj-ib:active{transform:scale(.92)}
.dj-ib svg{width:20px;height:20px}
.dj a.dj-call{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px 0 10px;border-radius:999px;background:#DCFCE7;color:#15803D;font-weight:700;font-size:13.5px;text-decoration:none;flex:none;transition:background .15s,transform .12s}
.dj a.dj-call svg{width:16px;height:16px}
.dj a.dj-call:hover{background:#BBF7D0}
.dj a.dj-call:active{transform:scale(.96)}
.dj .dj-call[hidden]{display:none}
@media (max-width:420px){.dj a.dj-call span{display:none}.dj a.dj-call{width:36px;height:36px;padding:0;justify-content:center}}
.dj--widget.mini .dj-telbar{display:none}
@keyframes dj-pulse{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.5)}70%{box-shadow:0 0 0 6px rgba(34,197,94,0)}}
.dj-menu{position:absolute;right:14px;top:calc(100% - 4px);background:#fff;border:1px solid var(--dj-line);border-radius:14px;box-shadow:var(--dj-sh);padding:6px;min-width:190px;opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;transition:opacity .15s,transform .2s var(--dj-spring);z-index:5}
.dj-menu.on{opacity:1;transform:none;pointer-events:auto}
.dj-menu button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:9px 10px;border-radius:9px;font-size:13.5px;font-weight:600;color:var(--dj-ink2)}
.dj-menu button:hover{background:var(--dj-bg)}
.dj-menu button.danger{color:#B91C1C}

/* ── Mesaj alanı ── */
.dj-body{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:12px 12px 8px;display:flex;flex-direction:column;gap:4px;scroll-behavior:smooth;background:var(--dj-bg)}
.dj-body::-webkit-scrollbar{width:6px}.dj-body::-webkit-scrollbar-thumb{background:rgba(15,23,42,.12);border-radius:6px}
.dj-day{align-self:center;font-size:11.5px;font-weight:600;color:#54656F;background:#fff;box-shadow:0 1px .5px rgba(11,20,26,.13);padding:5px 12px;border-radius:8px;margin:4px 0 8px}
/* WhatsApp düzeni: balon içinde avatar yok, kuyruk (tail) ilk balonda, saat balonun içinde */
.dj-row{display:flex;align-items:flex-end;gap:0;max-width:86%;padding-left:8px;opacity:0;transform:translateY(10px) scale(.98);animation:dj-in .38s var(--dj-spring) forwards}
.dj-row.me{align-self:flex-end;flex-direction:row-reverse;max-width:82%;padding-left:0;padding-right:8px}
.dj-row.card{max-width:100%;width:100%;padding:0}
.dj-row .dj-av--sm{display:none}
.dj-row + .dj-row:not(.cont):not(.sys):not(.card){margin-top:6px}
@keyframes dj-in{to{opacity:1;transform:none}}
.dj-bub{position:relative;padding:7px 9px 5px 10px;border-radius:10px;background:var(--dj-bot);color:#111B21;font-size:14.5px;line-height:1.45;overflow-wrap:anywhere;word-break:break-word;white-space:pre-line;box-shadow:0 1px 2px rgba(15,23,42,.06),0 0 0 1px rgba(15,23,42,.04);min-width:0}
.dj-row:not(.me):not(.sys):not(.cont) .dj-bub{border-top-left-radius:0}
.dj-row:not(.me):not(.sys):not(.cont) .dj-bub::before{content:"";position:absolute;top:0;left:-8px;width:8px;height:13px;background:var(--dj-bot);clip-path:polygon(100% 0,0 0,100% 100%)}
.dj-row.me .dj-bub{background:var(--dj-user);color:#111B21;border-top-right-radius:0;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.dj-row.me .dj-bub::before{content:"";position:absolute;top:0;right:-8px;width:8px;height:13px;background:var(--dj-user);clip-path:polygon(0 0,100% 0,0 100%)}
.dj-row.me + .dj-row.me .dj-bub{border-top-right-radius:10px}
.dj-row.me + .dj-row.me .dj-bub::before{display:none}
.dj-row.sys .dj-bub{background:#fff;color:#54656F;font-size:12px;text-align:center;box-shadow:0 1px .5px rgba(11,20,26,.13);padding:5px 12px;border-radius:8px}
.dj-row.sys{align-self:center;max-width:100%;padding:0}
.dj-row.sys .dj-bub::before{display:none}
.dj-row.admin .dj-bub{background:#fff}
.dj-row.admin .dj-bub::before{background:#fff}
.dj-meta{display:flex;justify-content:flex-end;align-items:center;gap:3px;font-size:10.5px;margin:2px -2px -1px 10px;color:var(--dj-meta);line-height:1}
.dj-meta svg{width:15px;height:15px;color:#8696A0}
.dj-meta.okundu svg{color:var(--dj-tick)}
.dj-bub a.dj-link{color:#027EB5;font-weight:600;text-decoration:underline;text-underline-offset:2px;word-break:break-all}
.dj-row.me .dj-bub a.dj-link{color:#027EB5}
.dj-typing.dj-bub{padding:12px 14px}
.dj-bub b{font-weight:700}

/* Yazıyor */
.dj-typing{display:inline-flex;gap:4px;align-items:center;padding:14px 16px}
.dj-typing i{width:7px;height:7px;border-radius:50%;background:var(--dj-ink4);animation:dj-dot 1.2s infinite var(--dj-ease)}
.dj-typing i:nth-child(2){animation-delay:.15s}.dj-typing i:nth-child(3){animation-delay:.3s}
@keyframes dj-dot{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}

/* Çipler */
.dj-chips{display:flex;flex-direction:column;gap:8px;padding:6px 14px 4px}
.dj-chips[hidden],.dj-cards[hidden]{display:none}
.dj .dj-chip{width:100%;padding:12px 16px;border-radius:999px;border:1.5px solid var(--dj-b);color:var(--dj-b2);background:var(--dj-sur);font-weight:600;font-size:14.5px;text-align:center;opacity:0;transform:translateY(8px);animation:dj-in .35s var(--dj-spring) forwards;transition:background .15s,color .15s,transform .12s}
.dj .dj-chip:hover{background:var(--dj-b-soft)}
.dj .dj-chip:active{transform:scale(.98)}
.dj .dj-chip:nth-child(2){animation-delay:.07s}.dj .dj-chip:nth-child(3){animation-delay:.14s}
.dj .dj-chip--kirmizi{background:var(--dj-r);border-color:var(--dj-r);color:#fff;box-shadow:0 8px 20px -10px rgba(239,68,68,.7)}
.dj .dj-chip--kirmizi:hover{background:#DC2626}

/* Kartlar (alt) */
.dj-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:8px 14px 6px}
.dj .dj-card{position:relative;text-align:left;padding:14px 14px 12px;border-radius:var(--dj-r-md);background:var(--dj-sur);border:1px solid var(--dj-line);box-shadow:var(--dj-sh);transition:transform .2s var(--dj-spring),box-shadow .2s;opacity:0;transform:translateY(10px);animation:dj-in .4s var(--dj-spring) forwards}
.dj .dj-card:nth-child(2){animation-delay:.08s}
.dj .dj-card:hover{transform:translateY(-2px)}
.dj .dj-card:active{transform:scale(.98)}
.dj-card .dj-ci{width:40px;height:40px;border-radius:12px;background:var(--dj-b-soft);color:var(--dj-b2);display:grid;place-items:center;margin-bottom:10px}
.dj-card .dj-ci svg{width:22px;height:22px}
.dj-card b{display:block;font-size:14.5px;font-weight:700;letter-spacing:-.01em}
.dj-card span{display:block;font-size:12px;color:var(--dj-ink3);margin-top:2px;line-height:1.4}
.dj-card .dj-arr{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--dj-ink4)}
.dj-cards.gone{display:none}

/* Yazma çubuğu */
.dj-foot{padding:8px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(15,23,42,.06)}
.dj-inp{display:flex;align-items:flex-end;gap:8px;background:var(--dj-sur);border:1.5px solid var(--dj-line);border-radius:26px;padding:6px 6px 6px 16px;transition:border-color .15s,box-shadow .15s}
.dj-inp:focus-within{border-color:var(--dj-b);box-shadow:0 0 0 4px rgba(59,130,246,.12)}
.dj-inp textarea{flex:1;resize:none;border:0;outline:0;background:transparent;font-family:inherit;font-size:15px;line-height:1.4;max-height:120px;padding:8px 0;color:var(--dj-ink)}
.dj-inp textarea::placeholder{color:var(--dj-ink4)}
.dj-inp textarea:disabled{color:var(--dj-ink4)}
.dj .dj-send{width:40px;height:40px;border-radius:50%;background:var(--dj-b);color:#fff;display:grid;place-items:center;flex:none;transition:transform .15s var(--dj-spring),background .15s,opacity .15s}
.dj .dj-send:hover{background:var(--dj-b2)}
.dj .dj-send:active{transform:scale(.9)}
.dj .dj-send:disabled{opacity:.4;cursor:default}
.dj .dj-send svg{width:18px;height:18px;transform:translateX(1px)}
.dj-hint{font-size:11px;color:var(--dj-ink4);text-align:center;margin-top:6px}
.dj-hint b{color:var(--dj-ink3);font-weight:600}

/* Tarama kartı */
.dj-scan{width:100%;background:var(--dj-sur);border:1px solid var(--dj-line);border-radius:var(--dj-r-md);padding:14px;box-shadow:var(--dj-sh)}
.dj-scan .dj-st{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px}
.dj-scan .dj-spin{width:18px;height:18px;border-radius:50%;border:2.5px solid var(--dj-b-soft);border-top-color:var(--dj-b);animation:dj-spin .8s linear infinite}
@keyframes dj-spin{to{transform:rotate(360deg)}}
.dj-scan .dj-steps{list-style:none;margin-top:10px;display:grid;gap:6px}
.dj-scan .dj-steps li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--dj-ink4);transition:color .2s}
.dj-scan .dj-steps li i{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--dj-line);display:grid;place-items:center;font-style:normal;font-size:10px;flex:none;transition:all .2s}
.dj-scan .dj-steps li.on{color:var(--dj-ink)}
.dj-scan .dj-steps li.on i{border-color:var(--dj-b);background:var(--dj-b);color:#fff}
.dj-scan .dj-steps li.ok{color:var(--dj-ink2)}
.dj-scan .dj-steps li.ok i{border-color:var(--dj-g);background:var(--dj-g);color:#fff}
.dj-scan .dj-cnt{margin-top:10px;font-size:13px;color:var(--dj-ink3)}
.dj-scan .dj-cnt b{font-size:22px;font-weight:700;color:var(--dj-b2);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.dj-scan .dj-bar{height:6px;border-radius:6px;background:var(--dj-b-soft);margin-top:8px;overflow:hidden}
.dj-scan .dj-bar i{display:block;height:100%;width:8%;background:linear-gradient(90deg,var(--dj-b),#60A5FA);border-radius:6px;transition:width .5s var(--dj-ease)}

/* Telefon kartı */
.dj-tel{width:100%;background:var(--dj-sur);border:1px solid var(--dj-line);border-radius:var(--dj-r-md);padding:14px;box-shadow:var(--dj-sh)}
.dj-tel h5{font-size:14.5px;font-weight:700;letter-spacing:-.01em}
.dj-tel p{font-size:12.5px;color:var(--dj-ink3);margin:4px 0 10px;line-height:1.45}
.dj-tel .row{display:flex;gap:8px}
.dj-tel input{flex:1;min-width:0;padding:10px 12px;border:1.5px solid var(--dj-line);border-radius:12px;font-family:inherit;font-size:15px;outline:0;letter-spacing:.02em}
.dj-tel input:focus{border-color:var(--dj-b);box-shadow:0 0 0 4px rgba(59,130,246,.12)}
.dj-tel .dj-btn{width:auto;padding:10px 16px;border-radius:12px;font-size:14px}
.dj-tel .skip{display:block;margin:8px auto 0;font-size:12px;color:var(--dj-ink4);text-decoration:underline;text-underline-offset:2px}
.dj-tel.done{background:#F0FDF4;border-color:rgba(22,163,74,.25)}
.dj-tel.done p{color:var(--dj-g2);margin:0}

/* Sonuç kartı */
.dj-res{width:100%;background:var(--dj-sur);border:1px solid var(--dj-line);border-radius:var(--dj-r-lg);overflow:hidden;box-shadow:var(--dj-sh)}
.dj-res .dj-rh{padding:14px 16px 12px;background:linear-gradient(135deg,#0B1220,#1E293B);color:#fff}
.dj-res .dj-rh .dj-rn{font-weight:700;font-size:16px;letter-spacing:-.01em;line-height:1.25}
.dj-res .dj-rh .dj-rn a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35)}
.dj-res .dj-rh .dj-rn a:hover{border-color:#fff}
.dj-res .dj-rh .dj-rc{font-size:12px;color:rgba(255,255,255,.65);margin-top:2px}
.dj-res .dj-rh .dj-rs{display:flex;align-items:center;gap:8px;margin-top:8px}
.dj-res .dj-rh .dj-rs b{font-size:26px;font-weight:700;letter-spacing:-.03em}
.dj-res .dj-rh .dj-stars{color:#FBBF24;letter-spacing:1px;font-size:14px}
.dj-res .dj-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--dj-line)}
.dj-res .dj-tile{background:var(--dj-sur);padding:12px 14px}
.dj-res .dj-tile .k{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dj-ink4)}
.dj-res .dj-tile .v{font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-top:3px;font-variant-numeric:tabular-nums}
.dj-res .dj-tile .m{font-size:11.5px;color:var(--dj-ink3);margin-top:2px}
.dj-res .dj-tile.red .v{color:var(--dj-r)}.dj-res .dj-tile.green .v{color:var(--dj-g2)}.dj-res .dj-tile.blue .v{color:var(--dj-b2)}.dj-res .dj-tile.amber .v{color:#D97706}
.dj-res .dj-dist{padding:12px 14px;display:grid;gap:6px;border-top:1px solid var(--dj-line)}
.dj-res .dj-dr{display:grid;grid-template-columns:30px 1fr 34px;align-items:center;gap:8px;font-size:12px}
.dj-res .dj-dr .t{height:8px;border-radius:8px;background:var(--dj-bg);overflow:hidden}
.dj-res .dj-dr .t i{display:block;height:100%;border-radius:8px;width:0;transition:width .8s var(--dj-ease)}
.dj-res .dj-dr .n{text-align:right;font-weight:600;color:var(--dj-ink2);font-variant-numeric:tabular-nums}
/* Yorum önizlemeleri — standart, sade */
.dj-res .dj-q{padding:6px 14px 10px;border-top:1px solid var(--dj-line)}
.dj-res .dj-q .qh{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dj-ink4);padding:6px 0}
.dj-res .dj-q .qq{padding:9px 0;border-top:1px solid #F1F5F9}
.dj-res .dj-q .qq:first-of-type{border-top:0}
.dj-res .dj-q .qq .s{font-size:11.5px;color:var(--dj-y);letter-spacing:1px}
.dj-res .dj-q .qq .s small{color:var(--dj-ink4);letter-spacing:0;margin-left:6px;font-size:11px}
.dj-res .dj-q .qq .tx{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;color:var(--dj-ink2);line-height:1.45;margin-top:2px}
.dj-res .dj-q .more{display:block;font-size:12px;color:var(--dj-ink3);padding:8px 0 2px;text-decoration:none}
.dj-res .dj-q .more b{color:var(--dj-b2);font-weight:700}
.dj-res .dj-ra{padding:10px 14px 12px;border-top:1px solid var(--dj-line)}
.dj-res .dj-note{padding:0 14px 10px;font-size:11px;color:var(--dj-ink4);line-height:1.4}
.dj-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 14px;border-radius:14px;font-weight:700;font-size:clamp(13px,3.6vw,15px);letter-spacing:-.01em;text-decoration:none;white-space:nowrap;transition:transform .15s var(--dj-spring),box-shadow .2s,background .15s}
.dj-btn:active{transform:scale(.98)}
.dj-btn svg{width:20px;height:20px}
/* WhatsApp butonu — tek standart (sonuç kartı, CTA, final kart): düz #25D366, gölgesiz, iOS varsayılan görünümü kapalı */
.dj .dj-btn--wa,.dj a.dj-btn--wa,.dj a.dj-btn--wa:visited{background:var(--dj-wa);color:#0B1F14;border:0;box-shadow:none;-webkit-appearance:none;appearance:none;font-size:15px;font-weight:700;padding:13px 14px;min-height:48px;border-radius:14px;line-height:1.2;text-decoration:none;-webkit-tap-highlight-color:transparent}
.dj .dj-btn--wa:hover{background:var(--dj-wa2);color:#0B1F14}
.dj .dj-btn--wa:active{background:var(--dj-wa2);transform:scale(.98)}
.dj .dj-btn--wa svg{width:20px;height:20px;flex:none}
.dj .dj-btn--ghost,.dj a.dj-btn--ghost,.dj a.dj-btn--ghost:visited{background:var(--dj-sur);border:1.5px solid var(--dj-line);color:var(--dj-ink);box-shadow:none;-webkit-appearance:none;appearance:none;min-height:48px;-webkit-tap-highlight-color:transparent}
.dj-btn--ghost:hover{border-color:var(--dj-b);color:var(--dj-b2)}
.dj .dj-btn--blue{background:var(--dj-b);color:#fff;box-shadow:0 8px 20px -10px rgba(37,99,235,.7)}
.dj .dj-btn--blue:hover{background:var(--dj-b2)}

/* CTA — DÜZ: dış çerçeve/gradyan yok, doğrudan sohbet akışında (beyaz-yeşil iç içe kutu YOK) */
.dj .dj-cta{width:100%;padding:14px;background:var(--dj-sur);border:1px solid var(--dj-line);border-radius:var(--dj-r-lg);box-shadow:var(--dj-sh)}
/* Final zeki kart */
.dj-final{width:100%}
.dj-final .dj-final-t{font-size:13px;font-weight:600;color:var(--dj-ink3);padding:4px 2px 8px}
.dj-final .dj-final-g{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.dj .dj-final-c{position:relative;display:block;text-align:left;padding:14px 30px 12px 14px;border-radius:var(--dj-r-md);background:var(--dj-sur);border:1px solid var(--dj-line);box-shadow:var(--dj-sh);text-decoration:none;color:var(--dj-ink);transition:transform .2s var(--dj-spring)}
.dj .dj-final-c:hover{transform:translateY(-2px)}
.dj .dj-final-c .dj-ci{width:38px;height:38px;border-radius:11px;background:var(--dj-b-soft);color:var(--dj-b2);display:grid;place-items:center;margin-bottom:9px}
.dj .dj-final-c .dj-ci svg{width:20px;height:20px}
.dj .dj-final-c b{display:block;font-size:14px;font-weight:700;letter-spacing:-.01em}
.dj .dj-final-c span{display:block;font-size:11.5px;color:var(--dj-ink3);margin-top:2px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.dj .dj-final-c .dj-arr{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--dj-ink4);display:block}
@media (max-width:380px){.dj-final .dj-final-g{grid-template-columns:1fr}}
.dj-cta.kucuk{padding:0}
.dj-cta h4{font-size:16px;font-weight:700;letter-spacing:-.01em;line-height:1.3;padding:0;color:var(--dj-ink)}
.dj-cta p{font-size:13px;color:var(--dj-ink3);margin:4px 0 12px;line-height:1.5;padding:0}
.dj-cta .dj-btn{font-size:15px;padding:13px 14px;white-space:nowrap}
.dj-cta .dj-btn--ghost{background:var(--dj-sur)}
/* Avatar logo */
.dj-av--img{background:#fff;overflow:hidden;border:1px solid var(--dj-line);box-shadow:none}
.dj-av--img img{width:100%;height:100%;object-fit:cover;border-radius:50%}
/* Telefon şeridi (başlığın hemen altı, minimal) */
.dj-telbar{display:flex;align-items:center;gap:8px;padding:7px 12px;background:#FFFBEB;border-bottom:1px solid #FDE68A;font-size:12.5px;color:#78350F;transform:translateY(-8px);opacity:0;transition:transform .3s var(--dj-spring),opacity .2s;z-index:2}
.dj-telbar.on{transform:none;opacity:1}
.dj-telbar .t{font-weight:700;white-space:nowrap}
.dj-telbar input{flex:1;min-width:0;height:32px;padding:0 10px;border:1px solid #F59E0B;border-radius:9px;font-family:inherit;font-size:14px;outline:0;background:#fff;color:var(--dj-ink)}
.dj-telbar input:focus{box-shadow:0 0 0 3px rgba(245,158,11,.2)}
.dj .dj-telbar .ok{height:32px;padding:0 12px;border-radius:9px;background:#D97706;color:#fff;font-weight:700;font-size:13px;white-space:nowrap}
.dj .dj-telbar .x{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#92400E}
.dj .dj-telbar .x svg{width:14px;height:14px}
.dj-telbar.done{background:#ECFDF5;border-color:#A7F3D0;color:#065F46}
@media (max-width:420px){.dj-telbar .t{font-size:11.5px}.dj-telbar input{font-size:16px}}
/* Kalıcı rapor simgesi (başlık) */
.dj .dj-rapor-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;background:var(--dj-b-soft);color:var(--dj-b2);font-size:12.5px;font-weight:700;text-decoration:none;white-space:nowrap;transform:scale(.8);opacity:0;transition:transform .3s var(--dj-spring),opacity .2s}
.dj .dj-rapor-chip.on{transform:none;opacity:1}
.dj .dj-rapor-chip svg{width:16px;height:16px}
.dj .dj-rapor-chip:hover{background:var(--dj-b);color:#fff}
.dj-res .dj-ra .dj-btn + .dj-btn{margin-top:8px}
@media (max-width:420px){.dj .dj-rapor-chip span{display:none}.dj .dj-rapor-chip{padding:8px}}
.dj-cta .dj-btn + .dj-btn{margin-top:8px}
/* CTA içi minimal bağlantı kutuları */
.dj-cta .dj-cta-g{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 10px}
.dj .dj-cta-c{display:flex;align-items:center;gap:9px;padding:10px;border-radius:12px;background:#F8FAFC;border:1px solid var(--dj-line);text-decoration:none;color:var(--dj-ink);min-width:0;-webkit-tap-highlight-color:transparent;transition:border-color .15s,transform .15s}
.dj .dj-cta-c:hover{border-color:var(--dj-b);transform:translateY(-1px)}
.dj .dj-cta-c svg{width:18px;height:18px;color:var(--dj-b2);flex:none}
.dj .dj-cta-c span{min-width:0;display:block}
.dj .dj-cta-c b{display:block;font-size:12.5px;font-weight:700;line-height:1.2;letter-spacing:-.01em}
.dj .dj-cta-c small{display:block;font-size:11px;color:var(--dj-ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
@media (max-width:340px){.dj-cta .dj-cta-g{grid-template-columns:1fr}}
.dj-cta .dj-trust{display:flex;flex-wrap:wrap;justify-content:center;text-align:center;gap:5px 12px;margin-top:11px;font-size:11px;color:var(--dj-ink3);line-height:1.3}
.dj-cta .dj-trust span{white-space:nowrap}
.dj-cta .dj-trust span::before{content:"✓";color:var(--dj-g2);font-weight:700;margin-right:4px}
.dj-cta .dj-tel{margin-top:10px;padding:10px 12px;box-shadow:none;background:rgba(255,255,255,.7)}
.dj-cta .dj-tel h5{font-size:13px}

/* Mini genişlet */
.dj-mini-expand{place-items:center;padding:8px 14px 0}
.dj-mini-expand button{font-size:12.5px;font-weight:700;color:var(--dj-b2);background:var(--dj-b-soft);padding:6px 12px;border-radius:999px}

/* Ses göstergesi & yeni mesaj */
.dj-snd{position:absolute;left:14px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:4;display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(15,23,42,.85);color:#fff;font-size:11.5px;font-weight:600;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s var(--dj-spring);pointer-events:none}
.dj-snd.on{opacity:1;transform:none}
.dj-snd i{width:3px;height:10px;background:#fff;border-radius:2px;animation:dj-eq .8s infinite var(--dj-ease)}
.dj-snd i:nth-child(2){animation-delay:.2s;height:14px}.dj-snd i:nth-child(3){animation-delay:.4s}
@keyframes dj-eq{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}
.dj .dj-new{position:absolute;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translate(-50%,10px);opacity:0;pointer-events:none;background:var(--dj-b);color:#fff;font-size:12.5px;font-weight:600;padding:7px 14px;border-radius:999px;box-shadow:0 8px 20px -8px rgba(37,99,235,.7);transition:opacity .2s,transform .25s var(--dj-spring);z-index:4}
.dj .dj-new.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}

@media (prefers-reduced-motion:reduce){
  .dj *,.dj *::before,.dj *::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
  .dj-row,.dj-chip,.dj-card{opacity:1;transform:none}
}
@media (prefers-reduced-transparency:reduce){.dj-head,.dj-foot{background:#fff;backdrop-filter:none}}

/* ── İletişime geç kapısı (Meta Pixel Contact) ── */
.dj-foot--gate .dj-inp{display:none}
.dj-gate{display:none;padding:2px 0 4px}
.dj-foot--gate .dj-gate{display:block}
.dj-gate-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;border-radius:14px;padding:14px 18px;font:inherit;font-weight:700;font-size:15px;color:#fff;background:linear-gradient(145deg,#5AA0FF,#2563EB);cursor:pointer;box-shadow:0 12px 28px -12px rgba(37,99,235,.65);transition:filter .15s,transform .05s}
.dj-gate-btn svg{width:18px;height:18px}
.dj-gate-btn:hover{filter:brightness(1.06)}
.dj-gate-btn:active{transform:translateY(1px)}