/* Alajan "Asistan" paneli — tokenlar alajan.com / alajan-ui/ui.css ile aynı.
   Tüm sınıflar aj- önekli; sitenin stillerine karışmaz. */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap');
:root{
  --aj-accent:#FF6B4A;--aj-accent-ink:#3A1A10;--aj-accent-text:#C53F22;
  --aj-teal:#2A9D8F;--aj-teal-deep:#1F7F74;--aj-sun:#FFC46B;
  --aj-bg:#FBF7F1;--aj-bg-2:#FFFFFF;--aj-bg-3:#F4EEE5;--aj-text:#241F26;--aj-muted:#4A4452;--aj-dim:#3F3944;
  --aj-border:rgba(46,34,28,.09);--aj-border-strong:rgba(46,34,28,.18);--aj-code:#2A2330;
  --aj-shadow:0 24px 64px -28px rgba(60,40,30,.32);
  --aj-display:'Plus Jakarta Sans',ui-sans-serif,system-ui,sans-serif;
  --aj-body:'DM Sans',ui-sans-serif,system-ui,sans-serif;
  --aj-mono:'DM Mono',ui-monospace,Menlo,monospace;
  --aj-top:76px;
}

/* ---- sağ üst buton (sitenin nav'ındaki #alajanAssist) ---- */
.aj-trigger{display:inline-flex;align-items:center;gap:.45rem;border:0;border-radius:999px;padding:.5rem .95rem .5rem .55rem;
  background:var(--aj-accent);color:var(--aj-accent-ink);font:600 .88rem/1.2 var(--aj-body);cursor:pointer;
  box-shadow:0 0 0 1px rgba(255,107,74,.25),0 12px 40px -14px rgba(255,107,74,.55)}
.aj-trigger img{width:24px;height:24px;background:#fff;border-radius:50%;padding:2px}
@media (max-width:480px){
  .aj-trigger{width:36px;height:36px;padding:0;gap:0;justify-content:center}
  .aj-trigger-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}
  .aj-trigger img{width:22px;height:22px}
}
.aj-trigger[aria-expanded="true"]{background:var(--aj-code);color:#F7F1EA}
.aj-trigger[hidden]{display:none!important}
.aj-trigger:focus-visible,.aj-panel button:focus-visible,.aj-panel a:focus-visible,.aj-panel input:focus-visible{outline:2px solid var(--aj-teal);outline-offset:2px}

/* ---- panel: masaüstünde 380px, sağ üst ---- */
.aj-panel{position:fixed;top:var(--aj-top);right:20px;z-index:2147483000;width:380px;min-height:28rem;height:min(680px,calc(100vh - var(--aj-top) - 16px));
  display:flex;flex-direction:column;background:var(--aj-bg);color:var(--aj-text);font:400 14px/1.5 var(--aj-body);
  border:1px solid var(--aj-border-strong);border-radius:22px;box-shadow:var(--aj-shadow);overflow:hidden;-webkit-font-smoothing:antialiased}
.aj-panel[hidden]{display:none}
.aj-panel *,.aj-panel *::before,.aj-panel *::after{box-sizing:border-box}
@media (max-width:640px){
  .aj-panel{inset:0;top:0;right:0;width:100%;height:100%;height:100dvh;border-radius:0;border:0}
}
.aj-panel.aj-panel-embed{
  position:relative;top:auto;right:auto;inset:auto;z-index:1;
  width:100%;min-height:28rem;height:min(640px,75vh);max-height:75vh;
  border-radius:22px;
}
@media (max-width:640px){
  .aj-panel.aj-panel-embed{
    inset:auto;width:100%;height:min(70vh,560px);max-height:70vh;
    border-radius:22px;border:1px solid var(--aj-border-strong);
  }
}
.aj-panel.aj-panel-embed .aj-x{display:none}
.aj-page #ajEmbed{flex:1;min-height:0;display:flex}
.aj-page #ajEmbed .aj-panel-embed{
  flex:1;height:auto;max-height:none;min-height:0;
  border-radius:22px;border:1px solid var(--aj-border-strong);
}
@media (max-width:640px){
  .aj-page #ajEmbed .aj-panel-embed{height:auto;max-height:none;border-radius:18px}
}

.aj-head{display:flex;align-items:center;flex-wrap:nowrap;gap:.45rem .6rem;padding:.75rem .8rem .75rem .9rem;background:var(--aj-bg-2);border-bottom:1px solid var(--aj-border);min-width:0}
.aj-brand{display:flex;align-items:center;gap:.6rem;min-width:0;flex:1;text-decoration:none;color:inherit}
.aj-brand:hover h2,.aj-brand:focus-visible h2{color:var(--aj-accent-text)}
.aj-head img{width:34px;height:34px;flex-shrink:0;filter:drop-shadow(0 4px 10px rgba(255,107,74,.35))}
.aj-head h2{margin:0;font:800 1rem/1.15 var(--aj-display);letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aj-head p{display:none}
.aj-head-links{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}
.aj-home,.aj-tg{font:600 .75rem/1.2 var(--aj-body);color:var(--aj-accent-text);text-decoration:none;padding:.35rem .65rem;border-radius:999px;border:1px solid var(--aj-border-strong);background:var(--aj-bg);white-space:nowrap}
.aj-tg{display:inline-flex;align-items:center;gap:.35rem}
.aj-tg svg{width:14px;height:14px;flex-shrink:0}
.aj-home:hover,.aj-tg:hover{border-color:var(--aj-accent);background:var(--aj-bg-3)}
.aj-x{margin-left:auto;width:34px;height:34px;flex-shrink:0;border-radius:50%;border:1px solid var(--aj-border-strong);background:var(--aj-bg);display:grid;place-items:center;cursor:pointer;color:var(--aj-text)}
/* Overlay is 380px even on a wide viewport — wrap links so the title is not crushed. */
.aj-panel:not(.aj-panel-embed) .aj-head-links{order:3;flex:1 0 100%}
.aj-panel:not(.aj-panel-embed) .aj-home,
.aj-panel:not(.aj-panel-embed) .aj-tg{flex:1;text-align:center;justify-content:center}
@media (max-width:640px){
  .aj-head-links{order:3;flex:1 0 100%}
  .aj-home,.aj-tg{flex:1;text-align:center;justify-content:center}
}
.aj-x svg{width:16px;height:16px}

.aj-test{background:var(--aj-code);color:#F7F1EA;font:500 .66rem/1.4 var(--aj-mono);letter-spacing:.04em;padding:.4rem .9rem}
.aj-test b{color:var(--aj-sun);font-weight:500}

.aj-log{flex:1;min-height:16rem;overflow-y:auto;padding:.9rem .8rem 1rem;display:flex;flex-direction:column;gap:.7rem;scroll-behavior:smooth}
.aj-more{margin-top:.55rem}
.aj-msg{max-width:92%;font-size:.88rem}
.aj-msg.u{align-self:flex-end;background:var(--aj-code);color:#F7F1EA;padding:.5rem .8rem;border-radius:16px 16px 4px 16px}
.aj-msg.b{align-self:flex-start;background:var(--aj-bg-2);border:1px solid var(--aj-border);padding:.55rem .8rem;border-radius:16px 16px 16px 4px}
.aj-msg.b.full{max-width:100%;width:100%;padding:.6rem}
.aj-msg .aj-tool{display:block;font:400 .64rem/1.3 var(--aj-mono);color:var(--aj-dim);margin-bottom:.25rem}
.aj-msg.err{border-color:#F2B8B5;background:#FFF4F3;color:#8C1D18}
.aj-chips{display:flex;flex-wrap:wrap;gap:.35rem}
.aj-chip{border:1px solid var(--aj-border-strong);background:var(--aj-bg-2);color:var(--aj-text);border-radius:999px;padding:.32rem .7rem;font:500 .78rem/1.3 var(--aj-body);cursor:pointer}
.aj-chip:hover{border-color:var(--aj-accent);color:var(--aj-accent-text)}

/* ---- ürün kartı ---- */
.aj-cards{display:flex;flex-direction:column;gap:.5rem;margin-top:.45rem}
.aj-card{display:grid;grid-template-columns:60px 1fr;gap:.6rem;background:var(--aj-bg-2);border:1px solid var(--aj-border);border-radius:16px;padding:.6rem}
.aj-card.spon{border-color:#F5D99A;box-shadow:inset 3px 0 0 #E8A317}
.aj-card.cheap{border-color:#BFE3DD;box-shadow:inset 3px 0 0 var(--aj-teal)}
.aj-img{width:60px;height:60px;border-radius:12px;object-fit:cover;background:var(--aj-bg-3)}
.aj-img.ph{display:grid;place-items:center;font:800 .7rem var(--aj-display);color:var(--aj-dim)}
.aj-body{min-width:0;display:flex;flex-direction:column;gap:.18rem}
.aj-badges{display:flex;flex-wrap:wrap;gap:.25rem}
.aj-b{display:inline-flex;align-items:center;font:600 .64rem/1.35 var(--aj-body);padding:.1rem .45rem;border-radius:999px;border:1px solid var(--aj-border);white-space:nowrap}
.aj-b.cheap{background:#E3F4F1;color:var(--aj-teal-deep);border-color:#BFE3DD}
.aj-b.rec{background:#FFE9E3;color:var(--aj-accent-text);border-color:#FFC9BB}
.aj-b.spon{background:#FFF2D9;color:#8A5A00;border-color:#F5D99A}
.aj-b.out{background:var(--aj-bg-3);color:var(--aj-muted)}
.aj-title{font:700 .84rem/1.25 var(--aj-display);letter-spacing:-.015em;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.aj-row{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}
.aj-store{font-size:.74rem;color:var(--aj-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aj-price{font:800 .98rem/1 var(--aj-display);letter-spacing:-.02em;white-space:nowrap}
.aj-meta{font:400 .64rem/1.35 var(--aj-mono);color:var(--aj-dim)}
.aj-comm{font:500 .66rem/1.35 var(--aj-body);color:#8A5A00}
.aj-stale{display:flex;gap:.3rem;align-items:flex-start;font-size:.7rem;line-height:1.35;background:#FFF6DD;border:1px solid #F2D27A;color:#5B4300;border-radius:9px;padding:.25rem .45rem}
.aj-actions{display:flex;gap:.35rem;margin-top:.25rem;flex-wrap:wrap}
.aj-btn{display:inline-flex;align-items:center;gap:.3rem;border-radius:999px;padding:.32rem .7rem;font:600 .74rem/1.2 var(--aj-body);cursor:pointer;text-decoration:none;border:1px solid var(--aj-border-strong);background:var(--aj-bg);color:var(--aj-text)}
.aj-btn.go{background:var(--aj-accent);border-color:var(--aj-accent);color:var(--aj-accent-ink)}
.aj-btn svg{width:12px;height:12px}

/* karşılaştırma listesi */
.aj-offers{list-style:none;margin:.45rem 0 0;padding:0;display:flex;flex-direction:column;gap:.35rem}
.aj-offers li{display:grid;grid-template-columns:1fr auto;gap:.15rem .5rem;background:var(--aj-bg-2);border:1px solid var(--aj-border);border-radius:12px;padding:.45rem .6rem}
.aj-note{font-size:.72rem;color:var(--aj-muted);margin-top:.4rem}

/* ---- alt: giriş + etiket açıklaması ---- */
.aj-foot{border-top:1px solid var(--aj-border);background:var(--aj-bg-2);padding:.6rem .7rem .55rem}
.aj-form{display:flex;gap:.4rem}
.aj-form input{flex:1;min-width:0;border:1px solid var(--aj-border-strong);border-radius:999px;padding:.6rem .9rem;font:400 .88rem var(--aj-body);background:var(--aj-bg);color:var(--aj-text)}
.aj-send{width:40px;height:40px;flex:none;border-radius:50%;border:0;background:var(--aj-accent);color:var(--aj-accent-ink);display:grid;place-items:center;cursor:pointer}
.aj-send svg{width:17px;height:17px}
.aj-legend{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .35rem;margin-top:.45rem;font-size:.64rem;color:var(--aj-dim)}
.aj-legend .aj-b{font-size:.6rem}
.aj-typing{display:inline-flex;gap:3px}.aj-typing i{width:6px;height:6px;border-radius:50%;background:var(--aj-dim);animation:ajb 1s infinite}
.aj-typing i:nth-child(2){animation-delay:.15s}.aj-typing i:nth-child(3){animation-delay:.3s}
@keyframes ajb{0%,80%,100%{opacity:.25}40%{opacity:1}}
@media (prefers-reduced-motion:reduce){.aj-typing i{animation:none}.aj-log{scroll-behavior:auto}}