/* EKSTRALAR VE SEÇENEKLER (01.10.2026) — sıfır bilgili işletme sahibi için: büyük yazı, tek seferde tek soru */
.sk-modal-ortak .sk-kutu{background:#161b22;border:1px solid #30363d;border-radius:14px;width:100%;max-width:640px;max-height:94vh;display:flex;flex-direction:column;overflow:hidden;color:#e6edf3}
.sk-ust{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #30363d}
.sk-baslik{font-size:20px;font-weight:700;color:#fff;line-height:1.25}
.sk-kapat{background:none;border:none;color:#8b949e;cursor:pointer;padding:8px;border-radius:8px;display:flex}
.sk-kapat:hover{background:#21262d;color:#fff}
.sk-govde{padding:20px;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}
.sk-alt{display:flex;gap:12px;padding:14px 20px;border-top:1px solid #30363d;background:#161b22}
.sk-alt .sk-btn{flex:1}
.sk-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:12px 22px;font-size:17px;font-weight:700;border-radius:12px;border:none;cursor:pointer;font-family:inherit}
.sk-btn:disabled{opacity:.45;cursor:not-allowed}
.sk-btn-yesil{background:#238636;color:#fff}.sk-btn-yesil:hover:not(:disabled){background:#2ea043}
.sk-btn-gri{background:#30363d;color:#e6edf3}.sk-btn-gri:hover:not(:disabled){background:#3d444d}
.sk-btn-kirmizi{background:#da3633;color:#fff}.sk-btn-kirmizi:hover:not(:disabled){background:#f85149}
.sk-btn-kucuk{min-height:44px;padding:8px 16px;font-size:15px}
.sk-ikon{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.sk-ikon-buyuk{width:34px;height:34px}
.sk-yazi{font-size:17px;line-height:1.55;color:#e6edf3;margin:0 0 16px}
.sk-yazi-soluk{font-size:15px;line-height:1.5;color:#8b949e;margin:0 0 14px}
.sk-soru{font-size:22px;font-weight:700;color:#fff;margin:0 0 6px;line-height:1.3}
/* Panelin altta sabit duran izin şeritleri (ses/bildirim) Kapat/Devam/Kaydet düğmelerinin üstünü kapatıyordu —
   ekran açıkken gizlenir, kapanınca geri gelir */
body.sk-acik .ses-izin-banner,body.sk-acik .push-izin-banner,body:has(#secenek-modal.acik) .ses-izin-banner,body:has(#secenek-modal.acik) .push-izin-banner{display:none!important}
/* adım şeridi */
.sk-adimlar{display:flex;gap:6px;padding:12px 20px 0}
.sk-adim{flex:1;text-align:center;font-size:13px;color:#8b949e;padding:8px 4px;border-radius:10px;background:#0d1117;border:1px solid #30363d;cursor:default;line-height:1.2}
.sk-adim b{display:block;font-size:16px;color:#8b949e;margin-bottom:2px}
.sk-adim.aktif{border-color:#C8963C;color:#C8963C}.sk-adim.aktif b{color:#C8963C}
.sk-adim.bitti{border-color:#238636;color:#3fb950}.sk-adim.bitti b{color:#3fb950}
.sk-adim.tikla{cursor:pointer}
/* liste kartları */
.sk-liste-kart{background:#0d1117;border:1.5px solid #30363d;border-radius:14px;padding:16px;margin-bottom:12px}
.sk-liste-ad{font-size:19px;font-weight:700;color:#fff;margin-bottom:4px}
.sk-liste-ozet{font-size:15px;color:#8b949e;margin-bottom:14px;line-height:1.5}
.sk-liste-btnlar{display:flex;gap:10px;flex-wrap:wrap}
.sk-bos{text-align:center;padding:24px 8px}
.sk-bos .sk-ikon-buyuk{width:56px;height:56px;color:#C8963C;margin-bottom:12px}
/* büyük seçim kartları */
.sk-secim{display:flex;align-items:flex-start;gap:16px;width:100%;text-align:left;background:#0d1117;border:2px solid #30363d;border-radius:14px;padding:18px;margin-bottom:12px;cursor:pointer;color:#e6edf3;font-family:inherit}
.sk-secim:hover{border-color:#58a6ff}
.sk-secim.secili{border-color:#238636;background:#0f2417}
.sk-secim .sk-ikon-buyuk{color:#C8963C;margin-top:2px}
.sk-secim.secili .sk-ikon-buyuk{color:#3fb950}
.sk-secim-ad{font-size:19px;font-weight:700;color:#fff;margin-bottom:4px}
.sk-secim-ornek{font-size:15px;color:#9fb0c3;line-height:1.5}
.sk-secim-isaret{margin-left:auto;width:30px;height:30px;border-radius:50%;border:2px solid #444c56;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff}
.sk-secim.secili .sk-secim-isaret{background:#238636;border-color:#238636}
.sk-secim-isaret .sk-ikon{width:18px;height:18px;opacity:0}
.sk-secim.secili .sk-secim-isaret .sk-ikon{opacity:1}
/* sayı kutusu */
.sk-sayi{display:flex;align-items:center;gap:14px;margin:6px 0 4px}
.sk-sayi button{width:56px;height:56px;border-radius:14px;border:2px solid #444c56;background:#21262d;color:#fff;font-size:28px;font-weight:700;cursor:pointer;font-family:inherit}
.sk-sayi button:hover{border-color:#58a6ff}
.sk-sayi .sk-sayi-deger{min-width:70px;text-align:center;font-size:34px;font-weight:800;color:#fff}
.sk-alan-kutu{background:#0d1117;border:1.5px solid #30363d;border-radius:14px;padding:16px;margin:4px 0 14px}
.sk-sec-satir{display:flex;align-items:center;gap:12px;padding:12px 4px;font-size:17px;cursor:pointer;color:#e6edf3}
.sk-sec-satir input[type=radio],.sk-sec-satir input[type=checkbox]{width:26px;height:26px;flex-shrink:0;accent-color:#238636;cursor:pointer}
/* yazı alanları */
.sk-girdi{width:100%;box-sizing:border-box;background:#0d1117;border:2px solid #444c56;color:#fff;padding:14px 16px;font-size:18px;border-radius:12px;outline:none;font-family:inherit}
.sk-girdi:focus{border-color:#58a6ff}
textarea.sk-girdi{min-height:150px;resize:vertical;line-height:1.6}
.sk-oneri{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
.sk-oneri button{background:#21262d;border:1.5px solid #444c56;color:#e6edf3;font-size:16px;padding:10px 16px;border-radius:999px;cursor:pointer;font-family:inherit}
.sk-oneri button:hover{border-color:#58a6ff}
/* malzeme satırları */
.sk-malz{display:flex;align-items:center;gap:10px;background:#0d1117;border:1.5px solid #30363d;border-radius:12px;padding:8px 10px;margin-bottom:8px}
.sk-malz-ad{flex:1;min-width:0;background:transparent;border:none;color:#fff;font-size:17px;padding:8px 6px;outline:none;font-family:inherit}
.sk-malz-ad:focus{background:#161b22;border-radius:8px}
.sk-malz-fiyat{display:flex;align-items:center;gap:6px;flex-shrink:0}
.sk-malz-fiyat input{width:84px;box-sizing:border-box;background:#161b22;border:1.5px solid #444c56;color:#fff;padding:10px;font-size:17px;border-radius:10px;text-align:right;outline:none;font-family:inherit}
.sk-malz-fiyat input:focus{border-color:#58a6ff}
.sk-malz-fiyat span{font-size:15px;color:#8b949e}
.sk-sil{background:none;border:none;color:#f85149;cursor:pointer;padding:10px;border-radius:10px;display:flex;flex-shrink:0}
.sk-sil:hover{background:#2d1517}
.sk-sayac{font-size:15px;color:#8b949e;margin:14px 0 8px;font-weight:600}
/* ürün seçimi */
.sk-kat-baslik{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0 6px;font-size:15px;font-weight:700;color:#C8963C;text-transform:uppercase;letter-spacing:.3px}
.sk-kat-baslik button{background:none;border:none;color:#58a6ff;font-size:15px;cursor:pointer;font-weight:600;padding:6px;font-family:inherit}
.sk-urun{display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:10px;font-size:17px;cursor:pointer;color:#e6edf3;border-bottom:1px solid #21262d}
.sk-urun:hover{background:#0d1117}
.sk-urun input{width:26px;height:26px;flex-shrink:0;accent-color:#238636}
.sk-urun-fiyat{margin-left:auto;font-size:15px;color:#8b949e}
.sk-toplu{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:8px}
/* uyarı / hata / bilgi */
.sk-hata{background:#2d1517;border:1.5px solid #da3633;color:#ffb4b0;border-radius:12px;padding:14px 16px;font-size:16px;line-height:1.5;margin-bottom:14px}
.sk-bilgi{background:#0d2238;border:1.5px solid #1f6feb;color:#a5c8ff;border-radius:12px;padding:12px 14px;font-size:15px;line-height:1.5;margin:10px 0}
.sk-uyari{background:#2a2108;border:1.5px solid #d29922;color:#f0c674;border-radius:12px;padding:12px 14px;font-size:15px;line-height:1.5;margin:10px 0}
/* bitti ekranı */
.sk-bitti{text-align:center;padding:20px 8px}
.sk-bitti-isaret{width:84px;height:84px;border-radius:50%;background:#0f2417;border:3px solid #238636;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;color:#3fb950}
.sk-bitti-isaret .sk-ikon{width:44px;height:44px;stroke-width:3}
/* geri al şeridi */
#sk-geri-al{position:fixed;left:50%;bottom:96px;white-space:nowrap;transform:translateX(-50%);background:#21262d;border:1.5px solid #58a6ff;color:#fff;padding:12px 18px;border-radius:12px;font-size:16px;display:none;align-items:center;gap:16px;z-index:1200;box-shadow:0 8px 30px rgba(0,0,0,.6);max-width:92vw}
#sk-geri-al button{white-space:nowrap;background:none;border:none;color:#58a6ff;font-size:16px;font-weight:700;cursor:pointer;font-family:inherit}
/* açık tema */
body.light-mode .sk-modal-ortak .sk-kutu{background:#fff!important;border-color:#ddd!important;color:#1a1a2e!important}
body.light-mode .sk-ust,body.light-mode .sk-alt{border-color:#e5e5e5!important;background:#fff!important}
body.light-mode .sk-baslik,body.light-mode .sk-soru,body.light-mode .sk-liste-ad,body.light-mode .sk-secim-ad,body.light-mode .sk-sayi .sk-sayi-deger{color:#1a1a2e!important}
body.light-mode .sk-yazi,body.light-mode .sk-sec-satir,body.light-mode .sk-urun{color:#1a1a2e!important}
body.light-mode .sk-liste-kart,body.light-mode .sk-secim,body.light-mode .sk-alan-kutu,body.light-mode .sk-malz,body.light-mode .sk-adim{background:#f6f8fa!important;border-color:#d0d7de!important}
body.light-mode .sk-secim.secili{background:#e6f4ea!important;border-color:#238636!important}
body.light-mode .sk-girdi,body.light-mode .sk-malz-fiyat input,body.light-mode .sk-malz-ad{background:#fff!important;color:#1a1a2e!important;border-color:#b6bec8!important}
body.light-mode .sk-btn-gri,body.light-mode .sk-oneri button,body.light-mode .sk-sayi button{background:#e8ebef!important;color:#1a1a2e!important;border-color:#b6bec8!important}
body.light-mode .sk-liste-ozet,body.light-mode .sk-yazi-soluk,body.light-mode .sk-secim-ornek,body.light-mode .sk-urun-fiyat{color:#57606a!important}
body.light-mode #sk-geri-al{background:#fff!important;color:#1a1a2e!important}
/* telefon: tam ekran, daha geniş dokunma alanı */
@media (max-width:600px){
  .sk-modal-ortak{padding:0!important;align-items:stretch!important}
  .sk-modal-ortak .sk-kutu{max-width:none;max-height:none;height:100%;border-radius:0;border:none}
  .sk-adim span{display:none}
  .sk-malz{flex-wrap:wrap}
  .sk-malz-ad{flex-basis:calc(100% - 60px)}
  .sk-malz-fiyat{margin-left:6px}
}

/* PAKET SİHİRBAZI + "Ne yapmak istiyorsunuz?" (01.10.2026) — sk- stillerini paylaşır */
.ps-ozet{position:sticky;top:-20px;z-index:3;margin:-4px -4px 14px;padding:12px 14px;border-radius:12px;background:#0d2238;border:1.5px solid #1f6feb;color:#cfe3ff;font-size:15px;line-height:1.5}
.ps-ozet b{color:#fff}
.ps-ozet.uyari{background:#2a2108;border-color:#d29922;color:#f0c674}
.ps-ozet.iyi{background:#0f2417;border-color:#238636;color:#b9e6c3}
.ps-satir{border-bottom:1px solid #21262d}
.ps-satir .sk-urun{border-bottom:none}
.ps-adet{display:flex;align-items:center;gap:10px;padding:0 10px 12px 48px}
.ps-adet button{width:44px;height:44px;border-radius:12px;border:2px solid #444c56;background:#21262d;color:#fff;font-size:22px;font-weight:700;cursor:pointer;font-family:inherit}
.ps-adet span{min-width:30px;text-align:center;font-size:20px;font-weight:800;color:#fff}
.ps-adet small{color:#8b949e;font-size:14px}
.ps-kart{background:#0d1117;border:1.5px solid #30363d;border-radius:14px;padding:14px;margin-bottom:12px}
.ps-kart-ad{font-size:18px;font-weight:700;color:#fff;margin-bottom:10px}
.ps-ac{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#161b22;border:2px solid #30363d;border-radius:12px;padding:14px;color:#e6edf3;font-size:16px;font-weight:600;cursor:pointer;font-family:inherit}
.ps-ac.acik{border-color:#238636;background:#0f2417}
.ps-alt-liste{margin-top:10px}
.ps-alt-satir{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid #21262d;font-size:16px;color:#e6edf3}
.ps-alt-satir input[type=checkbox]{width:24px;height:24px;flex-shrink:0;accent-color:#238636}
.ps-alt-satir .ps-fark{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:14px;color:#8b949e}
.ps-alt-satir .ps-fark input{width:78px;box-sizing:border-box;background:#161b22;border:1.5px solid #444c56;color:#fff;padding:9px;font-size:16px;border-radius:10px;text-align:right;outline:none;font-family:inherit}
.ps-yaz{display:flex;gap:10px;margin-top:8px}
.ps-yaz .sk-girdi{flex:1;min-width:0}
.ps-yaz .sk-btn{flex-shrink:0;min-height:54px;padding:12px 18px}
.ps-onizleme{border:2px solid #C8963C;border-radius:16px;overflow:hidden;background:#0d1117;margin-bottom:14px}
.ps-onizleme img{width:100%;max-height:180px;object-fit:cover;display:block}
.ps-onizleme-govde{padding:16px}
.ps-onizleme-ad{font-size:20px;font-weight:800;color:#fff}
.ps-onizleme-fiyat{font-size:22px;font-weight:800;color:#C8963C;margin:4px 0 10px}
.ps-onizleme-satir{font-size:16px;color:#e6edf3;line-height:1.6}
.ps-onizleme-satir small{color:#8b949e;font-size:14px}
.ps-foto{display:flex;align-items:center;gap:14px;margin-top:6px}
.ps-foto-kutu{width:84px;height:84px;border-radius:12px;background:#0d1117;border:2px dashed #444c56;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#8b949e;font-size:13px;text-align:center;flex-shrink:0}
.ps-foto-kutu img{width:100%;height:100%;object-fit:cover}
/* "Ne yapmak istiyorsunuz?" kartları (Menü sekmesi) */
.mh-kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:0 0 20px}
/* Menü başlıklarının sırası (15.10.2026) */
.bs-satir{display:flex;align-items:center;gap:10px;background:#0d1117;border:2px solid #30363d;border-radius:14px;padding:10px 12px;margin-bottom:10px}
.bs-no{width:34px;height:34px;border-radius:50%;background:#C8963C;color:#1a1200;font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.bs-ad{flex:1;min-width:0;font-size:17px;font-weight:700;color:#e6edf3;line-height:1.3;overflow-wrap:anywhere}
.bs-ad small{display:block;font-size:14px;font-weight:500;color:#8b949e}
.bs-ok{width:52px;height:52px;border-radius:12px;border:none;background:#30363d;color:#e6edf3;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.bs-ok:hover:not(:disabled){background:#3d444d}.bs-ok:disabled{opacity:.25;cursor:not-allowed}
.bs-ok svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.bs-satir.bs-oynadi{border-color:#3fb950}
.bs-durum{min-height:24px;font-size:15px;font-weight:700;color:#3fb950;margin:4px 0 10px}
body.light-mode .bs-satir{background:#f6f8fa!important;border-color:#d0d7de!important}
body.light-mode .bs-ad{color:#1a1a2e!important}
body.light-mode .bs-ok{background:#e8ebef!important;color:#1a1a2e!important}
.mh-kart{display:flex;flex-direction:column;gap:10px;background:#161b22;border:2px solid #30363d;border-radius:16px;padding:16px;text-align:left}
.mh-kart-ust{display:flex;align-items:center;gap:12px;cursor:pointer;background:none;border:none;color:inherit;font-family:inherit;text-align:left;padding:0;width:100%}
.mh-kart .sk-ikon-buyuk{color:#C8963C;flex-shrink:0}
.mh-kart-ad{font-size:18px;font-weight:800;color:#fff;line-height:1.25}
.mh-kart-ornek{font-size:14px;color:#9fb0c3;line-height:1.45}
.mh-kart-yardim{background:none;border:none;color:#58a6ff;font-size:15px;font-weight:700;cursor:pointer;padding:6px 0;text-align:left;font-family:inherit}
.mh-kart:hover{border-color:#58a6ff}
.mh-adim{display:flex;gap:14px;margin-bottom:16px}
.mh-adim-no{width:34px;height:34px;border-radius:50%;background:#C8963C;color:#1a1200;font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.mh-adim-yazi{font-size:17px;line-height:1.55;color:#e6edf3}
.mh-adim-yazi small{display:block;color:#8b949e;font-size:15px;margin-top:2px}
body.light-mode .mh-kart,body.light-mode .ps-kart,body.light-mode .ps-onizleme,body.light-mode .ps-ac{background:#f6f8fa!important;border-color:#d0d7de!important;color:#1a1a2e!important}
body.light-mode .mh-kart-ad,body.light-mode .ps-kart-ad,body.light-mode .ps-onizleme-ad,body.light-mode .mh-adim-yazi,body.light-mode .ps-onizleme-satir,body.light-mode .ps-alt-satir{color:#1a1a2e!important}
body.light-mode .ps-adet button{background:#e8ebef!important;color:#1a1a2e!important}
body.light-mode .ps-adet span{color:#1a1a2e!important}
@media (max-width:760px){.mh-kartlar{grid-template-columns:1fr}.mh-kart{flex-direction:column}.ps-alt-satir{flex-wrap:wrap}}

/* 20.10.2026: başlıkları sürükleyerek sıralama */
.bs-satir{cursor:grab;user-select:none;-webkit-user-select:none}
.bs-tut{width:28px;height:44px;display:flex;align-items:center;justify-content:center;color:#8b949e;touch-action:none;cursor:grab;flex:none}
.bs-tut svg{width:22px;height:22px;fill:currentColor}
.bs-satir.bs-suruk{cursor:grabbing;border-color:#C8963C;box-shadow:0 6px 18px rgba(0,0,0,.45);position:relative;z-index:2}