/* Alajan Asistan — tam ekran taslak. asistan-widget.css tokenlarını ve sohbet bileşenlerini kullanır. */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0}
body{background:var(--aj-bg);color:var(--aj-text);font:400 15px/1.5 var(--aj-body);-webkit-font-smoothing:antialiased}
button{font:inherit}
a{color:inherit}
:focus-visible{outline:2px solid var(--aj-teal);outline-offset:2px}
.at-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.at-skip{position:absolute;left:-999px;top:0}.at-skip:focus{left:8px;top:8px;z-index:9;background:#fff;padding:.4rem .7rem;border-radius:8px}

/* taslak bandı — canlıya girmez */
.at-draft,.at-alts{display:none!important}

/* site header (#22) ile D yerleşimi */
body.vitrin-home{padding-top:calc(var(--nav-h, 78px) + .55rem);max-width:100%;overflow-x:clip}
body.vitrin-home .at-layout{max-width:1320px}
.at-karo{background:linear-gradient(160deg,var(--aj-bg-3),var(--aj-bg-2))}
.at-karo .at-karo-g{background:transparent;opacity:1}
.at-karo[data-kapak]{color:var(--aj-accent-text)}

/* Sponsorlu ilk yuva: tıklanabilir Sovrn kartı (statik <a>, iç içe link yok) */
a.at-slot.sovrn-box{gap:.28rem;justify-content:flex-start;padding:1.35rem .9rem .85rem;text-decoration:none;color:inherit;cursor:pointer;border-style:solid}
a.at-slot.sovrn-box:hover{border-color:var(--aj-accent)}
a.at-slot.sovrn-box .sovrn-item{margin:0;font:700 .92rem/1.3 var(--aj-display,#241F26);overflow-wrap:anywhere;word-break:break-word}
a.at-slot.sovrn-box .sovrn-store{margin:0;font:600 .8rem/1.3 var(--aj-body);color:var(--aj-muted)}
a.at-slot.sovrn-box .sovrn-go{margin-top:.15rem;pointer-events:none}

/* taslak bandı (eski taslak; canlıda gizli) */
.at-draft-unused{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.3rem 1rem;background:var(--aj-code);color:#fff;font:400 12px/1.4 var(--aj-body);padding:.4rem 1.2rem}
.at-draft b{color:var(--aj-sun)}
.at-alts{display:flex;gap:.25rem}
.at-alts a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:.05rem .55rem;font-weight:600}
.at-alts a[aria-current]{background:var(--aj-sun);color:var(--aj-code);border-color:var(--aj-sun)}

/* üst bar */
.at-top{display:flex;align-items:center;gap:1.2rem;padding:.6rem 1.5rem;background:var(--aj-bg-2);border-bottom:1px solid var(--aj-border);position:relative}
.at-brand{display:flex;align-items:center;gap:.45rem;text-decoration:none;font:800 1.15rem var(--aj-display);letter-spacing:-.03em}
.at-nav{display:flex;align-items:center;gap:.2rem}
.at-nav a,.at-nav button{border:0;background:none;color:var(--aj-text);text-decoration:none;font:500 .9rem var(--aj-body);padding:.4rem .7rem;border-radius:999px;cursor:pointer}
.at-nav a:hover,.at-nav button:hover{background:var(--aj-bg-3)}
.at-menubtn{display:none;margin-left:auto;border:1px solid var(--aj-border-strong);background:var(--aj-bg);border-radius:999px;padding:.35rem .8rem;font:600 .85rem var(--aj-body);cursor:pointer}
.at-testchip{margin-left:auto;font:500 12px/1.4 var(--aj-body);color:#5B4300;background:#FFF6DD;border:1px solid #F2D27A;border-radius:999px;padding:.2rem .7rem;white-space:nowrap}

/* akış adımları (yalnızca asistan-tam-akis.html) */
.at-akis{list-style:none;margin:0;padding:.55rem 1.5rem;display:flex;gap:1.2rem;background:#E3F4F1;border-bottom:1px solid #BFE3DD;font-size:.8rem;color:#174E47}
.at-akis li{display:flex;gap:.4rem;align-items:flex-start;flex:1}
.at-akis b{flex:none;width:20px;height:20px;border-radius:50%;background:var(--aj-teal);color:#fff;display:grid;place-items:center;font:700 .72rem var(--aj-body)}
.at-akis li:last-child{flex:2}

/* yerleşim */
.at-layout{display:grid;grid-template-columns:262px minmax(0,1fr) 262px;grid-template-areas:". slogan ." ". how ." "left main right" "mvit mvit mvit";gap:.45rem 1.25rem;max-width:1320px;margin:0 auto;padding:1rem 1.25rem 1.5rem;align-items:start}
.at-slogan{grid-area:slogan;margin:0;text-align:center;font:800 1.05rem/1.2 var(--aj-display);letter-spacing:-.03em;color:var(--aj-text)}
.at-slogan span{color:var(--aj-accent-text)}
.at-side-not{grid-area:how;margin:0;text-align:center;font-size:12px;line-height:1.4;color:var(--aj-muted)}
.at-left{grid-area:left}
.at-main{grid-area:main;min-width:0;display:flex;flex-direction:column;gap:.6rem}
.at-right{grid-area:right}
.at-mvitrin{grid-area:mvit;display:none}
.at-chat{display:flex;flex-direction:column;background:var(--aj-bg-2);border:1px solid var(--aj-border-strong);border-radius:24px;box-shadow:var(--aj-shadow);height:auto;max-height:min(36rem,calc(100dvh - 11rem));overflow:hidden}
.akis .at-chat{max-height:min(36rem,calc(100dvh - 13rem))}
body.vitrin-home .at-chat .at-log.aj-log{flex:0 1 auto;min-height:0;overflow-y:auto}
body.vitrin-home .at-chat-head,body.vitrin-home .at-form,body.vitrin-home .at-legend{flex-shrink:0}
.at-chat-head{display:flex;align-items:center;gap:.65rem;padding:.8rem 1.1rem;border-bottom:1px solid var(--aj-border)}
.at-chat-head h1{margin:0;font:800 1.08rem/1.15 var(--aj-display);letter-spacing:-.03em}
.at-chat-head p{margin:.1rem 0 0;font-size:12px;color:var(--aj-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.at-chat-head>div{min-width:0}
.at-log{background:var(--aj-bg);padding:1rem 1.1rem}
.at-log .aj-msg{font-size:.9rem}
.at-log .aj-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.at-form{display:flex;gap:.5rem;padding:.75rem .9rem .3rem;border-top:1px solid var(--aj-border)}
.at-form input{flex:1;min-width:0;border:1px solid var(--aj-border-strong);border-radius:999px;padding:.85rem 1.1rem;font:400 1rem var(--aj-body);background:var(--aj-bg);color:var(--aj-text)}
.at-send{width:50px;height:50px;flex:none;border-radius:50%;border:0;background:var(--aj-accent);color:var(--aj-accent-ink);display:grid;place-items:center;cursor:pointer}
.at-send svg{width:20px;height:20px}
.at-legend{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .35rem;margin:0;padding:.35rem 1rem .7rem;font-size:.68rem;color:var(--aj-dim)}
.at-hazir{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}

/* yan kolonlar: ilham alanı (mağaza vitrini değil) */
.at-side{display:flex;flex-direction:column;gap:.9rem;min-width:0}
.at-blok h2,.at-mvitrin h2{margin:0 0 .45rem;font:700 .72rem/1.3 var(--aj-body);letter-spacing:.06em;text-transform:uppercase;color:var(--aj-dim)}
.at-blok{display:flex;flex-direction:column}
.at-blok>.at-kat+.at-kat,.at-blok>.at-ilham+.at-ilham,.at-blok>.at-karsi+.at-karsi{margin-top:.4rem}
.at-gri{display:block;font-size:.72rem;line-height:1.35;color:#77707A;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.at-ki{width:20px;height:20px;flex:none}
.aj-btn.ask{background:var(--aj-code);border-color:var(--aj-code);color:#fff;align-self:flex-start}
.aj-btn.ask:hover{background:#000}

/* A: kategori kartı */
.at-kat{display:flex;gap:.6rem;align-items:center;text-align:left;width:100%;border:1px solid var(--aj-border-strong);background:var(--aj-bg-2);border-radius:16px;padding:.55rem .7rem;cursor:pointer;color:var(--aj-text)}
.at-kat .at-ki{width:34px;height:34px;padding:7px;border-radius:11px;background:#FFE9E3;color:var(--aj-accent-text)}
.at-kat b{display:block;font:700 .9rem/1.2 var(--aj-display);letter-spacing:-.015em}
.at-kat small{display:block;font-size:.72rem;color:var(--aj-muted);line-height:1.3}
.at-kat:hover,.at-katrow:hover,.at-katchip:hover,.at-karo:hover{border-color:var(--aj-accent)}
.tiklandi{outline:3px solid var(--aj-teal)!important;outline-offset:2px;position:relative}
.at-kat.tiklandi::after,.at-karo.tiklandi::after,.at-katrow.tiklandi::after,.at-katchip.tiklandi::after{content:"tıklandı";position:absolute;right:8px;top:-9px;background:var(--aj-teal);color:#fff;font:700 10px/1 var(--aj-body);padding:3px 6px;border-radius:999px}
/* B: kompakt liste */
.at-katlist{display:flex;flex-direction:column;background:var(--aj-bg-2);border:1px solid var(--aj-border);border-radius:16px;overflow:hidden}
.at-katrow{display:flex;align-items:center;gap:.55rem;border:0;border-bottom:1px solid var(--aj-border);background:none;padding:.55rem .75rem;text-align:left;cursor:pointer;color:var(--aj-text);font:600 .86rem var(--aj-body)}
.at-katrow:last-child{border-bottom:0}
.at-katrow .at-ki{color:var(--aj-teal-deep)}
/* C: yatay şerit */
.at-catstrip{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.15rem;justify-content:center;flex-wrap:wrap}
.at-catstrip[hidden]{display:none}
.at-katchip{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--aj-border-strong);background:var(--aj-bg-2);border-radius:999px;padding:.38rem .8rem .38rem .55rem;font:600 .82rem var(--aj-body);cursor:pointer;color:var(--aj-text);white-space:nowrap}
.at-katchip .at-ki{width:18px;height:18px;color:var(--aj-accent-text)}
/* D: büyük karo */
.at-karolar{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}
.at-karo{position:relative;display:block;padding:0;border:1px solid var(--aj-border);border-radius:16px;overflow:hidden;cursor:pointer;aspect-ratio:1;background:var(--aj-bg-3)}
.at-karo-g{position:absolute;inset:0;display:block}
.at-karo-g[hidden]{display:none}
.at-karo-g img{width:100%;height:100%;object-fit:cover;display:block}
.at-karo-ad{position:absolute;left:0;right:0;bottom:0;padding:1.4rem .55rem .5rem;background:linear-gradient(transparent,rgba(36,31,38,.88));color:#fff;font:800 .82rem/1.15 var(--aj-display);text-align:left}

/* karşılaştırma örneği ve "Ajana sor" kartı */
.at-karsi{display:flex;flex-direction:column;gap:.35rem;background:var(--aj-bg-2);border:1px dashed var(--aj-border-strong);border-radius:16px;padding:.6rem}
.at-karsi-g{display:flex;align-items:center;gap:.4rem}
.at-karsi-g img{width:48px;height:48px;border-radius:10px;object-fit:cover;background:var(--aj-bg-3)}
.at-karsi-g span{font:600 .72rem var(--aj-body);color:var(--aj-dim)}
.at-karsi p{margin:0;font-size:.8rem;line-height:1.35}
.at-ilham{display:grid;grid-template-columns:52px 1fr;gap:.55rem;background:var(--aj-bg-2);border:1px solid var(--aj-border);border-radius:16px;padding:.55rem}
.at-ilham img{width:52px;height:52px;border-radius:10px;object-fit:cover;background:var(--aj-bg-3)}
.at-ilham>div{min-width:0;display:flex;flex-direction:column;gap:.2rem}
.at-ilham h3{margin:0;font:700 .8rem/1.25 var(--aj-display);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* sohbet içi: öne çıkanlar akış kartları */
.at-grup{margin:.8rem 0 .4rem;font:800 .86rem var(--aj-display);letter-spacing:-.01em}
.at-grup small{font:400 .72rem var(--aj-body);color:var(--aj-dim)}
.at-akartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.5rem}
.at-akart{display:grid;grid-template-columns:56px 1fr;gap:.55rem;background:var(--aj-bg-2);border:1px solid var(--aj-border);border-radius:14px;padding:.55rem}
.at-akart.spon{border-color:#F5D99A;box-shadow:inset 3px 0 0 #E8A317}
.at-akart img{width:56px;height:56px;border-radius:10px;object-fit:cover;background:var(--aj-bg-3)}
.at-akart>div{min-width:0;display:flex;flex-direction:column;gap:.2rem}
.at-akart h3{margin:0;font:700 .8rem/1.25 var(--aj-display);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.at-akart-r{display:flex;justify-content:space-between;gap:.4rem;align-items:baseline}
.at-akart-r b{font:800 .86rem var(--aj-display)}
.at-akart-r span{font-size:.72rem;color:var(--aj-muted);white-space:nowrap}
.at-gizli{margin-top:.6rem;background:var(--aj-bg-3);border-radius:12px;padding:.5rem .7rem;font-size:.76rem;color:var(--aj-muted)}
.at-gizli ul{margin:.25rem 0 0;padding-left:1.1rem}
.at-gizli i{font-style:normal;font-weight:600;color:var(--aj-text)}
.at-iki{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.5rem}
.at-iki-k{background:var(--aj-bg-2);border:1px solid var(--aj-border);border-radius:14px;padding:.6rem;display:flex;flex-direction:column;gap:.25rem;min-width:0}
.at-iki-k img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;background:var(--aj-bg-3)}
.at-iki-k h3{margin:0;font:700 .8rem/1.25 var(--aj-display);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* sponsor alanı: sohbetin hemen altında, ilk ekranda */
.at-main .at-sponsor{background:#F1E9DC;border:1.5px dashed rgba(46,34,28,.22);border-radius:18px;margin-top:.15rem}
.at-sponsor-in{max-width:none;margin:0;padding:.75rem .85rem .85rem}
.at-sponsor-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem 1rem;margin-bottom:.8rem}
.at-sponsor-head h2{margin:0;font:800 1rem var(--aj-display)}
.at-sponsor-head p{margin:0;font-size:.78rem;color:var(--aj-muted);max-width:760px}
.at-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}
.at-slot{position:relative;border:1.5px dashed #D9C8AE;border-radius:16px;background:rgba(255,255,255,.55);padding:1.6rem 1rem 1rem;min-height:110px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:.5rem}
.at-slot p{margin:0;font:600 .86rem var(--aj-body);color:var(--aj-muted)}
.at-spon{position:absolute;top:.6rem;left:.7rem;font:600 .68rem/1.35 var(--aj-body);background:#FFF2D9;color:#8A5A00;border:1px solid #F5D99A;border-radius:999px;padding:.1rem .5rem}

/* alt bilgi + tanıtım paneli */
.at-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;max-width:1320px;margin:0 auto;padding:.9rem 1.25rem 1.4rem;font-size:.78rem;color:var(--aj-muted)}
.at-foot nav{display:flex;flex-wrap:wrap;gap:.2rem .9rem}
.at-foot a,.at-foot button{color:var(--aj-muted);background:none;border:0;padding:0;cursor:pointer;font-size:.78rem;text-decoration:underline;text-underline-offset:2px}
.at-panel{max-width:520px;width:calc(100% - 2rem);border:1px solid var(--aj-border-strong);border-radius:22px;padding:1.4rem 1.4rem 1.2rem;background:var(--aj-bg);color:var(--aj-text);box-shadow:var(--aj-shadow)}
.at-panel::backdrop{background:rgba(36,31,38,.45)}
.at-panel h2{margin:0 2.5rem .5rem 0;font:800 1.25rem var(--aj-display);letter-spacing:-.03em}
.at-panel p,.at-panel ol{font-size:.9rem;color:var(--aj-muted)}
.at-panel .aj-x{position:absolute;top:.8rem;right:.8rem}
.at-panel-cta{display:flex;flex-wrap:wrap;gap:.45rem}
.at-panel-cta .aj-btn{font-size:.85rem;padding:.5rem .95rem}

/* ---- mobil: sohbet, altında kayan şerit, en altta sponsor ---- */
@media (max-width:1100px){.at-layout{grid-template-columns:230px minmax(0,1fr) 230px;gap:.45rem 1rem}}
@media (max-width:860px){
  .at-top{padding:.55rem 1rem;gap:.6rem;flex-wrap:wrap}
  .at-menubtn{display:inline-block}
  .at-nav{display:none;order:5;width:100%;flex-direction:column;align-items:stretch;padding-top:.3rem}
  .at-nav.acik{display:flex}
  .at-testchip{order:6;margin-left:0;white-space:normal;font-size:11px}
  .at-draft{padding:.4rem 1rem}
  .at-akis{flex-direction:column;gap:.35rem;padding:.5rem 1rem}
  .at-layout{display:flex;flex-direction:column;align-items:stretch;padding:.75rem .75rem 1rem;gap:.9rem}
  .at-side{display:none}
  .at-catstrip{display:none!important} /* mobil sıra: sohbet, sonra şerit (kategoriler şeritte) */
  .at-chat{height:auto;max-height:min(28rem,calc(100svh - 9rem));border-radius:20px}
  .akis .at-chat{max-height:min(28rem,calc(100svh - 9rem))}
  .at-log .aj-cards,.at-akartlar{grid-template-columns:1fr}
  .at-iki{grid-template-columns:1fr 1fr}
  .at-legend{padding:.3rem .8rem .6rem}
  .at-form input{padding:.75rem 1rem}
  .at-send{width:46px;height:46px}
  .at-mvitrin{display:block;min-width:0}
  .at-serit{display:flex;gap:.55rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.1rem .1rem .55rem;margin-bottom:.35rem}
  .at-serit>*{flex:0 0 auto;scroll-snap-align:start}
  .at-serit .at-kat{width:250px}
  .at-serit-kat .at-kat.tiklandi::after{top:4px}
  .at-serit-kat{padding-top:.4rem}
  .at-serit .at-katrow{border:1px solid var(--aj-border-strong);border-radius:999px;background:var(--aj-bg-2)}
  .at-serit .at-karo{width:130px}
  .at-serit .at-karsi{width:250px}
  .at-serit .at-ilham{width:240px}
  .at-slots{grid-template-columns:1fr}
  .at-slot{min-height:90px}
}