/* Müşteri menüsü V12 — kategori filtresi, modern ürün kartları, WhatsApp doğrulama penceresi (tema belirteçleriyle). */
@keyframes catEnter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes cardIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
@keyframes waPulse2{0%{box-shadow:0 0 0 0 rgba(31,184,85,.6)}100%{box-shadow:0 0 0 16px rgba(31,184,85,0)}}
.is-filtered-out{display:none!important}
/* Kategori çubuğu */
.cat-filter{position:sticky;top:0;z-index:1015;margin:0 auto 18px;max-width:1240px;padding:10px 12px;display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:color-mix(in srgb,var(--c-bg) 88%,transparent);backdrop-filter:blur(12px);border-radius:0 0 18px 18px;transition:box-shadow .25s}
.cat-filter::-webkit-scrollbar{display:none}
.cat-filter.is-stuck{box-shadow:0 10px 28px var(--c-shadow);border-bottom:1px solid var(--c-line)}
.cat-chip{flex:none;display:inline-flex;align-items:center;gap:9px;padding:10px 18px;border-radius:99px;border:1px solid var(--c-line);background:var(--c-panel);color:var(--c-text);font:500 1rem/1 inherit;cursor:pointer;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;white-space:nowrap}
.cat-chip i{font-size:1.05em;color:var(--c-accent);transition:transform .3s}
.cat-chip small{font-size:.8rem;padding:2px 8px;border-radius:99px;background:var(--c-warm);color:var(--c-muted)}
.cat-chip:hover{transform:translateY(-2px);border-color:var(--c-accent)}
.cat-chip:hover i{transform:rotate(-12deg) scale(1.15)}
.cat-chip.is-on{background:var(--c-accent);color:var(--c-accent-contrast);border-color:var(--c-accent);box-shadow:0 8px 22px var(--c-glow)}
.cat-chip.is-on i{color:var(--c-accent-contrast)}.cat-chip.is-on small{background:rgba(255,255,255,.22);color:inherit}
html[data-cafe-theme="istanbul"] .cat-chip.is-on small{background:rgba(0,0,0,.18)}
/* Ürün kartları: ızgara + dikey hareket */
.menu-category.cat-enter{animation:catEnter .45s cubic-bezier(.2,.8,.2,1)}
.menu-category .collapse.show{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:14px}
.menu-category .collapse.show>.urun-kart{margin:0!important;animation:cardIn .5s cubic-bezier(.2,.8,.2,1) both}
.menu-category .collapse.show>.urun-kart:nth-child(2){animation-delay:.05s}.menu-category .collapse.show>.urun-kart:nth-child(3){animation-delay:.1s}.menu-category .collapse.show>.urun-kart:nth-child(4){animation-delay:.15s}.menu-category .collapse.show>.urun-kart:nth-child(n+5){animation-delay:.2s}
body.cafe-customer .urun-kart{position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
body.cafe-customer .urun-kart:hover{transform:translateY(-4px);border-color:var(--c-accent)!important;box-shadow:0 18px 40px var(--c-shadow),0 0 0 1px var(--c-accent)}
body.cafe-customer .urun-kart>img{width:96px;height:96px;object-fit:cover;border-radius:16px;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
body.cafe-customer .urun-kart:hover>img{transform:scale(1.07) rotate(-1.5deg)}
body.cafe-customer .urun-kart h6{font-size:1.12rem;font-weight:600}
body.cafe-customer .urun-kart .btn{font-weight:500;transition:transform .2s,box-shadow .2s}
body.cafe-customer .urun-kart .btn:active{transform:scale(.94)}
body.cafe-customer .menu-category>.collapse-btn{font-weight:600;font-size:1.08rem}
@media(max-width:575px){.cat-filter{padding:8px 10px}.cat-chip{padding:9px 14px;font-size:.96rem}.menu-category .collapse.show{grid-template-columns:1fr}body.cafe-customer .urun-kart>img{width:84px;height:84px}}
/* WhatsApp doğrulama penceresi */
.wa-code-layer{position:fixed;inset:0;z-index:30010;display:grid;place-items:center;padding:18px;background:rgba(10,6,8,.74);backdrop-filter:blur(6px)}
.wa-code-layer[hidden]{display:none}
.wa-code-card{width:min(100%,440px);padding:30px 26px 24px;border-radius:26px;text-align:center;background:var(--c-panel);color:var(--c-text);border:1px solid var(--c-line);box-shadow:0 30px 90px rgba(0,0,0,.5);animation:cardIn .4s cubic-bezier(.2,.8,.2,1)}
.wa-code-ic{width:68px;height:68px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:#1fb855;color:#fff;font-size:36px;animation:waPulse2 1.8s ease-out infinite}
.wa-code-card h2{font-size:1.4rem;margin:0 0 8px;color:var(--c-text)}
.wa-code-lead{color:var(--c-muted);font-size:1rem;margin:0 0 18px}
.wa-code-row{display:flex;gap:12px;align-items:stretch;justify-content:center;flex-wrap:wrap}
.wa-code-value{display:grid;place-items:center;min-width:140px;padding:12px 18px;border-radius:16px;font:600 2.2rem/1 Sora,Manrope,sans-serif;letter-spacing:.28em;text-indent:.28em;background:var(--c-warm);color:var(--c-text);border:2px dashed var(--c-accent)}
.wa-code-send{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 22px;border-radius:16px;font-weight:600;font-size:1.05rem;text-decoration:none;background:#1fb855;color:#fff!important;box-shadow:0 10px 26px rgba(31,184,85,.4);transition:transform .2s,filter .2s}
.wa-code-send:hover{transform:translateY(-2px);filter:brightness(1.08)}
.wa-code-send i{font-size:1.4em}
.wa-code-copy{margin-top:14px;background:none;border:0;color:var(--c-link);font-size:.98rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.wa-code-steps{text-align:left;margin:18px 0 0;padding:14px 16px 14px 34px;border-radius:14px;background:var(--c-paper);border:1px solid var(--c-line);color:var(--c-muted);font-size:.95rem;line-height:1.5}
.wa-code-steps li+li{margin-top:6px}
.wa-code-close{margin-top:16px;width:100%;padding:12px;border-radius:14px;border:1px solid var(--c-line);background:transparent;color:var(--c-text);font-weight:500;cursor:pointer}
.wa-code-close:hover{background:var(--c-warm)}
html[data-cafe-theme="kum"] .wa-code-card{background:linear-gradient(150deg,#9b0e25,#560412);border-color:rgba(255,255,255,.5);color:#fff}
html[data-cafe-theme="kum"] .wa-code-card h2{color:#fff}html[data-cafe-theme="kum"] .wa-code-lead,html[data-cafe-theme="kum"] .wa-code-steps{color:#ffe4e7}
html[data-cafe-theme="kum"] .wa-code-value{background:rgba(0,0,0,.3);color:#fff;border-color:#fff}
html[data-cafe-theme="kum"] .wa-code-steps{background:rgba(0,0,0,.25);border-color:rgba(255,255,255,.3)}
html[data-cafe-theme="kum"] .wa-code-copy{color:#fff}html[data-cafe-theme="kum"] .wa-code-close{color:#fff;border-color:rgba(255,255,255,.5)}
#paketKodWhatsapp{animation:waPulse2 2s ease-out infinite;font-weight:500;border-radius:99px;padding:12px 22px}
@media(prefers-reduced-motion:reduce){.menu-category.cat-enter,.menu-category .collapse.show>.urun-kart,.wa-code-ic,#paketKodWhatsapp,.wa-code-card{animation:none!important}}

/* ═══ V13 — Paket servis giriş alanı (aurora/paket benzeri) ═══ */
.paket-info{max-width:1240px;margin:0 auto 22px;padding:0 12px}
.paket-info-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-bottom:14px}
.paket-badge{display:inline-flex;align-items:center;gap:9px;padding:9px 18px;border-radius:99px;font-weight:600;background:var(--c-accent);color:var(--c-accent-contrast);box-shadow:0 8px 22px var(--c-glow)}
.paket-badge i{animation:paketRide 2.4s ease-in-out infinite}
@keyframes paketRide{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
.paket-line{display:inline-flex;align-items:center;gap:8px;color:var(--c-muted);text-decoration:none;font-size:1rem}
.paket-line i{color:var(--c-accent)}
.paket-line b{font-weight:500;color:var(--c-link);text-decoration:underline;text-underline-offset:3px}
.paket-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.paket-stats>div{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:18px;background:var(--c-panel);border:1px solid var(--c-line);position:relative;overflow:hidden;animation:cardIn .5s both}
.paket-stats>div:nth-child(2){animation-delay:.06s}.paket-stats>div:nth-child(3){animation-delay:.12s}.paket-stats>div:nth-child(4){animation-delay:.18s}
.paket-stats i{color:var(--c-accent);font-size:1.15rem;margin-bottom:4px}
.paket-stats small{color:var(--c-muted);font-size:.86rem}
.paket-stats b{font-size:1.15rem;font-weight:600;color:var(--c-text)}
.paket-areas{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;color:var(--c-muted)}
.paket-areas span.lbl{display:inline-flex;align-items:center;gap:7px;margin-right:4px}
.paket-areas .area{padding:5px 12px;border-radius:99px;border:1px solid var(--c-line);background:var(--c-warm);color:var(--c-text);font-size:.92rem}
html[data-cafe-theme="kum"] .paket-stats>div{background:linear-gradient(150deg,rgba(138,9,30,.82),rgba(84,4,18,.88));border-color:rgba(255,255,255,.25)}
html[data-cafe-theme="kum"] .paket-stats i{color:#ffd9de}
/* ═══ V13 — Menü asistanı ═══ */
@keyframes aiUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes aiDot{0%,80%,100%{transform:scale(.5);opacity:.4}40%{transform:scale(1);opacity:1}}
@keyframes aiGlow{0%,100%{box-shadow:0 10px 28px var(--c-glow)}50%{box-shadow:0 10px 38px var(--c-glow),0 0 0 8px color-mix(in srgb,var(--c-accent) 22%,transparent)}}
.ai-fab{position:fixed;left:14px;bottom:92px;z-index:1090;display:inline-flex;align-items:center;gap:10px;padding:9px 18px 9px 10px;border-radius:99px;border:1px solid color-mix(in srgb,var(--c-accent-contrast) 30%,transparent);background:var(--c-accent);color:var(--c-accent-contrast);cursor:pointer;animation:aiGlow 3s ease-in-out infinite;transition:transform .2s}
.ai-fab:hover{transform:translateY(-3px)}
.ai-fab-ic{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.2);font-size:1.1rem}
.ai-fab-tx{display:flex;flex-direction:column;text-align:left;line-height:1.1}.ai-fab-tx b{font-weight:600;font-size:1rem}.ai-fab-tx small{font-size:.78rem;opacity:.9}
@media(min-width:992px){.ai-fab{bottom:24px;left:24px}}
body.ai-open{overflow:hidden}
.ai-layer{position:fixed;inset:0;z-index:30020;display:flex;align-items:flex-end;justify-content:center;background:rgba(10,6,8,.6);backdrop-filter:blur(5px)}
.ai-layer[hidden]{display:none}
.ai-sheet{width:min(100%,520px);height:min(86vh,720px);display:flex;flex-direction:column;border-radius:26px 26px 0 0;background:var(--c-panel);color:var(--c-text);border:1px solid var(--c-line);box-shadow:0 -20px 70px rgba(0,0,0,.45);animation:aiUp .4s cubic-bezier(.2,.8,.2,1)}
@media(min-width:640px){.ai-layer{align-items:center}.ai-sheet{border-radius:26px;height:min(80vh,700px)}}
.ai-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--c-line)}
.ai-head h2{margin:0;font-size:1.15rem;color:var(--c-text)}.ai-head small{color:var(--c-muted)}.ai-head>div{flex:1}
.ai-av{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--c-accent);color:var(--c-accent-contrast);font-size:1.2rem}
.ai-x{width:40px;height:40px;border-radius:12px;border:1px solid var(--c-line);background:transparent;color:var(--c-text);cursor:pointer}
.ai-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}
.ai-msg{max-width:88%;padding:12px 15px;border-radius:18px;line-height:1.5;font-size:1rem;animation:cardIn .35s both;white-space:pre-line}
.ai-bot{align-self:flex-start;background:var(--c-warm);color:var(--c-text);border-bottom-left-radius:6px}
.ai-user{align-self:flex-end;background:var(--c-accent);color:var(--c-accent-contrast);border-bottom-right-radius:6px}
.ai-typing{display:flex;gap:5px;padding:14px 16px}.ai-typing i{width:8px;height:8px;border-radius:50%;background:var(--c-muted);animation:aiDot 1.2s infinite}.ai-typing i:nth-child(2){animation-delay:.15s}.ai-typing i:nth-child(3){animation-delay:.3s}
.ai-cards{display:flex;flex-direction:column;gap:8px;align-self:stretch;animation:cardIn .4s both}
.ai-card{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;padding:12px 14px;border-radius:16px;background:var(--c-paper);border:1px solid var(--c-line)}
.ai-card b{display:block;font-weight:600}.ai-card small{color:var(--c-muted)}.ai-price{font-weight:600;color:var(--c-price)}
.ai-add{grid-column:1/-1;padding:9px;border-radius:12px;border:1px solid var(--c-accent);background:transparent;color:var(--c-link);font-weight:500;cursor:pointer;transition:background .2s,color .2s}
.ai-add:hover,.ai-add.is-added{background:var(--c-accent);color:var(--c-accent-contrast)}
.ai-add-all,.ai-go{padding:11px;border-radius:14px;border:0;font-weight:500;cursor:pointer}
.ai-add-all{background:var(--c-warm);color:var(--c-text);border:1px solid var(--c-line)}
.ai-go{background:var(--c-accent);color:var(--c-accent-contrast);box-shadow:0 8px 22px var(--c-glow)}
.ai-quick{display:flex;gap:8px;overflow-x:auto;padding:0 16px 10px;scrollbar-width:none}.ai-quick::-webkit-scrollbar{display:none}
.ai-quick button{flex:none;padding:8px 14px;border-radius:99px;border:1px solid var(--c-line);background:var(--c-panel);color:var(--c-text);font-size:.93rem;cursor:pointer;transition:border-color .2s,transform .2s}
.ai-quick button:hover{border-color:var(--c-accent);transform:translateY(-2px)}
.ai-form{display:flex;gap:8px;padding:0 16px}
.ai-form input{flex:1;padding:13px 16px;border-radius:99px;border:1px solid var(--c-line);background:var(--c-paper);color:var(--c-text);font-size:1rem;outline:none}
.ai-form input:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-accent) 25%,transparent)}
.ai-send{width:48px;height:48px;border-radius:50%;border:0;background:var(--c-accent);color:var(--c-accent-contrast);cursor:pointer}
.ai-note{margin:8px 16px 14px;font-size:.8rem;color:var(--c-muted);text-align:center}
html[data-cafe-theme="kum"] .ai-sheet{background:linear-gradient(160deg,#9b0e25,#560412);border-color:rgba(255,255,255,.4)}
html[data-cafe-theme="kum"] .ai-bot{background:rgba(0,0,0,.28);color:#fff}
html[data-cafe-theme="kum"] .ai-card{background:rgba(0,0,0,.26);border-color:rgba(255,255,255,.28)}
html[data-cafe-theme="kum"] .ai-card b,html[data-cafe-theme="kum"] .ai-head h2{color:#fff}html[data-cafe-theme="kum"] .ai-card small,html[data-cafe-theme="kum"] .ai-head small,html[data-cafe-theme="kum"] .ai-note{color:#ffd9de}
html[data-cafe-theme="kum"] .ai-user,html[data-cafe-theme="kum"] .ai-go,html[data-cafe-theme="kum"] .ai-send,html[data-cafe-theme="kum"] .ai-av,html[data-cafe-theme="kum"] .ai-fab{background:linear-gradient(125deg,#ff3347,#b80f24);color:#fff;border-color:rgba(255,255,255,.5)}
html[data-cafe-theme="kum"] .ai-add{color:#fff;border-color:#fff}html[data-cafe-theme="kum"] .ai-price{color:#ffe1b0}
html[data-cafe-theme="kum"] .ai-quick button,html[data-cafe-theme="kum"] .ai-x,html[data-cafe-theme="kum"] .ai-add-all{background:rgba(0,0,0,.28);color:#fff;border-color:rgba(255,255,255,.35)}
html[data-cafe-theme="kum"] .ai-form input{background:rgba(35,0,8,.65);color:#fff;border-color:rgba(255,255,255,.4)}
@media(prefers-reduced-motion:reduce){.ai-fab,.paket-badge i,.ai-sheet,.ai-msg,.ai-cards,.paket-stats>div{animation:none!important}}