/* Masadan sipariş demosu: müşteri menüsü (kitapçık). Örnek tasarım, Lavanta Kafe hayali bir işletmedir. */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;background:#1c1623}
body{font-family:var(--sans);color:#f4f0fa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}
button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button:disabled{cursor:default}
a{color:inherit}
input,textarea,select{font:inherit;color:inherit}
:focus{outline:none}
:focus-visible{outline:2px solid var(--altin-2);outline-offset:2px}
.ik{width:20px;height:20px}

/* Uygulama iskeleti */
.uyg{position:fixed;inset:0;display:flex;flex-direction:column;background:radial-gradient(120% 80% at 50% 0%,#4a3a5e 0%,#2a2134 55%,#1c1623 100%);padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) 0 env(safe-area-inset-left,0px);-webkit-user-select:none;user-select:none}
.acilis{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(120% 80% at 50% 0%,#4a3a5e 0%,#2a2134 55%,#1c1623 100%);color:#e9e1f7;text-align:center;padding:24px}
.acilis-ad{font:400 40px/1 var(--script);color:#efe6ff}
.acilis p{margin:0;font:500 14px/1.5 var(--sans);color:#cfc5e2;max-width:340px}
.donen{width:26px;height:26px;border-radius:50%;border:2.5px solid rgba(201,187,236,.25);border-top-color:#c9bbec;animation:don .8s linear infinite}
@keyframes don{to{transform:rotate(360deg)}}

/* Örnek tasarım şeridi */
.serit{flex:none;height:22px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 10px;background:linear-gradient(90deg,#a97f35,#e2c07a 50%,#a97f35);color:#2b2236;font:600 11px/1 var(--sans);white-space:nowrap;overflow:hidden}
.serit-rozet{font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:10px}
.serit-yazi{overflow:hidden;text-overflow:ellipsis}
.serit button{flex:none;font-weight:700;text-decoration:underline;text-underline-offset:2px;padding:4px 2px}

/* Üst çubuk */
.ust{flex:none;display:flex;align-items:center;gap:6px;height:50px;padding:0 6px 0 14px}
.marka{display:flex;align-items:center;min-width:0;flex:0 1 auto;height:44px}
.marka-ad{font:400 27px/1.2 var(--script);color:#f1e9ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px}
.masa-rozet{flex:none;font:700 10.5px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--altin-2);border:1px solid rgba(226,192,122,.5);border-radius:99px;padding:5px 8px 4px}
.bosluk{flex:1}
.ust-btn{flex:none;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#e9e2f5}
.ust-btn:active{background:rgba(255,255,255,.1)}
.ust-btn .ik{width:22px;height:22px}
.durum-hap{flex:none;display:flex;align-items:center;gap:7px;height:34px;padding:0 12px 0 11px;border-radius:99px;background:rgba(255,255,255,.12);color:#fff;font:600 12.5px/1 var(--sans);white-space:nowrap}
.durum-hap .nokta{width:8px;height:8px;border-radius:50%;background:#c9bbec;flex:none}
.durum-hap.hazirlaniyor .nokta{background:#f0b44c;animation:nabiz 1.4s ease-in-out infinite}
.durum-hap.yeni .nokta{background:#c9bbec;animation:nabiz 1.4s ease-in-out infinite}
.durum-hap.hazir{background:#2f8f5b}
.durum-hap.hazir .nokta{background:#d5f5e3;animation:nabiz 1s ease-in-out infinite}
.hap-eta{color:rgba(255,255,255,.7);font-weight:500}
@keyframes nabiz{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}
@media (max-width:379px){.hap-eta{display:none}.masa-rozet{padding:5px 6px 4px}.marka-ad{font-size:24px}}
@media (max-width:339px){.ust{padding-left:10px;gap:4px}.marka-ad{font-size:21px}.masa-rozet{font-size:9.5px;padding:4px 5px 3px}.durum-hap{padding:0 10px;gap:0}.durum-hap span:not(.nokta){display:none}}

/* Bölüm düğmeleri */
.bolumler{flex:none;display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;padding:0 12px 9px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-padding:0 12px}
.bolumler::-webkit-scrollbar{display:none}
.bolum{flex:none;display:inline-flex;align-items:center;gap:6px;height:33px;padding:0 14px;border-radius:99px;border:1px solid rgba(201,187,236,.28);color:#ddd4ee;font:500 13.5px/1 var(--sans);white-space:nowrap;transition:background-color .2s,color .2s,border-color .2s}
.bolum .ik{width:17px;height:17px}
.bolum.ara{padding:0 11px}
.bolum.on{background:#efeaf9;color:#3b2d5c;border-color:#efeaf9;font-weight:600}

/* Sahne ve kitap */
.sahne{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;padding:2px 10px 8px}
.kitap-sar{position:relative;flex:none}
.kitap{position:relative;perspective:2400px;touch-action:pan-y pinch-zoom}
.kitap::before{content:"";position:absolute;inset:0;border-radius:3px 8px 8px 3px;background:#f3eee4;box-shadow:2px 1px 0 #ebe4d7,3px 2px 0 #d9cfbd,5px 3px 0 #f1ebdf,6px 4px 0 #d2c7b4,0 24px 44px -20px rgba(0,0,0,.75),0 8px 18px -10px rgba(0,0,0,.55)}
.sayfa{position:absolute;inset:0;transform-origin:0 50%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:2px 7px 7px 2px;overflow:hidden;color:var(--murekkep);contain:layout paint style}
.golge-ust,.golge-alt{position:absolute;inset:0;pointer-events:none;opacity:0;z-index:30}
.golge-ust{background:linear-gradient(90deg,rgba(36,26,48,.35),rgba(36,26,48,.75))}
.golge-alt{background:linear-gradient(90deg,rgba(36,26,48,.9),rgba(36,26,48,.5) 45%,rgba(36,26,48,.2))}
.cilt{position:absolute;left:0;top:0;bottom:0;width:26px;pointer-events:none;z-index:2;background:linear-gradient(90deg,rgba(70,50,90,.2),rgba(70,50,90,.06) 45%,rgba(70,50,90,0))}

/* Kağıt sayfa */
.kagit{background:radial-gradient(140% 110% at 65% 30%,#fffefa 0%,#fdf9f1 55%,#f4ecdf 100%)}
.cerceve{position:absolute;inset:9px;border:1px solid rgba(159,134,212,.45);border-radius:3px;pointer-events:none}
.cerceve::after{content:"";position:absolute;inset:3px;border:1px solid rgba(180,138,60,.35);border-radius:2px}
.kose{position:absolute;top:3px;width:68px;height:68px;pointer-events:none;z-index:1}
.kose.sol{left:3px}
.kose.sag{right:3px;transform:scaleX(-1)}
.sayfa-ic{position:absolute;inset:0;display:flex;flex-direction:column;padding:20px 22px 32px;z-index:3}
.bloklar{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.sayfa-no{position:absolute;left:0;right:0;bottom:11px;text-align:center;font:italic 500 13px/1 var(--serif);color:#9a8fb0;font-variant-numeric:lining-nums;pointer-events:none}
.sayfa-no::before,.sayfa-no::after{content:"—";margin:0 6px;color:rgba(180,138,60,.6)}

/* Bölüm başlığı */
.kat-bas{padding:6px 44px 10px;text-align:center;flex:none}
.kat-ad{font:600 21px/1.12 var(--serif);letter-spacing:.1em;text-transform:uppercase;color:var(--mor)}
.kat-en{margin-top:5px;font:700 9.5px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--altin)}
.sus{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}
.sus::before,.sus::after{content:"";height:1px;width:44px;background:linear-gradient(90deg,rgba(180,138,60,0),rgba(180,138,60,.7))}
.sus::after{transform:scaleX(-1)}
.sus svg{width:15px;height:15px}
.kat-not{margin-top:7px;font:italic 500 14.5px/1.25 var(--serif);color:var(--gri)}
.kat-bas.devam{padding:2px 44px 8px}
.kat-bas.devam .kat-ad{font-size:15px;letter-spacing:.12em}
.kat-bas.devam .kat-ad small{font:italic 500 13px/1 var(--serif);letter-spacing:0;text-transform:none;color:var(--gri);margin-left:6px}

/* Ürün satırı */
.urun{position:relative;flex:none;padding:8px 0}
.urun+.urun{border-top:1px dashed rgba(75,58,114,.14)}
.urun-ac{display:flex;gap:12px;width:100%;text-align:left;align-items:flex-start;border-radius:12px}
.urun-ac:active .urun-ad{color:var(--mor-2)}
.urun-foto{position:relative;flex:none;width:58px;height:58px;border-radius:13px;overflow:hidden;background:#efeaf9;box-shadow:0 0 0 1px rgba(75,58,114,.08)}
.urun-foto img{width:100%;height:100%;object-fit:cover;display:block}
.urun-yok{width:100%;height:100%;padding:6px;background:linear-gradient(140deg,#f3eefb,#e6ddf6)}
.urun-govde{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;padding-top:1px}
.urun-ust{display:flex;align-items:baseline;gap:6px}
.urun-ad{font:600 18.5px/1.15 var(--serif);color:var(--murekkep);min-width:0}
.urun-nokta{flex:1;min-width:10px;border-bottom:2px dotted rgba(75,58,114,.3);transform:translateY(-4px)}
.urun-fiyat{flex:none;font:700 18px/1 var(--serif);color:var(--mor);font-variant-numeric:lining-nums}
.urun-en{font:italic 500 14px/1.2 var(--serif);color:#958aab}
.urun-etiket{display:inline-block;margin-left:6px;font:700 8.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#8a6420;background:#f6ecd6;padding:3px 5px 2px;border-radius:4px;vertical-align:2px;font-style:normal}
.urun-etiket:first-child{margin-left:0}
.urun-acik{font:500 14.5px/1.25 var(--serif);color:#6a6178;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.genis .urun-acik{-webkit-line-clamp:2}
.urun-ekle{position:absolute;left:38px;top:46px;width:30px;height:30px;border-radius:50%;background:#fff;border:1.5px solid var(--lavanta);color:var(--mor);display:grid;place-items:center;box-shadow:0 3px 8px -3px rgba(75,58,114,.5);z-index:2}
.urun-ekle::before{content:"";position:absolute;inset:-8px}
.urun-ekle .ik{width:16px;height:16px;stroke-width:2.4}
.urun-ekle.var{background:var(--mor);border-color:var(--mor);color:#fff}
.urun-ekle b{font:700 13px/1 var(--sans)}
.urun-ekle:active{transform:scale(.9)}
.urun.tukendi .urun-foto img{filter:grayscale(1);opacity:.55}
.urun.tukendi .urun-ad{color:#8f86a0}
.urun.tukendi .urun-fiyat{font:700 10px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--kirmizi)}
.susle{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;overflow:hidden;padding:8px 20px 0;text-align:center}
.susle svg{width:56px;height:56px;flex:none;opacity:.9}
.susle span{font:italic 500 16px/1.35 var(--serif);color:#8f84a6;max-width:240px}

/* Kapak */
.kapak{background-color:#e8e0d2;background-image:linear-gradient(90deg,rgba(96,76,54,.055) 50%,transparent 50%),linear-gradient(0deg,rgba(255,255,255,.14) 50%,transparent 50%),radial-gradient(140% 100% at 50% 30%,#f2ebe0 0%,#e3d9c8 65%,#d2c5b0 100%);background-size:3px 3px,3px 3px,100% 100%}
.kapak .cilt{width:20px;background:linear-gradient(90deg,rgba(70,52,34,.28),rgba(70,52,34,.08) 60%,rgba(255,255,255,.18) 85%,rgba(255,255,255,0))}
.kapak-ic{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:11% 24px 18px;width:100%;text-align:center;z-index:3;color:#6b5a3a}
.kapak-cerceve{position:absolute;inset:15px;border:1px solid rgba(176,134,58,.55);border-radius:4px;pointer-events:none}
.kapak-cerceve::after{content:"";position:absolute;inset:5px;border:1px solid rgba(176,134,58,.3);border-radius:2px}
.kapak-masa{font:700 10.5px/1 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:#987a3f;margin-bottom:7%;padding-left:.32em}
.kabartma{filter:drop-shadow(0 1px 0 rgba(255,255,255,.55)) drop-shadow(0 -.5px 0 rgba(96,64,20,.3))}
.yaldiz{background:linear-gradient(105deg,#8c6a2c 0%,#d9b86c 22%,#f6e3ad 38%,#b8913f 55%,#e8cd87 72%,#9a7633 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.kapak-ad{display:block;font:600 calc(var(--sw,360px) * .1)/1.06 var(--serif);letter-spacing:.14em;padding-left:.14em;max-width:100%;overflow-wrap:anywhere}
.kapak-ad.uzun{font-size:calc(var(--sw,360px) * .072)}
.kapak-alt{margin-top:10px;font:700 9.5px/1 var(--sans);letter-spacing:.34em;text-transform:uppercase;color:#8b7550;padding-left:.34em}
.kapak-cizgi{width:70px;height:1px;margin:15px 0 13px;background:linear-gradient(90deg,rgba(201,166,90,0),#c9a65a,rgba(201,166,90,0))}
.kapak-menu{display:block;font:600 19px/1 var(--serif);letter-spacing:.55em;padding-left:.55em}
.kapak-demet{flex:1;min-height:0;width:78%;max-width:250px;margin-top:5%}
.kapak-ipucu{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font:600 12px/1 var(--sans);color:#6f5a35;padding:9px 12px 9px 15px;border-radius:99px;background:rgba(255,255,255,.5);box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 4px 10px -6px rgba(80,60,30,.4)}
.kapak-ipucu .ik{width:16px;height:16px;animation:ipucu 1.8s ease-in-out infinite}
@keyframes ipucu{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}

/* Arka kapak */
.arka-ic{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:34px 30px 40px;text-align:center;color:#5f4f37}
.arka-ic>svg{width:58px;height:58px}
.arka-baslik{font:400 44px/1.05 var(--script);color:var(--mor)}
.arka-isletme{font:600 13px/1 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:#8b7550;padding-left:.28em}
.arka-bilgi{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:9px;font:500 16px/1.3 var(--serif);color:#4f4330}
.arka-bilgi li{display:flex;align-items:center;justify-content:center;gap:8px}
.arka-bilgi .ik{width:17px;height:17px;color:#9a7a3e}
.arka-not{margin-top:auto;max-width:280px;font:500 12px/1.45 var(--sans);color:#6f5f45;background:rgba(255,255,255,.45);border-radius:12px;padding:10px 12px}
.arka-geri{display:inline-flex;align-items:center;gap:6px;font:600 12.5px/1 var(--sans);color:#6f5a35;padding:9px 14px;border-radius:99px;background:rgba(255,255,255,.5)}
.arka-geri .ik{width:16px;height:16px}

/* Hoş geldiniz sayfası */
.hg-ic{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;padding:24px 24px 34px;text-align:center;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
.hg-ic::-webkit-scrollbar{display:none}
.hg-ad{font:400 40px/1.1 var(--script);color:var(--mor);margin-top:4px;padding:0 30px}
.hg-alt{margin-top:2px;font:700 9.5px/1 var(--sans);letter-spacing:.34em;text-transform:uppercase;color:var(--altin);padding-left:.34em}
.hg-selam{margin-top:10px;font:italic 500 19px/1.2 var(--serif);color:#5d5270}
.hg-selam b{font-style:normal;font-weight:700;color:var(--mor)}
.hg-duyuru{display:flex;align-items:center;gap:9px;margin-top:12px;padding:9px 13px;border-radius:12px;background:linear-gradient(135deg,#f1ebfb,#e9e0f8);color:#47376f;font:600 13.5px/1.3 var(--sans);text-align:left;max-width:100%}
.hg-duyuru .ik{width:18px;height:18px;flex:none;color:var(--altin)}
.hg-baslik{margin-top:16px;font:600 12px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--altin);padding-left:.26em}
.hg-liste{list-style:none;margin:8px 0 0;padding:0;width:100%;max-width:330px}
.hg-liste button{display:flex;align-items:baseline;gap:8px;width:100%;padding:9px 2px;text-align:left;border-bottom:1px solid rgba(75,58,114,.08)}
.hg-k{font:600 18px/1.15 var(--serif);color:var(--murekkep)}
.hg-no{font:700 16px/1 var(--serif);color:var(--mor);font-variant-numeric:lining-nums}
.hg-nasil{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%;max-width:330px;margin-top:14px}
.hg-nasil div{display:flex;flex-direction:column;align-items:center;gap:5px;font:600 11px/1.25 var(--sans);color:#6a6178}
.hg-nasil .ik{width:20px;height:20px;color:var(--mor-2)}
.hg-wifi{display:flex;align-items:center;gap:8px;margin-top:14px;padding:9px 12px;border-radius:12px;border:1px dashed rgba(75,58,114,.25);font:500 12.5px/1.3 var(--sans);color:#5d5270;max-width:100%}
.hg-wifi .ik{width:17px;height:17px;flex:none;color:var(--mor-2)}
.hg-wifi b{color:var(--murekkep)}

/* Sayfa okları ve ipucu */
.ok{position:absolute;bottom:5px;z-index:10;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:var(--mor);background:rgba(239,234,249,.9);box-shadow:0 2px 6px -2px rgba(43,34,54,.4);transition:opacity .2s}
.ok .ik{width:16px;height:16px;stroke-width:2.4}
.ok.sol{left:12px}
.ok.sag{right:12px}
.ok[hidden]{display:none}
.kaydir-ipucu{position:absolute;left:50%;top:50%;z-index:11;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:99px;background:rgba(36,28,46,.88);color:#fff;font:600 12.5px/1 var(--sans);white-space:nowrap;pointer-events:none;animation:ipucu-gel 4.2s ease forwards}
.kaydir-ipucu .ik{width:16px;height:16px;animation:kaydir 1.3s ease-in-out infinite}
@keyframes kaydir{0%,100%{transform:translateX(3px)}50%{transform:translateX(-5px)}}
@keyframes ipucu-gel{0%{opacity:0;transform:translate(-50%,calc(-50% + 6px))}10%,85%{opacity:1;transform:translate(-50%,-50%)}100%{opacity:0;transform:translate(-50%,-50%)}}
.yukleniyor{display:flex;flex-direction:column;align-items:center;gap:12px;color:#cfc5e2;font:500 13.5px/1 var(--sans)}

/* Alt çubuk */
.alt{flex:none;display:flex;gap:8px;align-items:center;padding:6px 12px calc(8px + env(safe-area-inset-bottom,0px))}
.alt-btn{flex:none;position:relative;width:64px;height:52px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#efe8fb;background:rgba(255,255,255,.09);font:600 11px/1 var(--sans);transition:background-color .2s}
.alt-btn .ik{width:22px;height:22px}
.alt-btn:active{background:rgba(255,255,255,.16)}
.alt-btn.bekliyor{background:#c27a12;color:#fff}
.alt-btn.bekliyor .ik{animation:salla 1.2s ease-in-out infinite;transform-origin:50% 10%}
.alt-btn.geliyor{background:#2f8f5b;color:#fff}
.alt-btn span{font-variant-numeric:tabular-nums}
@keyframes salla{0%,60%,100%{transform:rotate(0)}10%,30%{transform:rotate(-12deg)}20%,40%{transform:rotate(12deg)}}
.sepet-btn{flex:1;min-width:0;height:52px;border-radius:16px;display:flex;align-items:center;gap:12px;padding:0 16px;background:rgba(255,255,255,.09);color:#d8cfe8;font:600 15px/1 var(--sans);transition:background-color .2s,color .2s}
.sepet-btn.dolu{background:linear-gradient(135deg,#f3eefc,#d9ccf5);color:#35285a;box-shadow:0 10px 24px -14px rgba(201,187,236,.9)}
.sepet-ikon{position:relative;display:grid;place-items:center}
.sepet-ikon .ik{width:23px;height:23px}
.sepet-ikon b{position:absolute;right:-9px;top:-7px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--mor);color:#fff;font:700 11px/19px var(--sans);text-align:center}
.sepet-yazi{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sepet-tutar{margin-left:auto;font:700 16px/1 var(--sans);font-variant-numeric:tabular-nums;white-space:nowrap}
.sepet-btn.zipla{animation:zipla .45s cubic-bezier(.3,1.6,.5,1)}
@keyframes zipla{0%{transform:scale(1)}35%{transform:scale(1.05)}100%{transform:scale(1)}}
.baglanti{position:absolute;top:6px;left:50%;transform:translateX(-50%);z-index:12;display:flex;align-items:center;gap:6px;padding:6px 11px;border-radius:99px;background:rgba(150,40,20,.92);color:#fff;font:600 12px/1 var(--sans);white-space:nowrap}

/* Çekmeceler */
.perde{position:fixed;inset:0;z-index:50;background:rgba(18,12,26,.55);animation:perde-ac .22s ease-out}
.perde.kapaniyor{animation:perde-kapan .2s ease-in forwards}
.cekmece{position:fixed;left:0;right:0;bottom:0;z-index:51;margin:0 auto;max-width:560px;max-height:calc(100% - 44px - env(safe-area-inset-top,0px));display:flex;flex-direction:column;background:#fbf8f3;color:var(--murekkep);border-radius:22px 22px 0 0;box-shadow:0 -12px 40px -12px rgba(0,0,0,.5);animation:cekmece-ac .32s cubic-bezier(.2,.85,.25,1);-webkit-user-select:text;user-select:text}
.cekmece.kapaniyor{animation:cekmece-kapan .2s ease-in forwards}
.cekmece.uzun{height:calc(100% - 44px - env(safe-area-inset-top,0px))}
@keyframes perde-ac{from{opacity:0}}
@keyframes perde-kapan{to{opacity:0}}
@keyframes cekmece-ac{from{transform:translateY(100%)}}
@keyframes cekmece-kapan{to{transform:translateY(100%)}}
.cekmece-bas{flex:none;position:relative;padding:9px 56px 10px 20px;touch-action:none;-webkit-user-select:none;user-select:none}
.tutamac{position:absolute;left:50%;top:7px;width:40px;height:4.5px;margin-left:-20px;border-radius:9px;background:rgba(75,58,114,.22)}
.cekmece-baslik{margin:10px 0 0;font:600 23px/1.15 var(--serif);color:var(--murekkep)}
.cekmece-alt-baslik{margin:3px 0 0;font:500 13px/1.3 var(--sans);color:var(--gri)}
.kapat-btn{position:absolute;right:12px;top:12px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(75,58,114,.08);color:var(--mor)}
.kapat-btn .ik{width:18px;height:18px}
.cekmece-govde{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:4px 20px 22px}
.cekmece-alt{flex:none;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--cizgi);background:#fbf8f3}
.cekmece p{margin:0}
.kucuk{font:500 12.5px/1.45 var(--sans);color:var(--gri)}
.uyari{margin-bottom:10px;padding:10px 12px;border-radius:12px;background:#fbeedd;color:#7c4310;font:600 13px/1.4 var(--sans)}
.hata-kutu{margin-bottom:10px;padding:10px 12px;border-radius:12px;background:#fde7e1;color:#9a2f12;font:600 13px/1.4 var(--sans)}

/* Düğmeler */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 20px;border-radius:15px;font:700 15.5px/1.2 var(--sans);text-decoration:none;text-align:center;transition:transform .12s,opacity .2s}
.btn:active:not(:disabled){transform:scale(.98)}
.btn:disabled{opacity:.45}
.btn .ik{width:19px;height:19px}
.btn-ana{background:linear-gradient(135deg,#5d4793,#43336b);color:#fff;box-shadow:0 10px 22px -12px rgba(67,51,107,.9)}
.btn-ikinci{background:#efeaf9;color:#43336b}
.btn-cizgi{border:1.5px solid rgba(75,58,114,.2);color:#43336b}
.btn-tam{width:100%}
.btn-kucuk{min-height:40px;padding:0 14px;border-radius:12px;font-size:14px}
.btn b{font-weight:800}
.dugmeler{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.metin-link{display:inline-block;margin-top:6px;font:600 13.5px/1.4 var(--sans);color:var(--mor-2);text-align:center}

/* Ürün çekmecesi */
.uc-foto{position:relative;margin:0 -20px 14px;aspect-ratio:16/10;max-height:34vh;background:#efeaf9 center/cover no-repeat;overflow:hidden}
.uc-foto img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .3s}
.uc-foto img.yuklu{opacity:1}
.uc-foto .uc-demet{display:block;height:100%;margin:0 auto;padding:12px 0;opacity:.9}
.uc-foto.bos{aspect-ratio:auto;height:120px;background:linear-gradient(140deg,#f3eefb,#e6ddf6)}
.uc-bas{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.uc-ad{font:600 27px/1.08 var(--serif);color:var(--murekkep)}
.uc-en{font:italic 500 17px/1.2 var(--serif);color:#958aab;margin-top:3px}
.uc-fiyat{flex:none;font:700 24px/1 var(--serif);color:var(--mor);font-variant-numeric:lining-nums;padding-top:3px}
.uc-acik{margin-top:10px !important;font:500 17.5px/1.4 var(--serif);color:#564d63}
.etiketler{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.etiket{font:700 10.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:5px 8px;border-radius:99px;background:#efeaf9;color:var(--mor)}
.etiket.imza,.etiket.yeni{background:#f6ecd6;color:#8a6420}
.etiket.vegan,.etiket.vejetaryen,.etiket.glutensiz{background:#e4efe0;color:#3f6a39}
.etiket.aci{background:#fde7e1;color:#9a2f12}
.alerjen{margin-top:10px !important;font:500 13px/1.4 var(--sans);color:var(--gri)}
.tukendi-not{margin-top:10px !important;font:700 13px/1.3 var(--sans);color:var(--kirmizi)}
.grup{margin-top:20px}
.grup-bas{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}
.grup-ad{font:700 15.5px/1.2 var(--sans);color:var(--murekkep)}
.grup-kural{flex:none;font:700 11px/1 var(--sans);color:var(--gri);background:rgba(75,58,114,.07);padding:5px 8px;border-radius:99px}
.grup-kural.zorunlu{color:#8a4b12;background:#fbeedd}
.secim{display:flex;align-items:center;gap:12px;width:100%;min-height:50px;padding:10px 14px;border:1.5px solid rgba(75,58,114,.13);border-radius:14px;margin-top:8px;text-align:left;background:#fff;transition:border-color .15s,background-color .15s}
.secim.on{border-color:var(--mor-2);background:#f6f2fd}
.secim:disabled{opacity:.42}
.secim-isaret{flex:none;width:23px;height:23px;border-radius:50%;border:2px solid rgba(75,58,114,.32);display:grid;place-items:center;transition:background-color .15s,border-color .15s}
.secim.kutu .secim-isaret{border-radius:7px}
.secim.on .secim-isaret{border-color:var(--mor-2);background:var(--mor-2);color:#fff}
.secim-isaret .ik{width:14px;height:14px;stroke-width:3.2}
.secim-ad{flex:1;font:500 15.5px/1.25 var(--sans)}
.secim-fiyat{flex:none;font:700 14px/1 var(--sans);color:var(--mor);font-variant-numeric:tabular-nums}
.alan{display:block;margin-top:20px}
.alan-ad{display:block;margin-bottom:8px;font:700 15px/1.2 var(--sans);color:var(--murekkep)}
.alan textarea,.alan input,.cekmece textarea,.cekmece input[type=text],.cekmece input[type=search]{display:block;width:100%;border:1.5px solid rgba(75,58,114,.16);border-radius:14px;padding:12px 14px;background:#fff;font:500 16px/1.35 var(--sans);color:var(--murekkep);resize:none;-webkit-appearance:none;appearance:none}
.cekmece textarea:focus,.cekmece input:focus{border-color:var(--mor-2);outline:none;box-shadow:0 0 0 3px rgba(106,85,160,.15)}
.uc-alt{display:flex;gap:10px;align-items:center}
.uc-ekle{flex:1;justify-content:space-between;padding:0 18px}
.uc-ekle.tek{justify-content:center}
.adet{flex:none;display:flex;align-items:center;gap:2px;background:#efeaf9;border-radius:15px;padding:4px}
.adet button{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--mor)}
.adet button:active:not(:disabled){background:rgba(75,58,114,.1)}
.adet button:disabled{opacity:.35}
.adet .ik{width:18px;height:18px;stroke-width:2.4}
.adet b{min-width:26px;text-align:center;font:700 17px/1 var(--sans);font-variant-numeric:tabular-nums}
.adet.kucuk{border-radius:12px;padding:2px}
.adet.kucuk button{width:34px;height:34px;border-radius:10px}
.adet.kucuk .ik{width:16px;height:16px}
.adet.kucuk b{min-width:22px;font-size:15px}

/* Sepet */
.satir{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--cizgi)}
.satir:first-child{padding-top:6px}
.satir-foto{flex:none;width:58px;height:58px;border-radius:13px;object-fit:cover;background:#efeaf9;display:block}
.satir-foto.bos{display:grid;place-items:center;background:linear-gradient(140deg,#f3eefb,#e6ddf6)}
.satir-foto.bos svg{width:44px;height:44px}
.satir-govde{flex:1;min-width:0}
.satir-ad{display:block;text-align:left;font:600 18px/1.2 var(--serif);color:var(--murekkep)}
.satir-secim{margin-top:3px;font:500 12.5px/1.4 var(--sans);color:var(--gri)}
.satir-not{margin-top:3px;font:italic 500 14.5px/1.3 var(--serif);color:#7a6a96}
.satir-uyari{margin-top:4px;font:700 12px/1.3 var(--sans);color:var(--kirmizi)}
.satir-duzen{margin-top:4px;font:600 12.5px/1 var(--sans);color:var(--mor-2);padding:4px 0}
.satir-alt{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}
.satir-tutar{font:700 16px/1 var(--sans);font-variant-numeric:tabular-nums}
.satir.tukendi .satir-foto{filter:grayscale(1);opacity:.6}
.oneri{margin-top:20px}
.oneri-baslik{margin:0 0 10px;font:700 15px/1.2 var(--sans)}
.oneri-liste{display:flex;gap:10px;overflow-x:auto;margin:0 -20px;padding:2px 20px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.oneri-liste::-webkit-scrollbar{display:none}
.oneri-kart{flex:none;width:128px;text-align:left;border-radius:14px;background:#fff;box-shadow:0 0 0 1px rgba(75,58,114,.1);overflow:hidden}
.oneri-kart img,.oneri-kart .oneri-bos{display:block;width:100%;height:84px;object-fit:cover;background:#efeaf9}
.oneri-kart .oneri-bos{display:grid;place-items:center;background:linear-gradient(140deg,#f3eefb,#e6ddf6)}
.oneri-kart .oneri-bos svg{width:48px;height:48px}
.oneri-ic{padding:8px 10px 10px}
.oneri-ad{display:block;font:600 15px/1.15 var(--serif);color:var(--murekkep);height:2.3em;overflow:hidden}
.oneri-alt{display:flex;align-items:center;justify-content:space-between;margin-top:6px;font:700 13px/1 var(--sans);color:var(--mor)}
.oneri-arti{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--mor);color:#fff}
.oneri-arti .ik{width:14px;height:14px;stroke-width:2.6}
.ozet{margin-top:20px;padding:14px 16px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px rgba(75,58,114,.08)}
.ozet-satir{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font:500 14px/1.6 var(--sans);color:var(--gri)}
.ozet-satir.toplam{margin-top:4px;padding-top:8px;border-top:1px dashed rgba(75,58,114,.18);font:700 17px/1.4 var(--sans);color:var(--murekkep)}
.ozet-satir b{font-variant-numeric:tabular-nums}
.demo-not{display:flex;gap:9px;margin-top:14px;padding:11px 13px;border-radius:13px;background:#f6ecd6;color:#6e5220;font:500 12.5px/1.45 var(--sans)}
.demo-not .ik{width:17px;height:17px;flex:none;margin-top:1px}
.gonder-alt{display:flex;flex-direction:column;gap:8px}
.gonder-bilgi{text-align:center;font:500 12px/1.3 var(--sans);color:var(--gri)}
.bos-durum{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:20px 8px 8px}
.bos-durum>svg{width:74px;height:74px}
.bos-durum p{font:500 15px/1.45 var(--sans);color:#5d5270}
.bos-durum .btn{margin-top:8px}

/* Siparişlerim */
.tesekkur{display:flex;align-items:center;gap:12px;margin:2px 0 14px;padding:14px;border-radius:16px;background:linear-gradient(135deg,#e5f3ea,#d4ecdd);color:#1f5c3b;animation:tesekkur .5s cubic-bezier(.2,1.4,.4,1)}
.tesekkur>.ik{width:34px;height:34px;flex:none;padding:7px;border-radius:50%;background:#2f8f5b;color:#fff;stroke-width:3}
.tesekkur b{display:block;font:700 16px/1.25 var(--sans)}
.tesekkur span{display:block;font:500 13px/1.4 var(--sans);margin-top:2px}
@keyframes tesekkur{from{transform:scale(.92);opacity:0}}
.skart{margin-top:12px;padding:14px 15px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px rgba(75,58,114,.09),0 8px 20px -16px rgba(43,34,54,.5)}
.skart.vurgu{box-shadow:0 0 0 2px var(--lavanta),0 10px 24px -14px rgba(75,58,114,.6)}
.skart.iptal{opacity:.75}
.skart-bas{display:flex;align-items:center;justify-content:space-between;gap:10px}
.skart-no{font:700 18px/1 var(--sans);font-variant-numeric:tabular-nums}
.skart-saat{margin-left:8px;font:500 12.5px/1 var(--sans);color:var(--gri)}
.rozet{flex:none;font:700 11.5px/1 var(--sans);padding:6px 10px;border-radius:99px;background:#efeaf9;color:var(--mor)}
.rozet.hazirlaniyor{background:#fdf0d9;color:#8a5a0c}
.rozet.hazir{background:#2f8f5b;color:#fff}
.rozet.teslim{background:#e4efe0;color:#2f6b3a}
.rozet.iptal{background:#fde7e1;color:#9a2f12}
.ilerleme{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin:16px 0 4px}
.ilerleme::before,.ilerleme::after{content:"";position:absolute;top:15px;left:12.5%;height:3px;border-radius:3px}
.ilerleme::before{right:12.5%;background:#ece6f6}
.ilerleme::after{width:calc(75% * var(--oran,0));background:linear-gradient(90deg,#8f76c8,#5d4793);transition:width .6s cubic-bezier(.3,.8,.3,1)}
.adim{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.adim-nokta{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#f3eff9;color:#b2a8c4;border:2px solid #fff;transition:background-color .3s,color .3s}
.adim-nokta .ik{width:16px;height:16px}
.adim-ad{font:600 11px/1.15 var(--sans);color:#a39ab4}
.adim.gecti .adim-nokta{background:#6a55a0;color:#fff}
.adim.gecti .adim-ad{color:var(--murekkep)}
.adim.simdi .adim-nokta{box-shadow:0 0 0 4px rgba(143,118,200,.25)}
.skart.hazirlaniyor .adim.simdi .adim-nokta{animation:halka 1.6s ease-out infinite}
@keyframes halka{0%{box-shadow:0 0 0 0 rgba(143,118,200,.5)}100%{box-shadow:0 0 0 10px rgba(143,118,200,0)}}
.skart-acik{margin-top:10px !important;font:500 13.5px/1.45 var(--sans);color:#5d5270}
.skart-acik b{color:var(--murekkep)}
.eta{display:inline-block;margin-left:4px;padding:2px 8px;border-radius:99px;background:#fdf0d9;color:#8a5a0c;font-weight:700;font-size:12px}
.skart-kalem{list-style:none;margin:12px 0 0;padding:10px 0 0;border-top:1px dashed rgba(75,58,114,.15);display:flex;flex-direction:column;gap:7px}
.skart-kalem li{display:flex;gap:8px;font:500 14px/1.3 var(--sans)}
.ka-adet{flex:none;min-width:24px;font-weight:700;color:var(--mor)}
.ka-ad{flex:1;min-width:0}
.ka-ad small{display:block;font:500 12px/1.35 var(--sans);color:var(--gri)}
.ka-ad small.ka-not{font:italic 500 13.5px/1.3 var(--serif);color:#7a6a96}
.ka-tutar{flex:none;font-weight:600;font-variant-numeric:tabular-nums}
.skart-not{margin-top:8px !important;font:italic 500 14.5px/1.35 var(--serif);color:#7a6a96}
.skart-alt{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid var(--cizgi);font:500 13px/1 var(--sans);color:var(--gri)}
.skart-alt b{font:700 17px/1 var(--sans);color:var(--murekkep);font-variant-numeric:tabular-nums}
.odendi{display:inline-flex;align-items:center;gap:5px;color:#2f8f5b;font-weight:700}
.odendi .ik{width:15px;height:15px;stroke-width:2.6}
.puan{margin-top:12px;padding:12px;border-radius:14px;background:#f7f3fc;text-align:center}
.puan-baslik{font:700 14px/1.3 var(--sans);color:var(--murekkep)}
.yildizlar{display:flex;justify-content:center;gap:4px;margin-top:6px;color:#d8d0e6}
.yildizlar>span,.yildizlar>button{display:grid;place-items:center;width:42px;height:42px}
.yildizlar .ik{width:30px;height:30px}
.yildizlar .on{color:#e0a92e}
.yildizlar.kucuk>span{width:26px;height:26px}
.yildizlar.kucuk .ik{width:20px;height:20px}
.puan textarea{margin-top:8px}
.puan .btn{margin-top:8px}
.puan-sonuc{margin-top:12px;padding:12px;border-radius:14px;background:#f7f3fc;text-align:center;font:500 13.5px/1.4 var(--sans);color:#5d5270}
.puan-sonuc .btn{margin-top:8px}
.hesap-ozet{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;font:600 14px/1 var(--sans);color:var(--gri)}
.hesap-ozet b{font:800 20px/1 var(--sans);color:var(--murekkep);font-variant-numeric:tabular-nums}

/* Garson ve hesap */
.neden-liste{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.neden{min-height:42px;padding:0 15px;border-radius:99px;border:1.5px solid rgba(75,58,114,.16);background:#fff;font:600 14px/1 var(--sans);color:#4b3a72}
.neden.on{background:var(--mor-2);border-color:var(--mor-2);color:#fff}
.bekle-kart{display:flex;align-items:center;gap:14px;padding:16px;border-radius:18px;background:linear-gradient(135deg,#fdf3e1,#fbe7c4);color:#6e4710}
.bekle-kart.tamam{background:linear-gradient(135deg,#e5f3ea,#d4ecdd);color:#1f5c3b}
.bekle-ikon{width:46px;height:46px;flex:none;border-radius:50%;display:grid;place-items:center;background:#c27a12;color:#fff}
.bekle-kart.tamam .bekle-ikon{background:#2f8f5b}
.bekle-ikon .ik{width:24px;height:24px}
.bekle-kart:not(.tamam) .bekle-ikon .ik{animation:salla 1.2s ease-in-out infinite;transform-origin:50% 10%}
.bekle-govde{flex:1;min-width:0}
.bekle-govde b{display:block;font:700 16px/1.25 var(--sans)}
.bekle-govde span{display:block;margin-top:3px;font:500 13px/1.35 var(--sans)}
.bekle-sayac{flex:none;font:800 20px/1 var(--sans);font-variant-numeric:tabular-nums}
.odeme-liste{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.odeme{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:76px;border-radius:15px;border:1.5px solid rgba(75,58,114,.14);background:#fff;font:600 13.5px/1.2 var(--sans);color:#4b3a72}
.odeme .ik{width:24px;height:24px}
.odeme.on{border-color:var(--mor-2);background:#f6f2fd;box-shadow:0 0 0 1px var(--mor-2) inset}
.iban-kart{margin-top:12px;padding:12px 14px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px rgba(75,58,114,.1)}
.iban-kart code{display:block;margin:4px 0 8px;font:700 15px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em;color:var(--murekkep);word-break:break-all}
.borc-liste{list-style:none;margin:0;padding:0}
.borc-liste li{display:flex;justify-content:space-between;font:500 14px/1.9 var(--sans);color:#5d5270}
.borc-liste li b{font-variant-numeric:tabular-nums;color:var(--murekkep)}

/* Bilgi, demo ve arama */
.bilgi-alt{margin-top:-2px !important;font:700 10px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--altin)}
.wifi-kart{display:flex;align-items:center;gap:12px;margin-top:14px;padding:14px;border-radius:16px;background:linear-gradient(135deg,#f1ebfb,#e6ddf6)}
.wifi-ikon{width:42px;height:42px;flex:none;border-radius:12px;display:grid;place-items:center;background:#fff;color:var(--mor)}
.wifi-govde{flex:1;min-width:0;font:500 13px/1.45 var(--sans);color:#5d5270}
.wifi-govde b{display:block;font:700 15px/1.3 var(--sans);color:var(--murekkep)}
.wifi-govde code{font:700 14px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--murekkep)}
.bilgi-liste{list-style:none;margin:14px 0 0;padding:0}
.bilgi-liste li{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--cizgi)}
.bilgi-liste li>.ik{color:var(--mor-2);margin-top:1px}
.bilgi-liste b{display:block;font:700 14px/1.3 var(--sans)}
.bilgi-liste span{display:block;font:500 13.5px/1.45 var(--sans);color:#5d5270}
.ara-baslik{margin:20px 0 8px;font:700 15px/1.2 var(--sans)}
.adimlar{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.adimlar li{display:flex;gap:12px;align-items:flex-start;font:500 14px/1.45 var(--sans);color:#5d5270}
.adimlar b{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#efeaf9;color:var(--mor);font:800 13px/1 var(--sans)}
.anahtar-satir{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding:12px 14px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px rgba(75,58,114,.1);font:600 14px/1.3 var(--sans)}
.anahtar-satir>span{display:flex;align-items:center;gap:8px}
.anahtar{position:relative;flex:none;width:50px;height:30px;border-radius:99px;background:#d9d2e6;transition:background-color .2s}
.anahtar::after{content:"";position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.anahtar[aria-checked=true]{background:#6a55a0}
.anahtar[aria-checked=true]::after{transform:translateX(20px)}
.demo-giris{font:500 15px/1.5 var(--sans);color:#4f455e}
.demo-giris b{color:var(--murekkep)}
.demo-liste{margin:12px 0 0;padding:0 0 0 18px;font:500 13.5px/1.5 var(--sans);color:#5d5270}
.demo-liste li{margin-top:4px}
.masa-sec{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px}
.masa-btn{height:44px;border-radius:12px;border:1.5px solid rgba(75,58,114,.14);background:#fff;font:700 15px/1 var(--sans);color:#4b3a72;font-variant-numeric:tabular-nums}
.masa-btn.on{background:var(--mor-2);border-color:var(--mor-2);color:#fff}
.ara-kutu{position:relative}
.ara-kutu .ik{position:absolute;left:14px;top:50%;margin-top:-10px;color:var(--gri);pointer-events:none}
.ara-kutu input{padding-left:44px !important}
.filtreler{display:flex;gap:7px;overflow-x:auto;margin:12px -20px 4px;padding:0 20px 4px;scrollbar-width:none}
.filtreler::-webkit-scrollbar{display:none}
.filtre{flex:none;height:34px;padding:0 13px;border-radius:99px;border:1.5px solid rgba(75,58,114,.14);background:#fff;font:600 13px/1 var(--sans);color:#4b3a72}
.filtre.on{background:var(--mor-2);border-color:var(--mor-2);color:#fff}
.sonuc{display:flex;align-items:center;gap:12px;width:100%;padding:10px 0;border-bottom:1px solid var(--cizgi);text-align:left}
.sonuc img,.sonuc .satir-foto{width:50px;height:50px;border-radius:12px;object-fit:cover;flex:none;background:#efeaf9}
.sonuc-govde{flex:1;min-width:0}
.sonuc-ad{display:block;font:600 17px/1.2 var(--serif);color:var(--murekkep)}
.sonuc-kat{display:block;margin-top:2px;font:500 12px/1.3 var(--sans);color:var(--gri)}
.sonuc-fiyat{flex:none;font:700 16px/1 var(--serif);color:var(--mor);font-variant-numeric:lining-nums}
.sonuc.tukendi{opacity:.55}
.sonuc-yok{padding:26px 0;text-align:center;font:500 14px/1.5 var(--sans);color:var(--gri)}

/* Süresi dolmuş oturum */
.bitti{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px;text-align:center;color:#e9e1f7}
.bitti-ad{font:400 44px/1 var(--script);color:#efe6ff;margin-bottom:6px}
.bitti p{margin:0;max-width:360px;font:500 14.5px/1.55 var(--sans);color:#d4cae6}
.bitti p b{color:#fff}
.bitti .btn{margin-top:10px}
.bitti a.metin-link{color:#c9bbec}

/* Ölçüm alanı (sayfalara bölme) */
.olcum{position:fixed;left:-10000px;top:0;visibility:hidden;pointer-events:none;z-index:-1}
.olcum .sayfa{position:relative}

/* Gömülü görünüm (tanıtım sayfasındaki telefon çerçevesi) */
.gomulu .serit{height:20px;font-size:10px}

@media (min-width:700px){
  .cekmece{border-radius:22px 22px 0 0}
  .ust{padding:0 10px 0 18px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
}