*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Segoe UI',Arial,sans-serif;background:#f0f0f0;min-height:100vh;transition:direction .2s;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
#berber-panel,#admin-panel,#giris-ekrani{display:none}
html[dir=rtl] body{font-family:'Segoe UI',Arial,sans-serif}
/* Safe area insets for iPhone notch/home indicator - fixed/absolute UI elements */
.alt-menu,.alt-btn{padding-bottom:calc(14px + env(safe-area-inset-bottom,0))!important}

/* ===== GİRİŞ EKRANI ===== */
.giris-ekrani{position:fixed;inset:0;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999;padding:calc(30px + env(safe-area-inset-top,0)) calc(30px + env(safe-area-inset-right,0)) calc(30px + env(safe-area-inset-bottom,0)) calc(30px + env(safe-area-inset-left,0))}
.giris-logo{font-size:64px;margin-bottom:12px;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.giris-input{width:100%;max-width:300px;padding:14px 16px;border-radius:12px;border:2px solid rgba(255,255,255,.1);font-size:16px;text-align:center;margin-bottom:8px;outline:none;background:rgba(255,255,255,.95);transition:border-color .2s}
.giris-input:focus{border-color:#4caf50}
.giris-btn{width:100%;max-width:300px;padding:14px;background:#4caf50;color:white;border:none;border-radius:12px;font-size:16px;font-weight:bold;cursor:pointer;transition:transform .1s,background .2s}
.giris-btn:active{transform:scale(.97)}
.giris-hata{color:#ff6b6b;margin-top:12px;font-size:14px;display:none;text-align:center;background:rgba(255,0,0,.1);padding:8px 16px;border-radius:8px}
.giris-yukle{color:rgba(255,255,255,.6);margin-top:12px;font-size:14px;display:none;text-align:center}

/* ===== ÖZEL MODAL SİSTEMİ ===== */
@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #9B1D20;outline-offset:2px}
.alt-btn:focus-visible,.drawer-nav-item:focus-visible{outline-color:#FAF6F0}
.skip-link{position:absolute;left:-9999px;top:-9999px;z-index:100001;background:#000;color:#fff;padding:10px 14px;border-radius:4px}
.skip-link:focus{left:10px;top:10px}

/* AUDIT-IMPR: Print stylesheet — randevu listesi yazdırma */
@media print{
  body.berber-dark{background:#fff!important;color:#000!important}
  .alt-btn,.drawer,.elle-fab,.durum-bar,.admin-nav,.admin-header-sag,#cookie-banner{display:none!important}
  .berber-plan-slot,.randevu-kart,.mh-berber-row,.mh-gider-row{page-break-inside:avoid;border:1px solid #ccc;color:#000!important;background:#fff!important}
  .bp-expand,.kk-btn-sil,.mh-pay-btn,.mh-gider-sil,.mh-add-btn{display:none!important}
  *{box-shadow:none!important;text-shadow:none!important}
}

/* AUDIT-IMPR: Loading skeleton */
.skeleton{background:linear-gradient(90deg,rgba(255,255,255,0.04) 0%,rgba(255,255,255,0.08) 50%,rgba(255,255,255,0.04) 100%);background-size:200% 100%;animation:skel-pulse 1.4s infinite;border-radius:4px;min-height:14px}
@keyframes skel-pulse{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* AUDIT-IMPR-GAMMA: Reduced motion (epilepsy/vestibular) */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}
}
/* AUDIT-IMPR-GAMMA: Font size classes (body toggle) */
html[data-font="large"] body{font-size:17px}
html[data-font="xlarge"] body{font-size:19px}
/* AUDIT-IMPR-GAMMA: High contrast mode */
html[data-contrast="high"] body.berber-dark{background:#000!important}
html[data-contrast="high"] body.berber-dark *{color:#fff!important;border-color:#fff!important}
html[data-contrast="high"] body.berber-dark .berber-plan-slot{border:2px solid #fff!important;background:#000!important}
html[data-contrast="high"] .bp-act-ok{color:#0f0!important;border-color:#0f0!important}
html[data-contrast="high"] .bp-act-no{color:#f88!important;border-color:#f88!important}
.custom-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9999;display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.custom-modal-overlay.goster{display:flex}
.custom-modal-box{background:white;border-radius:20px;width:100%;max-width:360px;padding:28px 24px 20px;text-align:center;transform:scale(.9);opacity:0;transition:all .2s ease}
.custom-modal-overlay.goster .custom-modal-box{transform:scale(1);opacity:1}
.custom-modal-icon{font-size:48px;margin-bottom:12px}
.custom-modal-title{font-size:17px;font-weight:bold;color:#1a1a2e;margin-bottom:8px}
.custom-modal-msg{font-size:14px;color:#666;line-height:1.6;margin-bottom:20px;white-space:pre-line}
.custom-modal-input{width:100%;padding:12px 14px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;margin-bottom:16px;outline:none;transition:border-color .2s}
.custom-modal-input:focus{border-color:#1a1a2e}
.custom-modal-btns{display:flex;gap:10px}
.custom-modal-btn{flex:1;padding:13px 10px;border:none;border-radius:12px;font-size:15px;font-weight:bold;cursor:pointer;transition:transform .1s}
.custom-modal-btn:active{transform:scale(.96)}
.cm-btn-ok{background:#4caf50;color:white}
.cm-btn-danger{background:#f44336;color:white}
.cm-btn-cancel{background:#f0f0f0;color:#555}
.cm-btn-blue{background:#1a1a2e;color:white}

/* ===== ADMIN PANEL ===== */
.admin-header{background:#1a1a2e;color:white;padding:calc(14px + env(safe-area-inset-top,0)) calc(16px + env(safe-area-inset-right,0)) 14px calc(16px + env(safe-area-inset-left,0));display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}
.admin-header h1{font-size:17px;font-weight:bold}
.admin-header-sag{display:flex;align-items:center;gap:8px}
.cikis-btn{background:rgba(255,255,255,.15);color:white;border:none;border-radius:8px;padding:7px 14px;cursor:pointer;font-size:12px;font-weight:600;transition:background .2s}
.cikis-btn:active{background:rgba(255,255,255,.3)}
.admin-nav{background:#16213e;display:flex;border-bottom:1px solid rgba(255,255,255,.1);overflow-x:auto}
.admin-nav-btn{flex:1;padding:12px 6px;border:none;background:none;color:rgba(255,255,255,.6);font-size:11px;font-weight:bold;cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap;min-width:70px;transition:color .2s}
.admin-nav-btn.aktif{color:white;border-bottom-color:#4caf50}
.admin-sayfa{display:none;padding-bottom:20px}
.admin-sayfa.aktif{display:block}
.istat-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:14px}
.istat-kart{background:white;border-radius:12px;padding:14px 20px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.06);min-width:100px;flex:1;max-width:160px}
.istat-n{font-size:28px;font-weight:bold}
.istat-l{font-size:11px;color:#888;margin-top:4px}
.filtre-wrap{padding:0 14px 10px;display:flex;gap:8px;overflow-x:auto}
.filtre-btn{padding:7px 16px;border:2px solid #ddd;border-radius:20px;background:white;cursor:pointer;font-size:12px;font-weight:bold;white-space:nowrap;color:#888;transition:all .15s}
.filtre-btn.aktif{border-color:#1a1a2e;color:#1a1a2e;background:#e8eaf6}
.dukkan-liste{padding:0 14px}
.dukkan-kart{background:white;border-radius:12px;margin-bottom:10px;overflow:hidden;cursor:pointer;border-left:5px solid #ddd;transition:transform .1s;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.dukkan-kart:active{transform:scale(.98)}
.dukkan-kart.aktif-dukkan{border-left-color:#4caf50}
.dukkan-kart.pasif-dukkan{border-left-color:#ff9800}
.dukkan-kart.devre-dukkan{border-left-color:#f44336}
.dukkan-kart-ic{display:flex;align-items:center;gap:12px;padding:14px}
.dukkan-ikon{width:46px;height:46px;border-radius:10px;background:#1a1a2e;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.dukkan-bilgi{flex:1;min-width:0}
.dukkan-ad{font-size:15px;font-weight:bold;color:#1a1a2e}
.dukkan-email{font-size:11px;color:#888;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dukkan-alt{display:flex;align-items:center;gap:6px;margin-top:6px;flex-wrap:wrap}
.badge{font-size:10px;padding:3px 8px;border-radius:10px;font-weight:bold}
.badge-yesil{background:#e8f5e9;color:#2e7d32}
.badge-turuncu{background:#fff3e0;color:#e65100}
.badge-kirmizi{background:#ffebee;color:#c62828}
.badge-gri{background:#f1f1f1;color:#666}
.badge-mavi{background:#e3f2fd;color:#1565c0}
.badge-mor{background:#ede7f6;color:#4527a0}
/* === Social Proof Grid (4 sütun) === */



@media(max-width:520px){}
@media(max-width:360px){}
/* === SFD + Coachmark === */
.sfd-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.65);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.sfd-modal{background:#1a1a2e;color:#FAF6F0;border-radius:14px;max-width:440px;width:100%;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.06)}
.sfd-head{padding:18px 22px;font-size:16px;font-weight:700;border-bottom:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;gap:10px}
.sfd-body{padding:20px 22px;display:flex;flex-direction:column;gap:14px}
.sfd-field label{display:block;font-size:11px;font-weight:700;color:rgba(250,246,240,0.7);margin-bottom:6px;letter-spacing:0.5px;text-transform:uppercase}
.sfd-field input{width:100%;padding:11px 14px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);border-radius:8px;color:#FAF6F0;font-size:14px;outline:none;transition:border-color 0.15s,background 0.15s;font-family:inherit;box-sizing:border-box}
.sfd-field input:focus{border-color:#9B1D20;background:rgba(255,255,255,0.08)}
.sfd-field input.err{border-color:#f87171;background:rgba(248,113,113,0.08)}
.sfd-err{font-size:12px;color:#fca5a5;margin-top:5px;min-height:14px;line-height:1.3}
.sfd-forgot{color:#60a5fa;font-size:12px;cursor:pointer;text-decoration:none;align-self:flex-end;font-weight:500;padding:4px 0}
.sfd-forgot:hover{text-decoration:underline;color:#93c5fd}
.sfd-actions{padding:14px 22px;display:flex;gap:10px;justify-content:flex-end;border-top:1px solid rgba(255,255,255,0.06);background:rgba(0,0,0,0.15)}
.sfd-cancel{background:transparent;color:#FAF6F0;border:1px solid rgba(255,255,255,0.18);padding:9px 18px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;transition:background 0.15s}
.sfd-cancel:hover{background:rgba(255,255,255,0.06)}
.sfd-submit{background:#9B1D20;color:#FAF6F0;border:none;padding:9px 22px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:700;font-family:inherit;transition:background 0.15s}
.sfd-submit:hover:not(:disabled){background:#7a1518}
.sfd-submit:disabled{opacity:0.55;cursor:not-allowed}
.cm-overlay{position:fixed;inset:0;background:transparent;z-index:10050;pointer-events:auto}
.cm-spot{position:fixed;border:3px solid #FFD700;border-radius:10px;box-shadow:0 0 0 9999px rgba(0,0,0,0.72),0 0 30px rgba(255,215,0,0.5);transition:all 0.35s cubic-bezier(.4,0,.2,1);pointer-events:none;animation:cmPulse 2s ease-in-out infinite;box-sizing:border-box}
@keyframes cmPulse{0%,100%{box-shadow:0 0 0 9999px rgba(0,0,0,0.72),0 0 25px rgba(255,215,0,0.5)}50%{box-shadow:0 0 0 9999px rgba(0,0,0,0.72),0 0 50px rgba(255,215,0,0.85)}}
.cm-bubble{position:fixed;width:300px;max-width:calc(100vw - 24px);background:#1a1a2e;border:2px solid #FFD700;color:#FAF6F0;border-radius:14px;padding:16px;box-shadow:0 14px 50px rgba(0,0,0,0.55);font-family:var(--v5-sans,sans-serif);transition:top 0.35s cubic-bezier(.4,0,.2,1),left 0.35s cubic-bezier(.4,0,.2,1);z-index:10051;box-sizing:border-box}
.cm-bubble-center{top:50% !important;left:50% !important;transform:translate(-50%,-50%)}
.cm-bubble-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.cm-icon{font-size:24px;flex-shrink:0}
.cm-title{font-size:16px;font-weight:700;color:#FFD700;flex:1;line-height:1.25}
.cm-bubble-body{margin-bottom:14px;line-height:1.55;font-size:13px;color:rgba(250,246,240,0.92)}
.cm-bubble-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.cm-dots{display:flex;gap:6px}
.cm-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,0.22);transition:background 0.2s}
.cm-dot.active{background:#FFD700}
.cm-btns{display:flex;gap:8px;flex-shrink:0}
.cm-skip{background:transparent;color:rgba(250,246,240,0.55);border:1px solid rgba(250,246,240,0.18);border-radius:6px;padding:7px 13px;font-size:12px;cursor:pointer;font-family:inherit;font-weight:500}
.cm-skip:hover{background:rgba(255,255,255,0.06);color:#FAF6F0}
.cm-next{background:#FFD700;color:#1a1a2e;border:none;border-radius:6px;padding:7px 16px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit}
.cm-next:hover{background:#f5c700}
@media(max-width:480px){.cm-bubble{width:calc(100vw - 24px)}}
/* === Destek sayfası — modern kart tasarımı === */
.dst-kart{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px 18px;margin:0 0 12px 0;transition:border-color .15s,box-shadow .15s}
.dst-kart:hover{border-color:#cbd5e1;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.dst-kart.dst-acil{border-left:3px solid #dc2626;background:#fffbfb}
.dst-kart.dst-premium{border-left:3px solid #a855f7}
.dst-kart.dst-cozuldu{opacity:.7;background:#f9fafb}
.dst-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.dst-dukkan{font-size:14px;font-weight:600;color:#111827;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.dst-tarih{font-size:11px;color:#9ca3af;margin-top:2px}
.dst-rozet{font-size:9px;padding:3px 8px;border-radius:10px;font-weight:700;letter-spacing:.3px;white-space:nowrap}
.dst-rozet-premium{background:#f3e8ff;color:#7c2d92}
.dst-rozet-pro{background:#dbeafe;color:#1e40af}
.dst-rozet-standart{background:#dcfce7;color:#166534}
.dst-rozet-deneme{background:#f3f4f6;color:#6b7280}
.dst-rozet-wa{background:#dcfce7;color:#166534}
.dst-rozet-sla-ihlal{background:#fee2e2;color:#991b1b}
.dst-rozet-sla-risk{background:#fef3c7;color:#92400e}
.dst-rozet-sla-yakin{background:#fef9c3;color:#854d0e}
.dst-durum-acik{font-size:10px;padding:3px 10px;border-radius:10px;font-weight:700;background:#fef3c7;color:#92400e}
.dst-durum-cozuldu{font-size:10px;padding:3px 10px;border-radius:10px;font-weight:700;background:#d1fae5;color:#065f46}
.dst-uyari{margin:10px 0;padding:10px 12px;border-radius:6px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px}
.dst-uyari-ihlal{background:#fef2f2;color:#991b1b;border-left:3px solid #dc2626}
.dst-uyari-oncelik{background:#faf5ff;color:#6b21a8;border-left:3px solid #a855f7}
.dst-mesaj{font-size:13.5px;color:#374151;line-height:1.55;margin:10px 0;padding:10px 12px;background:#f9fafb;border-radius:6px;white-space:pre-wrap;word-break:break-word}
.dst-thread{margin:10px 0 0;display:flex;flex-direction:column;gap:8px}
.dst-thread-item{font-size:12.5px;line-height:1.5;padding:10px 12px;border-radius:8px;max-width:88%}
.dst-thread-admin{align-self:flex-end;background:#eff6ff;color:#1e3a8a;border:1px solid #dbeafe}
.dst-thread-musteri{align-self:flex-start;background:#f3f4f6;color:#1f2937;border:1px solid #e5e7eb}
.dst-thread-gonderen{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;opacity:.7;margin-bottom:4px}
.dst-thread-ts{font-size:10px;color:#9ca3af;margin-top:4px}
.dst-aksiyonlar{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.dst-btn{padding:7px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s;white-space:nowrap}
.dst-btn-pri{background:#2563eb;color:#fff;border-color:#2563eb}
.dst-btn-pri:hover{background:#1d4ed8;border-color:#1d4ed8}
.dst-btn-sec{background:#10b981;color:#fff;border-color:#10b981}
.dst-btn-sec:hover{background:#059669;border-color:#059669}
.dst-btn-ghost{background:#fff;color:#6b7280;border-color:#d1d5db}
.dst-btn-ghost:hover{background:#f9fafb;color:#dc2626;border-color:#fca5a5}
.dst-btn:disabled{opacity:.5;cursor:not-allowed}
.dst-bos{padding:40px 20px;text-align:center;color:#9ca3af;font-size:13px}
.dst-bos-ikon{font-size:32px;margin-bottom:8px;opacity:.4}
.dst-liste-wrap{padding:14px 16px;background:#f9fafb;min-height:100px}
/* Filtre bar — mevcut .filtre-btn override (admin destek için temizle) */
.dst-filtre{display:flex;gap:6px;flex-wrap:wrap}
.dst-filtre .filtre-btn{font-size:11px;padding:6px 14px;border-width:1px}
.ok-ikon{color:#ccc;font-size:18px;flex-shrink:0}
.detay-header{background:#1a1a2e;color:white;padding:calc(12px + env(safe-area-inset-top,0)) calc(16px + env(safe-area-inset-right,0)) 12px calc(16px + env(safe-area-inset-left,0));display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:40}
.geri-btn{background:rgba(255,255,255,.15);border:none;color:white;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:bold}
.detay-baslik{font-size:16px;font-weight:bold;flex:1}
.detay-wrap{padding:14px}
.detay-kart{background:white;border-radius:12px;margin-bottom:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.detay-kart-baslik{padding:12px 16px;font-size:13px;font-weight:bold;color:#888;background:#f8f8f8;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}
.detay-satir{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border-bottom:1px solid #f0f0f0;font-size:13px}
.detay-satir:last-child{border-bottom:none}
.detay-label{color:#888}
.detay-val{font-weight:500;color:#1a1a2e;text-align:right;max-width:60%}
.aksiyon-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px}
.aksiyon-btn{padding:12px;border:none;border-radius:10px;font-size:13px;font-weight:bold;cursor:pointer;transition:transform .1s}
.aksiyon-btn:active{transform:scale(.96)}
.btn-yesil{background:#e8f5e9;color:#2e7d32}
.btn-turuncu{background:#fff3e0;color:#e65100}
.btn-kirmizi{background:#ffebee;color:#c62828}
.btn-mavi{background:#e3f2fd;color:#1565c0}
.btn-koyu{background:#1a1a2e;color:white}
.sure-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.sure-btn{padding:10px;border:2px solid #ddd;border-radius:8px;background:white;cursor:pointer;font-size:12px;font-weight:bold;color:#444;transition:all .15s}
.sure-btn.secili{border-color:#4caf50;background:#e8f5e9;color:#2e7d32}
.duyuru-wrap{padding:14px}
.duyuru-kart{background:white;border-radius:12px;margin-bottom:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06)}
textarea{width:100%;height:100px;border:1px solid #ddd;border-radius:8px;padding:10px;font-size:14px;resize:none;font-family:inherit}
select{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;font-size:13px;margin-top:8px;background:white}
.gonder-btn{width:100%;padding:13px;background:#1a1a2e;color:white;border:none;border-radius:8px;font-size:14px;font-weight:bold;cursor:pointer;margin-top:8px}
.duyuru-item{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-bottom:1px solid #f0f0f0}
.duyuru-item:last-child{border-bottom:none}
.duyuru-metin-text{flex:1;font-size:13px;color:#1a1a2e}
.duyuru-bitis{font-size:11px;color:#888;margin-top:3px}
.duyuru-sil{background:#ffebee;color:#c62828;border:none;border-radius:6px;padding:4px 8px;cursor:pointer;font-size:11px;font-weight:bold;flex-shrink:0}
/* === Duyuru Marquee (sokak tabelasi gibi kayan yazi) === */
.duyuru-marquee{position:relative;overflow:hidden;background:linear-gradient(90deg,#0f0f1e 0%,#1a1a2e 50%,#0f0f1e 100%);color:#FFD700;border-top:2px solid rgba(255,215,0,0.6);border-bottom:2px solid rgba(255,215,0,0.6);padding:10px 0;font-weight:600;font-size:14px;box-shadow:inset 0 0 30px rgba(255,215,0,0.12);letter-spacing:0.3px}
.duyuru-marquee-track{display:inline-flex;align-items:center;gap:50px;animation:duyuruScroll 45s linear infinite;white-space:nowrap;padding-left:100%}
.duyuru-marquee:hover .duyuru-marquee-track{animation-play-state:paused}
.duyuru-marquee-item{display:inline-flex;align-items:center;gap:10px;font-family:var(--v5-sans,sans-serif);text-shadow:0 0 10px rgba(255,215,0,0.3)}
.duyuru-marquee-sep{opacity:0.4;color:#FFD700;font-size:20px;padding:0 6px}
.duyuru-marquee-kapat{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.4);color:#FFD700;border:1px solid rgba(255,215,0,0.3);border-radius:50%;width:26px;height:26px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;z-index:2;padding:0;line-height:1}
.duyuru-marquee-kapat:hover{background:rgba(255,215,0,0.15);color:#fff}
[dir="ltr"] .duyuru-marquee-kapat,html:not([dir="rtl"]) .duyuru-marquee-kapat{right:10px}
[dir="rtl"] .duyuru-marquee-kapat{left:10px}
@keyframes duyuruScroll{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
[dir="rtl"] .duyuru-marquee-track{animation-name:duyuruScrollRTL;padding-left:0;padding-right:100%}
@keyframes duyuruScrollRTL{0%{transform:translateX(0)}100%{transform:translateX(100%)}}
.hedef-kart{background:#f8f8f8;border-radius:8px;padding:10px;margin-top:8px}
.hedef-btn{padding:7px 12px;border:2px solid #ddd;border-radius:8px;background:white;cursor:pointer;font-size:12px;font-weight:bold;color:#888;margin:3px;transition:all .15s}
.hedef-btn.aktif{border-color:#1a1a2e;color:#1a1a2e;background:#e8eaf6}
.checkbox-item{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #f0f0f0;font-size:13px;cursor:pointer}
.checkbox-item:last-child{border-bottom:none}
.fiyat-tablo{width:100%;border-collapse:collapse;font-size:12px}
.fiyat-tablo th{background:#1a1a2e;color:white;padding:10px 8px;text-align:center;font-size:11px}
.fiyat-tablo td{padding:10px 8px;text-align:center;border-bottom:1px solid #f0f0f0}
.fiyat-tablo tr:last-child td{border-bottom:none}
.fiyat-tablo td:first-child{font-weight:bold;color:#444;text-align:left;padding-left:12px}
.fiyat-input{width:70px;padding:6px;border:1px solid #ddd;border-radius:6px;font-size:12px;text-align:center}
.sistem-wrap{padding:14px}
.sistem-kart{background:white;border-radius:12px;margin-bottom:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.sistem-satir{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #f0f0f0;font-size:13px}
.sistem-satir:last-child{border-bottom:none}
.sistem-label{color:#1a1a2e}
.sistem-val{color:#888}
.kucuk-btn{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:bold;transition:transform .1s}
.kucuk-btn:active{transform:scale(.95)}
.talep-item{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #f0f0f0;font-size:13px}
.talep-item:last-child{border-bottom:none}
.bildirim-dot{width:8px;height:8px;background:#f44336;border-radius:50%;display:inline-block;margin-left:4px}

/* ===== BERBER PANELİ ===== */
.berber-header{background:#1a1a2e;color:white;padding:env(safe-area-inset-top,0) calc(16px + env(safe-area-inset-right,0)) 0 calc(16px + env(safe-area-inset-left,0));display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;height:calc(56px + env(safe-area-inset-top,0))}
.berber-header h1{font-size:16px;font-weight:700;margin:0;white-space:nowrap;letter-spacing:0.3px}
.alt-menu{position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid #eee;display:flex;z-index:100;box-shadow:0 -2px 10px rgba(0,0,0,.06)}
#berber-alt-menu{display:none!important}
.alt-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;padding:10px 0 14px;cursor:pointer;border:none;background:none;color:#888;transition:color .15s;min-height:48px}
.alt-btn.aktif{color:#1a1a2e;font-weight:bold}
.alt-btn span{font-size:20px}
.sayfa{display:none;padding-bottom:16px}
.sayfa.aktif{display:block}
.durum-bar{background:#16213e;padding:10px 14px;display:flex;gap:8px}
.durum-btn{flex:1;padding:9px;border:none;border-radius:8px;font-size:12px;font-weight:bold;cursor:pointer;opacity:.5;transition:opacity .15s}
.durum-btn.aktif-durum{opacity:1}
.durum-btn.acik{background:#4caf50;color:white}
.durum-btn.yogun{background:#ff9800;color:white}
.durum-btn.kapali{background:#f44336;color:white}
.yogun-panel{background:#fff3e0;padding:12px 14px;display:none}
.yogun-panel.goster{display:block}
.yogun-panel p{font-size:13px;color:#e65100;margin-bottom:8px;font-weight:bold}
.yogun-secenekler{display:flex;gap:8px}
.yogun-sec{padding:8px 16px;border:2px solid #ff9800;border-radius:8px;background:white;color:#e65100;font-weight:bold;cursor:pointer;font-size:13px;transition:all .15s}
.yogun-sec.secili{background:#ff9800;color:white}
.yogun-iptal{margin-top:8px;padding:10px;background:#f44336;color:white;border:none;border-radius:8px;width:100%;cursor:pointer;font-size:13px;font-weight:bold}
.geri-don-bar{background:#e3f2fd;padding:8px 14px;text-align:center;font-size:12px;color:#1565c0;display:none}
.geri-don-bar.goster{display:block}
.bugun-wrap{padding:6px 10px;display:flex;flex-direction:column}.bugun-wrap #talepler-bolumu{order:1}.bugun-wrap #gun-plani{order:2}

/* ===== DRAWER MENU ===== */
.hamburger-btn{background:none;border:none;color:rgba(255,255,255,0.85);cursor:pointer;padding:6px;margin-left:-6px;margin-right:4px;display:flex;align-items:center;justify-content:center;transition:color .15s}
.hamburger-btn:hover{color:#fff}
.hamburger-btn svg{width:22px;height:22px}
.header-home-btn{background:none;border:none;color:rgba(255,255,255,0.75);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;transition:color .18s,transform .18s}
.header-home-btn:hover{color:#fff;transform:translateY(-1px)}
.header-home-btn:active{transform:translateY(0)}
.header-home-btn svg{width:20px;height:20px}
.header-cikis-btn{background:none;border:none;color:rgba(255,255,255,0.7);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;transition:color .18s,transform .18s}
.header-cikis-btn:hover{color:#ff7a7a;transform:translateY(-1px)}
.header-cikis-btn:active{transform:translateY(0)}
.header-cikis-btn svg{width:19px;height:19px}
.panele-don-btn{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0));right:calc(24px + env(safe-area-inset-right,0));z-index:9999;background:#9B1D20;color:#FAF6F0;border:none;padding:12px 20px;border-radius:2px;font-family:'SF Mono','Cascadia Code','Consolas',monospace;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;box-shadow:0 8px 24px rgba(155,29,32,0.35);display:flex;align-items:center;gap:8px}
.panele-don-btn:hover{background:#7d1619}
.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:200;opacity:0;pointer-events:none;transition:opacity .3s ease}
.drawer-overlay.acik{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;left:0;bottom:0;width:280px;background:#1a1a2e;z-index:201;transform:translateX(-100%);transition:transform .3s ease;display:flex;flex-direction:column;overflow-y:auto}
.drawer.acik{transform:translateX(0)}
html[dir=rtl] .drawer{left:auto;right:0;transform:translateX(100%)}
html[dir=rtl] .drawer.acik{transform:translateX(0)}
.drawer-header{padding:calc(28px + env(safe-area-inset-top,0)) calc(24px + env(safe-area-inset-right,0)) 20px calc(24px + env(safe-area-inset-left,0));border-bottom:1px solid rgba(255,255,255,0.08)}
.drawer-logo{font-size:22px;font-weight:800;color:white;letter-spacing:1px;display:flex;align-items:center;gap:10px}
.drawer-logo svg{width:28px;height:28px;color:#9B1D20}
.drawer-logo-mark{width:28px;height:28px;border-radius:7px;display:block;flex-shrink:0}
.drawer-dukkan{font-size:13px;color:rgba(255,255,255,0.5);margin-top:6px;font-weight:500}
.drawer-durum{margin-top:12px;display:flex;gap:6px}
.drawer-nav{flex:1;padding:16px 0}
.drawer-nav-item{display:flex;align-items:center;gap:14px;padding:13px 24px;color:rgba(255,255,255,0.6);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;border:none;background:none;width:100%;text-align:left}
html[dir=rtl] .drawer-nav-item{text-align:right}
.drawer-nav-item:hover{background:rgba(255,255,255,0.05);color:white}
.drawer-nav-item.aktif{color:white;background:rgba(155,29,32,0.15);border-right:3px solid #9B1D20}
html[dir=rtl] .drawer-nav-item.aktif{border-right:none;border-left:3px solid #9B1D20}
.drawer-nav-item svg{width:20px;height:20px;flex-shrink:0}
.drawer-lang{padding:12px 14px;border-top:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;gap:4px;flex-wrap:nowrap}
.drawer-lang-btn{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);color:rgba(255,255,255,0.55);padding:6px 0;border-radius:2px;font-size:10px;font-weight:600;cursor:pointer;transition:all .15s;flex:1 1 0;min-width:0;text-align:center;letter-spacing:1px}
.drawer-lang-btn:hover{background:rgba(255,255,255,0.12);color:white}
.drawer-lang-btn.aktif{background:#9B1D20;border-color:#9B1D20;color:white}
.drawer-footer{padding:16px 24px;border-top:1px solid rgba(255,255,255,0.08)}
.drawer-cikis{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,0.4);font-size:13px;font-weight:500;cursor:pointer;border:none;background:none;padding:8px 0;transition:color .15s;width:100%;text-align:left}
.drawer-cikis:hover{color:#f44336}
.drawer-cikis svg{width:18px;height:18px}
.header-durum-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;letter-spacing:0.3px}
.header-durum-chip.acik{background:rgba(76,175,80,0.15);color:#4caf50}
.header-durum-chip.yogun{background:rgba(255,152,0,0.15);color:#ff9800}
.header-durum-chip.kapali{background:rgba(244,67,54,0.15);color:#f44336}
.elle-fab{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0));right:calc(20px + env(safe-area-inset-right,0));z-index:99;width:56px;height:56px;border-radius:50%;background:#9B1D20;color:#fff;border:none;font-size:28px;font-weight:700;cursor:pointer;box-shadow:0 6px 20px rgba(155,29,32,0.4);display:flex;align-items:center;justify-content:center;transition:transform .15s}
.elle-fab:active{transform:scale(0.9)}
.gun-nav{display:flex;align-items:center;justify-content:space-between;background:white;border-radius:10px;padding:12px 16px;margin-bottom:12px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.gun-nav-btn{background:#1a1a2e;color:white;border:none;border-radius:6px;padding:6px 14px;cursor:pointer;font-size:16px}
.gun-nav-tarih{text-align:center}
.gun-nav-tarih h3{font-size:15px;font-weight:bold;color:#1a1a2e}
.gun-nav-tarih p{font-size:11px;color:#888;margin-top:2px}
.stats{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:12px!important;width:100%!important;margin-bottom:14px}
.stat{background:white;border-radius:10px;padding:12px 0;text-align:center;box-shadow:0 1px 4px rgba(0,0,0,.08);cursor:pointer;transition:box-shadow .15s,transform .1s;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;flex:1!important;min-width:0!important}
.stat:hover{box-shadow:0 4px 10px rgba(0,0,0,.13);transform:translateY(-1px)}
.stat.aktif{outline:2px solid currentColor;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.stat-n{font-size:20px;font-weight:bold;color:#1a1a2e;line-height:1}
.stat-l{font-size:10px;color:#888;margin-top:3px;white-space:nowrap}
.berber-tabs{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto;padding-bottom:4px}
.berber-tab{padding:7px 16px;border:2px solid #ddd;border-radius:20px;background:white;cursor:pointer;font-size:12px;font-weight:bold;white-space:nowrap;color:#888;transition:all .15s}
.berber-tab.aktif{border-color:#1a1a2e;color:#1a1a2e;background:#e8eaf6}
.gun-plani-wrap{background:white;border-radius:12px;margin:0 0 12px;box-shadow:0 1px 4px rgba(0,0,0,.08);overflow:hidden}
.gun-plani-baslik{padding:13px 16px;font-weight:bold;font-size:15px;color:#1a1a2e;display:flex;align-items:center;gap:8px;border-bottom:1px solid #f0f0f0;background:#f8f9ff}
.berber-plan-blok{padding:12px 16px;border-bottom:1px solid #f0f0f0}
.berber-plan-blok:last-child{border-bottom:none}
.berber-plan-isim{font-size:13px;font-weight:bold;margin-bottom:8px;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.5px}
.berber-plan-slot{display:flex;align-items:flex-start;gap:10px;padding:6px 0;font-size:14px;border-left:3px solid #eee;padding-left:10px;margin-left:4px}
.berber-plan-saat{font-weight:bold;color:#1a1a2e;min-width:46px;font-size:14px}
.berber-plan-musteri{color:#333;font-weight:600;font-size:14px}
.vip-badge{display:inline;margin-right:3px;font-size:13px}
.berber-plan-hizmet{color:#888;font-size:13px}
.randevu-kart{background:white;border-radius:12px;padding:14px;border-left:5px solid #ddd;margin-bottom:10px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
html[dir=rtl] .randevu-kart{border-left:none;border-right:5px solid #ddd}
html[dir=rtl] .dukkan-kart{border-left:none;border-right:5px solid #ddd}
html[dir=rtl] .dukkan-kart.aktif-dukkan{border-right-color:#4caf50}
html[dir=rtl] .dukkan-kart.pasif-dukkan{border-right-color:#ff9800}
html[dir=rtl] .dukkan-kart.devre-dukkan{border-right-color:#f44336}
.randevu-kart.bekliyor{border-left-color:#ff9800}
.randevu-kart.onaylandi{border-left-color:#4caf50}
.randevu-kart.reddedildi{border-left-color:#f44336}
html[dir=rtl] .randevu-kart.bekliyor{border-right-color:#ff9800}
html[dir=rtl] .randevu-kart.onaylandi{border-right-color:#4caf50}
html[dir=rtl] .randevu-kart.reddedildi{border-right-color:#f44336}
.randevu-ust{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.randevu-isim{font-size:15px;font-weight:bold}
.randevu-saat{font-size:17px;font-weight:bold;color:#1a1a2e}
.randevu-tel{font-size:11px;color:#888;margin-top:2px}
.randevu-detay{font-size:12px;color:#444;margin-bottom:8px;font-weight:500}
.durum-pill{display:inline-block;font-size:11px;font-weight:bold;padding:3px 10px;border-radius:20px;margin-bottom:8px}
.durum-pill.bekliyor{background:#fff3e0;color:#e65100}
.durum-pill.onaylandi{background:#e8f5e9;color:#2e7d32}
.durum-pill.reddedildi{background:#ffebee;color:#c62828}
.butonlar{display:flex;gap:8px}
.btn{flex:1;padding:11px;border:none;border-radius:8px;font-size:13px;font-weight:bold;cursor:pointer;transition:transform .1s}
.btn:active{transform:scale(.96)}
.btn-onayla{background:#4caf50;color:white}
.btn-reddet{background:#f44336;color:white}
.btn-geri{background:#9e9e9e;color:white}
.bos{text-align:center;padding:30px;color:#aaa;font-size:14px}
.randevu-wrap{padding:14px}
.filtre-bar2{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto;padding-bottom:4px}
.filtre-btn2{padding:7px 14px;border:2px solid #ddd;border-radius:20px;background:white;cursor:pointer;font-size:12px;font-weight:bold;white-space:nowrap;color:#888;transition:all .15s}
.filtre-btn2.aktif{border-color:#1a1a2e;color:#1a1a2e;background:#e8eaf6}
/* A4d: ayarlar kategori sekmeleri - minimalist premium */
#ayarlar-icerik[data-ak-active] .ayar-kart[data-ak]{display:none!important}
#ayarlar-icerik[data-ak-active="dukkan"] .ayar-kart[data-ak="dukkan"]{display:block!important}
#ayarlar-icerik[data-ak-active="ekip"] .ayar-kart[data-ak="ekip"]{display:block!important}
#ayarlar-icerik[data-ak-active="isletme"] .ayar-kart[data-ak="isletme"]{display:block!important}
#ayarlar-icerik[data-ak-active="hesap"] .ayar-kart[data-ak="hesap"]{display:block!important}
.ayar-kat-bar{display:flex;gap:0;margin:0 0 20px;border-bottom:1px solid rgba(250,246,240,0.08);background:transparent;padding:0}
.ayar-kat-tab{flex:1;padding:14px 10px;border:none;background:transparent;color:rgba(250,246,240,0.45)!important;border-bottom:2px solid transparent;font-family:var(--v5-mono,"JetBrains Mono",monospace);font-size:11px;font-weight:500;letter-spacing:1.8px;text-transform:uppercase;cursor:pointer;transition:color .18s ease,border-color .18s ease;margin-bottom:-1px}
.ayar-kat-tab:hover:not(.aktif){color:rgba(250,246,240,0.85)!important}
.ayar-kat-tab.aktif{color:#FAF6F0!important;border-bottom-color:var(--v5-red,#9B1D20)!important}
.ayar-wrap{padding:14px}
.ayar-kart{background:white;border-radius:12px;margin-bottom:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.ayar-baslik{padding:12px 16px;font-size:13px;font-weight:bold;color:#888;background:#f8f8f8;border-bottom:1px solid #eee}
.ayar-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #f0f0f0;font-size:13px}
.ayar-item:last-child{border-bottom:none}
.ayar-label{color:#1a1a2e}
.ayar-item input[type=text],.ayar-item input[type=time],.ayar-item input[type=tel]{border:1px solid #ddd;border-radius:6px;padding:6px 10px;font-size:13px;width:150px;text-align:start;direction:inherit}
.ayar-item input[type=time],.ayar-item input[type=tel]{direction:ltr;text-align:left}
html[dir=rtl] .ayar-item input[type=time],html[dir=rtl] .ayar-item input[type=tel]{text-align:right}
.toggle{width:44px;height:24px;background:#ddd;border-radius:12px;cursor:pointer;position:relative;transition:.2s;flex-shrink:0}
.toggle.on{background:#4caf50}
.toggle::after{content:'';width:20px;height:20px;background:white;border-radius:50%;position:absolute;top:2px;left:2px;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.toggle.on::after{left:22px}
html[dir=rtl] .toggle::after{left:auto;right:2px}
html[dir=rtl] .toggle.on::after{right:22px}
.hizmet-item{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #f0f0f0}
.hizmet-item:last-child{border-bottom:none}
.hizmet-isim{flex:1;font-size:14px}
.hizmet-fiyat{font-size:14px;font-weight:bold;color:#1a1a2e;margin-right:4px}
.kk-btn{padding:5px 10px;border:none;border-radius:6px;cursor:pointer;font-size:11px;font-weight:bold}
.berber-kart-ayar{background:white;border-radius:12px;margin-bottom:10px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.berber-kart-sahip{border:1px solid rgba(155,29,32,0.25);box-shadow:0 2px 10px rgba(155,29,32,0.08)}
.b-owner-badge{display:inline-block;margin-left:8px;padding:2px 8px;background:#9B1D20;color:#fff;font-size:9px;font-weight:600;letter-spacing:1px;border-radius:3px;vertical-align:middle;font-family:'JetBrains Mono',monospace}
.berber-kart-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #f0f0f0}
.b-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:bold;color:white;flex-shrink:0}
.b-isim{font-size:14px;font-weight:bold;color:#1a1a2e;flex:1}
.b-durum{font-size:11px;margin-top:2px}
.mesai-satir{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid #f0f0f0;flex-wrap:wrap}
.mesai-label{font-size:12px;color:#666;min-width:50px}
.mesai-input{border:1px solid #ddd;border-radius:6px;padding:5px 8px;font-size:12px;width:86px}
.mola-satir{display:flex;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid #f0f0f0;background:#fffde7}
.mola-sil{background:#ffebee;color:#c62828;border:none;border-radius:6px;padding:4px 8px;cursor:pointer;font-size:11px;font-weight:bold;margin-left:auto}
html[dir=rtl] .mola-sil{margin-left:0;margin-right:auto}
.yetki-satir{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;border-bottom:1px solid #f0f0f0;font-size:12px;color:#444}
.yetki-satir:last-child{border-bottom:none}
.ekle-btn{width:100%;padding:12px;background:#1a1a2e;color:white;border:none;border-radius:8px;font-size:14px;font-weight:bold;cursor:pointer;margin-top:8px}
.kaydet-btn{width:100%;padding:13px;background:#4caf50;color:white;border:none;border-radius:8px;font-size:14px;font-weight:bold;cursor:pointer;margin-top:4px}
.dil-bar{background:#0f3460;padding:8px 14px;display:flex;gap:6px;align-items:center}
.dil-btn{padding:4px 12px;border:1.5px solid rgba(255,255,255,.3);border-radius:20px;background:transparent;color:rgba(255,255,255,.7);font-size:11px;font-weight:bold;cursor:pointer;transition:all .15s}
.dil-btn.aktif{background:white;color:#1a1a2e;border-color:white}
.giris-dil-btn{padding:5px 10px;border:1.5px solid rgba(255,255,255,.35);border-radius:16px;background:transparent;color:rgba(255,255,255,.5);font-size:11px;font-weight:bold;cursor:pointer;transition:all .15s}
.giris-dil-btn.aktif{background:white;color:#1a1a2e;border-color:white}
.paket-kart{background:white;border-radius:12px;padding:16px;margin-bottom:10px;border:2px solid #ddd;cursor:pointer}
.paket-kart.standart{border-color:#4caf50}
.paket-kart.pro{border-color:#1e88e5}
.paket-kart.premium{border-color:#8e24aa}
.paket-baslik{font-size:15px;font-weight:bold;margin-bottom:4px}
.paket-fiyat{font-size:22px;font-weight:bold;margin:8px 0}
.paket-ozellik{font-size:12px;color:#666;line-height:1.8}
.talep-btn{width:100%;padding:11px;border:none;border-radius:8px;font-size:13px;font-weight:bold;cursor:pointer;margin-top:10px}

/* ===== ESKİ MODAL (artık kullanılmıyor, admin yeni dükkan formu için) ===== */
.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:300;display:none;align-items:flex-end;justify-content:center}
.modal-bg.goster{display:flex}
.modal{background:white;border-radius:20px 20px 0 0;padding:20px;width:100%;max-width:500px;max-height:88vh;overflow-y:auto}
.modal h3{font-size:16px;font-weight:bold;margin-bottom:16px;color:#1a1a2e}
.modal-kapat{background:#f0f0f0;color:#333;border:none;border-radius:8px;padding:12px;width:100%;cursor:pointer;font-size:14px;font-weight:bold;margin-top:8px}
.modal input[type=text],.modal input[type=email],.modal input[type=password],.modal input[type=tel],.modal input[type=number]{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;margin-bottom:8px}
.modal select{margin-bottom:8px;margin-top:0}
.pasif-banner{background:#ff9800;color:white;padding:10px 14px;font-size:12px;text-align:center;font-weight:bold}
.toplam-fiyat-box{background:#e8f5e9;border-radius:8px;padding:12px;text-align:center;margin:8px 0;font-size:14px;font-weight:bold;color:#2e7d32;display:none}
@keyframes toastIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
#onboarding-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,0.85);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px)}
.ob-card{background:#111;border:1px solid rgba(155,29,32,0.4);border-radius:16px;padding:2.5rem 2rem;max-width:400px;width:90%;text-align:center;position:relative}
.ob-ico{width:48px;height:48px;border-radius:50%;background:var(--v5-red,#9B1D20);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;margin-bottom:1rem}
.ob-card h2{color:#fff;font-size:1.2rem;margin-bottom:0.6rem}
.ob-card p{color:rgba(255,255,255,0.6);font-size:0.85rem;line-height:1.6;margin-bottom:1.5rem}
.ob-btn{background:var(--v5-red,#9B1D20);color:#fff;border:none;padding:0.7rem 2rem;border-radius:6px;font-size:0.85rem;font-weight:600;cursor:pointer;transition:all .2s}
.ob-btn:hover{opacity:0.9;transform:translateY(-1px)}
.ob-skip{position:absolute;top:1rem;right:1rem;background:none;border:none;color:rgba(255,255,255,0.35);font-size:0.75rem;cursor:pointer}
.ob-skip:hover{color:#fff}
.elle-ekle-btn{width:32px;height:32px;border-radius:50%;background:var(--v5-red,#9B1D20);color:#fff;border:none;font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:auto;flex-shrink:0;transition:all .2s}
.elle-ekle-btn:hover{transform:scale(1.1);box-shadow:0 2px 8px rgba(155,29,32,0.4)}






.l-lead-input::placeholder{color:rgba(255,255,255,0.3)}

.l-lead-btn:hover{opacity:0.9}


/* ═══════════════════════════════════════════════════════════════════
   V5 LUXURY THEME — HallaqOS 2026 Redesign
   Design tokens + landing page + panel overrides
   ═══════════════════════════════════════════════════════════════════ */
:root{
  --v5-red:#9B1D20;
  --v5-red-soft:rgba(155,29,32,0.08);
  --v5-black:#080808;
  --v5-ink:#0f0f14;
  --v5-warm:#FAF6F0;
  --v5-mid:#555;
  --v5-faded:#999;
  --v5-serif:'Instrument Serif',Georgia,serif;
  --v5-sans:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;
  --v5-mono:'JetBrains Mono','Space Mono',monospace;
  --hq-safe-top:env(safe-area-inset-top,0px);
  --hq-pwa-top-inset:env(safe-area-inset-top,0px);
}
@media(display-mode:standalone){
  :root{--hq-pwa-top-inset:42px}
  @supports (padding-top:max(1px,2px)){
    :root{--hq-pwa-top-inset:max(env(safe-area-inset-top,0px),42px)}
  }
  @supports (-webkit-touch-callout:none){
    :root{--hq-pwa-top-inset:64px}
  }
  @supports (-webkit-touch-callout:none) and (padding-top:max(1px,2px)){
    :root{--hq-pwa-top-inset:max(env(safe-area-inset-top,0px),64px)}
  }
}
html.pwa-standalone{
  --hq-pwa-top-inset:42px;
}
html.ios-pwa{
  --hq-pwa-top-inset:64px;
}
@supports (padding-top:max(1px,2px)){
  html.pwa-standalone{--hq-pwa-top-inset:max(env(safe-area-inset-top,0px),42px)}
  html.ios-pwa{--hq-pwa-top-inset:max(env(safe-area-inset-top,0px),64px)}
}

/* Body typography uplift */
body{font-family:var(--v5-sans)!important;-webkit-font-smoothing:antialiased;color:#1a1a1a}

/* ══════ LANDING PAGE ══════ */
#landing-page{
  position:fixed;inset:0;z-index:900;
  background:var(--v5-black);
  color:var(--v5-warm);
  overflow-y:auto;overflow-x:hidden;
  font-family:var(--v5-sans);
  -webkit-font-smoothing:antialiased;
  /* Native pull-to-refresh engeli; custom yenileme sadece PWA JS blogunda calisir. */
  overscroll-behavior-y:none;
  -webkit-overflow-scrolling:touch;
  /* SEC-AUDIT iOS FIX: viewport-fit=cover altinda icerik notch/status-bar bolgesine girmesin */
  padding-top:var(--hq-safe-top,env(safe-area-inset-top,0px));
  padding-left:env(safe-area-inset-left,0px);
  padding-right:env(safe-area-inset-right,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
html,body{overscroll-behavior-y:none;overflow:hidden}
/* Body padding'i zaten safe-area icin, ama overflow-hidden landing-page scroll'unu bozmaz. */
#landing-page *{box-sizing:border-box}

.l-nav{
  position:fixed;top:0;left:0;right:0;z-index:910;
  display:none;align-items:center;justify-content:space-between;
  /* SEC-AUDIT: iOS notch safe-area padding — logo ve butonlar notch altına düşmesin */
  padding:calc(1.1rem + var(--hq-safe-top,env(safe-area-inset-top,0px))) calc(2.5rem + env(safe-area-inset-right,0px)) 1.1rem calc(2.5rem + env(safe-area-inset-left,0px));
  background:rgba(10,10,10,0.96);
  -webkit-backdrop-filter:blur(10px) saturate(140%);
  backdrop-filter:blur(10px) saturate(140%);
  border-bottom:1px solid rgba(255,255,255,0.06);
  /* iOS Safari PWA fix: fixed-in-fixed-scroll render bug — kendi stacking context */
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  will-change:transform;
}
body.landing-visible > .l-nav,
body:has(#landing-page:not([style*="display:none"]):not([style*="display: none"])) > .l-nav{
  display:flex!important;
}
/* iOS FIX: Status bar filler — nav'in ALTINDA kalsin (nav z-index:910, bu 800). */
body::before{
  content:"";
  position:fixed;top:0;left:0;right:0;
  height:var(--hq-safe-top,env(safe-area-inset-top,0px));
  background:#080808;
  z-index:800;pointer-events:none;
}
.l-logo{
  display:flex;align-items:center;gap:0.6rem;
  text-decoration:none;color:#fff;
  font-family:var(--v5-serif);
  font-size:1.4rem;
}
.l-logo svg{width:26px;height:26px;flex-shrink:0}
.l-logo .lg-text{font-family:var(--v5-serif);letter-spacing:-0.5px}
.l-logo .lg-text i{font-style:italic;opacity:0.55;font-weight:400}
.l-nav-right{display:flex;align-items:center;gap:0.7rem}
.l-nav-right a,.l-nav-right button.ln-btn{
  font-size:0.72rem;color:#fff!important;
  text-decoration:none;background:none;
  border:1px solid rgba(255,255,255,0.25)!important;
  padding:0.5rem 1.1rem;border-radius:4px;
  cursor:pointer;letter-spacing:1.2px;text-transform:uppercase;
  font-family:var(--v5-sans);font-weight:500;
  transition:all .3s;
}
.l-nav-right a:hover{border-color:rgba(255,255,255,0.7)!important;background:rgba(255,255,255,0.06)!important}
.l-nav-right .ln-login{border-color:#9B1D20!important;background:rgba(155,29,32,0.12)!important}
.l-nav-right .ln-login:hover{border-color:#c42528!important;background:rgba(155,29,32,0.25)!important}
.l-nav-right .ln-go{border-color:#22c55e!important;background:rgba(34,197,94,0.1)!important}
.l-nav-right .ln-go:hover{border-color:#4ade80!important;background:rgba(34,197,94,0.2)!important}
/* Get Started CTA vurgulu — Pricing link kaldirildi, bu artik ana CTA */
.l-nav-right .ln-go-cta{background:#22c55e!important;color:#0a0a0a!important;border-color:#22c55e!important;padding:0.6rem 1.4rem!important;font-weight:700!important;box-shadow:0 0 14px rgba(34,197,94,0.35)!important}
.l-nav-right .ln-go-cta:hover{background:#4ade80!important;border-color:#4ade80!important;color:#0a0a0a!important;box-shadow:0 0 20px rgba(34,197,94,0.55)!important}

/* INTRO */
.l-intro{
  min-height:100vh;
  display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;padding:2rem;
}
.l-intro-lines{
  position:absolute;inset:0;
  display:flex;justify-content:space-evenly;
  pointer-events:none;
}
.l-intro-lines span{
  width:1px;background:rgba(155,29,32,0.08);
  height:0;animation:lineGrow 2s cubic-bezier(0.16,1,0.3,1) forwards;
}
.l-intro-lines span:nth-child(1){animation-delay:0s}
.l-intro-lines span:nth-child(2){animation-delay:0.1s}
.l-intro-lines span:nth-child(3){animation-delay:0.2s}
.l-intro-lines span:nth-child(4){animation-delay:0.3s}
.l-intro-lines span:nth-child(5){animation-delay:0.4s}
@keyframes lineGrow{to{height:100%}}

.l-giant-h{
  font-family:var(--v5-serif);
  font-size:28vw;line-height:0.8;
  color:transparent;
  -webkit-text-stroke:1px rgba(155,29,32,0.13);
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  pointer-events:none;
  opacity:0;
  animation:hReveal 2s ease forwards;
}
@keyframes hReveal{
  from{opacity:0;transform:translate(-50%,-50%) scale(0.85)}
  to{opacity:1;transform:translate(-50%,-50%) scale(1)}
}

.l-intro-content{text-align:center;position:relative;z-index:2;width:min(960px,calc(100vw - 2rem));max-width:960px}
.l-intro-tag{
  font-family:var(--v5-mono);
  font-size:0.72rem;letter-spacing:4px;
  text-transform:uppercase;color:#c42528;
  margin-bottom:1.35rem;
  opacity:1;animation:none;
}
.l-intro-title{
  font-family:var(--v5-serif);
  font-size:5.85rem;
  font-weight:400;letter-spacing:0;
  line-height:1.05;color:var(--v5-warm);
  opacity:1;animation:none;
}
.l-intro-title em{font-style:italic;color:var(--v5-red)}
.l-intro-sub{
  margin-top:1.5rem;
  font-size:1.18rem;color:rgba(255,255,255,0.64);
  font-weight:300;max-width:600px;
  margin-left:auto;margin-right:auto;line-height:1.6;
  opacity:1;animation:none;
}
.l-intro-cta{
  margin-top:2.5rem;
  display:inline-flex;align-items:center;gap:0.8rem;
  padding:1.1rem 2.5rem;background:var(--v5-red);color:#fff;
  border:none;font-size:0.9rem;font-weight:600;
  letter-spacing:1px;text-transform:uppercase;
  cursor:pointer;font-family:var(--v5-sans);
  opacity:1;animation:none;
  transition:all .4s;position:relative;
}
.l-intro-cta:hover{
  box-shadow:0 0 70px rgba(155,29,32,0.45);
  transform:translateY(-2px);
}
/* Multiple CTA row (FAZ 4.6) */
.l-intro-ctas{
  display:flex;flex-direction:column;gap:0.9rem;justify-content:center;align-items:center;
  flex-wrap:wrap;margin-top:2.5rem;
  opacity:1;animation:none;
}
.l-intro-ctas .l-intro-cta{margin-top:0;animation:none;opacity:1}
.l-intro-cta-row{display:flex;gap:0.8rem;flex-wrap:wrap;justify-content:center;align-items:center}
@media(max-width:520px){.l-intro-cta-row{flex-direction:column;width:100%;align-items:stretch}.l-intro-cta-row .l-intro-cta{width:100%;justify-content:center}}
.l-intro-cta-sub{font-family:var(--v5-mono,monospace);font-size:0.78rem;letter-spacing:1.4px;color:rgba(250,246,240,0.68);text-transform:uppercase;text-align:center}
.l-intro-cta.outline{
  background:transparent;color:var(--v5-warm);
  border:1px solid rgba(255,255,255,0.25);
}
.l-intro-cta.outline:hover{
  border-color:var(--v5-red);color:#fff;
  box-shadow:0 0 40px rgba(155,29,32,0.25);
}
.l-intro-trust{
  display:flex;justify-content:center;gap:1.3rem;
  margin-top:1.5rem;flex-wrap:wrap;
  font-family:var(--v5-mono);font-size:0.68rem;
  color:rgba(255,255,255,0.58);letter-spacing:1.5px;
  text-transform:uppercase;
  opacity:1;animation:none;
}
.l-intro-trust span{display:inline-flex;align-items:center;gap:0.4rem}
.l-intro-trust span::before{
  content:'';width:4px;height:4px;border-radius:50%;
  background:var(--v5-red);
}

/* WHATSAPP ADVANTAGE (CRO 5/8) */
.l-card-wa{position:sticky;top:0;background:#080808;color:#fff;z-index:27;padding:5rem 1.5rem;min-height:100vh;border-top:1px solid rgba(155,29,32,0.08)}
.l-wa-inner{display:grid;grid-template-columns:1fr;gap:2.5rem;max-width:1100px;align-items:center}
@media(min-width:880px){.l-wa-inner{grid-template-columns:1.1fr 0.9fr}}
.l-wa-eyebrow{font-family:var(--v5-mono,monospace);font-size:0.72rem;letter-spacing:2.5px;color:#25d366;text-transform:uppercase;margin-bottom:0.8rem}
.l-card-wa h2{font-family:var(--v5-serif);font-size:clamp(1.8rem,3.2vw,2.6rem);font-weight:400;letter-spacing:-1px;line-height:1.15;margin-bottom:1rem;color:#fff}
.l-card-wa h2 em{font-style:italic;color:#25d366}
.l-card-wa p{font-size:1rem;line-height:1.7;color:rgba(255,255,255,0.85);max-width:520px;margin-bottom:1.5rem;font-weight:300}
.l-wa-compare{display:flex;flex-direction:column;gap:0.8rem;margin-top:1.5rem}
.l-wa-row{display:flex;flex-direction:column;gap:0.2rem;padding:0.9rem 1rem;border-radius:8px;font-size:0.9rem;line-height:1.5}
.l-wa-row strong{font-weight:700;font-size:0.78rem;letter-spacing:1px;text-transform:uppercase;opacity:0.9}
.l-wa-bad{background:rgba(255,255,255,0.06);border-left:3px solid #c7423a}
.l-wa-good{background:rgba(37,211,102,0.12);border-left:3px solid #25d366}
.l-wa-phone{background:#0a1612;border-radius:18px;padding:1.4rem 1.2rem;display:flex;flex-direction:column;gap:0.6rem;max-width:380px;margin:0 auto;box-shadow:0 30px 60px rgba(0,0,0,0.5)}
.l-wa-msg{padding:0.7rem 0.95rem;border-radius:14px;font-size:0.88rem;line-height:1.45;max-width:80%}
.l-wa-msg.me{background:#dcf8c6;color:#000;align-self:flex-end;border-bottom-right-radius:4px}
.l-wa-msg.bot{background:rgba(255,255,255,0.95);color:#000;align-self:flex-start;border-bottom-left-radius:4px}

/* TESTIMONIALS (CRO 6/8) */






@media(min-width:780px){}

.l-test-item:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(155,29,32,0.12)}



.l-test-author strong{color:var(--v5-black);font-weight:600;display:block;margin-bottom:2px}


.l-test-avatar.a2{background:linear-gradient(135deg,#0e3a2c,#25d366)}
.l-test-avatar.a3{background:linear-gradient(135deg,#3d2817,#8b5a2b)}

.l-test-verified svg{width:10px;height:10px;flex-shrink:0;fill:currentColor}

/* HOW IT WORKS (CRO 4/8) */
.l-card-how{position:sticky;top:0;background:var(--v5-warm);color:var(--v5-black);z-index:23;padding:5rem 1.5rem;min-height:100vh}
.l-card-how .l-inner{max-width:1100px;text-align:center}
.l-how-eyebrow{font-family:var(--v5-mono,monospace);font-size:0.72rem;letter-spacing:2.5px;color:var(--v5-red);text-transform:uppercase;margin-bottom:0.8rem}
.l-card-how h2{font-family:var(--v5-serif);font-size:clamp(2rem,3.5vw,3rem);font-weight:400;letter-spacing:-1.5px;line-height:1.15;margin-bottom:3rem;color:var(--v5-black)}
.l-card-how h2 em{font-style:italic;color:var(--v5-red)}
.l-how-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:980px;margin:0 auto}
@media(min-width:980px){.l-how-steps{grid-template-columns:repeat(4,1fr)}}
.l-how-step{padding:1.8rem 1.4rem;border:1px solid rgba(155,29,32,0.15);background:#fff;border-radius:2px;text-align:left;position:relative;transition:transform .25s, box-shadow .25s}
.l-how-step:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(155,29,32,0.12);border-color:rgba(155,29,32,0.35)}
.l-how-num{font-family:var(--v5-serif);font-size:2.4rem;font-weight:400;color:var(--v5-red);line-height:1;margin-bottom:0.6rem;opacity:0.85}
.l-how-step h4{font-family:var(--v5-serif);font-size:1.05rem;font-weight:500;color:var(--v5-black);margin-bottom:0.5rem;line-height:1.25}
.l-how-step p{font-size:0.85rem;color:var(--v5-mid);line-height:1.55;margin:0}

/* Mid-page CTA band (FAZ 4.6) */

.l-cta-band::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at center, rgba(155,29,32,0.12) 0%, transparent 60%);
  pointer-events:none;
}







.l-cta-band-btn:hover{
  box-shadow:0 10px 40px rgba(155,29,32,0.45);
  transform:translateY(-2px);
}
.l-cta-band-btn.outline{
  background:transparent;border:1px solid rgba(255,255,255,0.2);
  color:var(--v5-warm);
}
.l-cta-band-btn.outline:hover{
  border-color:var(--v5-red);color:#fff;
  box-shadow:0 0 40px rgba(155,29,32,0.25);
}

@keyframes v5Bob{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}
@keyframes v5FadeIn{to{opacity:1}}

/* STACKING CARDS */
.l-stack{position:relative}
.l-card{
  position:sticky;top:0;
  display:flex;align-items:center;justify-content:center;
  padding:2rem 3rem;
}
.l-card .l-inner{width:100%;max-width:1000px}

.l-card-problem{background:var(--v5-warm);color:var(--v5-black);z-index:10}
.l-card-problem .l-inner{
  max-width:860px;
  display:grid;grid-template-columns:auto 1fr;
  gap:4rem;align-items:center;
}
.l-big-num{
  font-family:var(--v5-serif);
  font-size:12rem;line-height:0.85;
  color:var(--v5-red);opacity:0.18;font-weight:400;
}
.l-card-problem h2{
  font-family:var(--v5-serif);
  font-size:clamp(2rem,3.8vw,3.2rem);
  font-weight:400;letter-spacing:-1.5px;
  margin-bottom:1rem;line-height:1.15;
}
.l-card-problem h2 em{font-style:italic;color:var(--v5-red)}
.l-card-problem p{
  font-size:1rem;color:var(--v5-mid);
  line-height:1.8;font-weight:300;max-width:460px;
}
/* CRO: 4 pain point grid */
.l-prob-wrap{width:100%}
.l-prob-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem;margin-top:1.2rem}
.l-prob-item{padding:1.2rem 1.3rem;background:rgba(155,29,32,0.04);border:1px solid rgba(155,29,32,0.18);border-left:3px solid var(--v5-red);border-radius:2px}
.l-prob-emoji{font-size:1.8rem;margin-bottom:0.5rem;line-height:1}
.l-prob-item h4{font-family:var(--v5-serif);font-size:1.05rem;font-weight:500;color:var(--v5-black);margin-bottom:0.4rem;line-height:1.25}
.l-prob-item p{font-size:0.85rem;color:var(--v5-mid);line-height:1.55;margin:0;max-width:none}
@media (max-width:680px){.l-prob-grid{grid-template-columns:1fr}.l-card-problem .l-inner{grid-template-columns:1fr;gap:1.5rem}.l-big-num{font-size:6rem;text-align:center}}

.l-card-solution{background:var(--v5-red);color:#fff;z-index:20}
.l-card-solution .l-inner{text-align:center}
.l-card-solution h2{
  font-family:var(--v5-serif);
  font-size:clamp(2.5rem,5vw,4rem);
  font-weight:400;letter-spacing:-2px;
  line-height:1.1;margin-bottom:1rem;
}
.l-card-solution h2 em{font-style:italic}
.l-sol-intro{font-size:1rem;color:rgba(255,255,255,0.78);font-weight:300;line-height:1.65;max-width:640px;margin:1rem auto 0}
.l-sol-features{
  display:grid;grid-template-columns:repeat(2,1fr);gap:0;
  border:1px solid rgba(255,255,255,0.15);
  margin-top:2.5rem;max-width:920px;margin-left:auto;margin-right:auto;
}
@media (min-width:980px){.l-sol-features{grid-template-columns:repeat(4,1fr)}}
.l-sol-feat{
  flex:1;padding:2rem 1.4rem;
  border-right:1px solid rgba(255,255,255,0.15);
  transition:background .4s;
}
.l-sol-feat:last-child{border-right:none}
.l-sol-feat:hover{background:rgba(0,0,0,0.12)}
.l-sol-feat .ico{font-size:1.5rem;margin-bottom:0.8rem;display:block;width:32px;height:32px;flex-shrink:0}
.l-sol-feat .ico svg{width:100%!important;height:100%!important;display:block;max-width:32px;max-height:32px}
.l-sol-feat h4{
  font-family:var(--v5-serif);
  font-size:1.12rem;font-weight:400;margin-bottom:0.4rem;
}
.l-sol-feat p{
  font-size:0.76rem;color:rgba(255,255,255,0.58);
  font-weight:300;line-height:1.6;
}






50%{transform:scale(1.08);opacity:1}}


.l-demo-ph-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(155,29,32,0.55)}
.l-demo-frame iframe,.l-demo-frame video{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:640px){}

/* CRO: Live-demo mockup (replaces placeholder — CSS-animated phone→panel flow) */





@media(max-width:720px){}





.l-demo-phone-status:before{content:"";width:6px;height:6px;background:#22ff8a;border-radius:50%;display:inline-block;animation:demoPulseDot 1.6s ease-in-out infinite}
@keyframes demoPulseDot{0%,100%{opacity:0.5;transform:scale(0.85)}50%{opacity:1;transform:scale(1.1)}}

.l-demo-phone-msg.me{align-self:flex-end;background:#dcf8c6;color:#111;border-bottom-right-radius:2px}
.l-demo-phone-msg.bot{align-self:flex-start;background:#fff;color:#111;border-bottom-left-radius:2px}
.l-demo-phone-msg.a1{animation:demoMsgIn 0.45s ease 0.6s forwards}
.l-demo-phone-msg.a2{animation:demoMsgIn 0.45s ease 1.9s forwards}
.l-demo-phone-msg.a3{animation:demoMsgIn 0.45s ease 3.1s forwards}
.l-demo-phone-msg.a4{animation:demoMsgIn 0.45s ease 4.3s forwards}
@keyframes demoMsgIn{0%{opacity:0;transform:translateY(10px) scale(0.96)}100%{opacity:1;transform:translateY(0) scale(1)}}

@keyframes demoArrowPulse{0%,100%{opacity:0.35;transform:translateX(0)}50%{opacity:1;transform:translateX(6px)}}



.l-demo-panel-row.a1{animation:demoRowIn 0.45s ease 0.9s forwards}
.l-demo-panel-row.a2{animation:demoRowIn 0.45s ease 1.5s forwards}
.l-demo-panel-row.new{background:linear-gradient(90deg,rgba(155,29,32,0.10),rgba(155,29,32,0.02));border:1px solid rgba(155,29,32,0.28);animation:demoRowIn 0.6s ease 4.6s forwards,demoRowFlash 1.4s ease 4.6s}
@keyframes demoRowIn{0%{opacity:0;transform:translateX(-12px)}100%{opacity:1;transform:translateX(0)}}
@keyframes demoRowFlash{0%,20%{box-shadow:0 0 0 5px rgba(155,29,32,0.28)}100%{box-shadow:0 0 0 0 rgba(155,29,32,0)}}



.l-demo-cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(155,29,32,0.52)}

.l-card-testi{background:#0f0c0a;color:var(--v5-warm);z-index:37}
.l-card-testi .l-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem}
.l-card-testi h2{font-family:var(--v5-serif);font-size:clamp(2rem,3.8vw,3.2rem);font-weight:400;letter-spacing:-1.5px}
.l-card-testi h2 em{font-style:italic;color:var(--v5-red)}
.l-testi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}
.l-testi-card{
  background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);
  border-radius:14px;padding:1.8rem 1.6rem;position:relative;
  transition:border-color .3s, transform .3s;
}
.l-testi-card:hover{border-color:rgba(155,29,32,0.35);transform:translateY(-3px)}
.l-testi-q{
  font-family:var(--v5-serif);font-size:4rem;line-height:0.7;
  color:rgba(155,29,32,0.35);position:absolute;top:0.8rem;left:1rem;
}
.l-testi-body{
  font-family:var(--v5-sans);font-size:0.92rem;line-height:1.55;
  color:rgba(255,255,255,0.82);margin:1rem 0 1.3rem;padding-left:0.2rem;
  position:relative;z-index:2;
}
.l-testi-foot{display:flex;align-items:center;gap:0.8rem;border-top:1px solid rgba(255,255,255,0.06);padding-top:1rem}
.l-testi-av{
  width:38px;height:38px;border-radius:50%;
  background:linear-gradient(135deg,#9B1D20 0%,#4a0d0f 100%);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--v5-serif);font-size:1.1rem;color:#fff;font-weight:600;
  flex-shrink:0;
}
.l-testi-meta{font-size:0.78rem}
.l-testi-name{color:var(--v5-warm);font-weight:600}
.l-testi-shop{color:rgba(255,255,255,0.5);margin-top:2px}
[dir="rtl"] .l-testi-q{left:auto;right:1rem}

/* Competitor comparison table (FAZ 4.4) */





.l-compare-wrap{border:1px solid rgba(0,0,0,0.08);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 12px 40px rgba(0,0,0,0.06)}
.l-compare-table{width:100%;border-collapse:collapse}
.l-compare-table th,.l-compare-table td{
  padding:1rem 1.1rem;text-align:center;
  border-bottom:1px solid rgba(0,0,0,0.06);
  border-right:1px solid rgba(0,0,0,0.06);
  font-size:0.82rem;vertical-align:middle;
}
.l-compare-table th:last-child,.l-compare-table td:last-child{border-right:none}
.l-compare-table tr:last-child td{border-bottom:none}
.l-compare-table thead th{
  font-family:var(--v5-mono);font-size:0.62rem;letter-spacing:1.5px;
  text-transform:uppercase;color:var(--v5-mid);
  padding:1.2rem 1rem;background:rgba(0,0,0,0.04);font-weight:700;
}
.l-compare-table thead th
.l-compare-table tbody th{
  text-align:left;font-weight:500;
  color:var(--v5-black);font-family:var(--v5-sans);
  font-size:0.85rem;padding-left:1.3rem;
  background:rgba(0,0,0,0.02);
}
.l-compare-table tbody td{color:rgba(0,0,0,0.55);font-family:var(--v5-sans)}
.l-compare-table tbody td


.l-cmp-yes.red{background:rgba(155,29,32,0.14);color:var(--v5-red)}

[dir="rtl"] .l-compare-table tbody th{text-align:right;padding-left:1rem;padding-right:1.3rem}
@media(max-width:720px){
  .l-compare-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .l-compare-table{min-width:560px}
  .l-compare-table th,.l-compare-table td{padding:0.7rem 0.6rem;font-size:0.72rem}
  .l-compare-table tbody th{font-size:0.74rem;padding-left:0.9rem}
  .l-compare-table thead th{font-size:0.55rem;padding:0.9rem 0.5rem}
}

/* FAQ section (FAZ 4.5) */
.l-card-faq{background:#0d0a08;color:var(--v5-warm);z-index:40;position:relative!important}
.l-card-faq .l-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem}
.l-card-faq h2{font-family:var(--v5-serif);font-size:clamp(2rem,3.8vw,3.2rem);font-weight:400;letter-spacing:-1.5px;color:var(--v5-warm)}
.l-card-faq h2 em{font-style:italic;color:var(--v5-red)}
.l-card-faq .l-how-tag{color:rgba(250,246,240,0.55);border-color:rgba(255,255,255,0.18)}
.l-faq-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:0}
.l-faq-item{
  border-bottom:1px solid rgba(255,255,255,0.08);
  padding:0;
}
.l-faq-item:first-child{border-top:1px solid rgba(255,255,255,0.08)}
.l-faq-q{
  width:100%;background:none;border:none;cursor:pointer;
  padding:1.4rem 0.3rem;display:flex;align-items:center;gap:1rem;
  font-family:var(--v5-sans);font-size:1rem;font-weight:500;
  color:var(--v5-warm);text-align:left;
  transition:color .3s;
}
.l-faq-q:hover{color:var(--v5-red)}
.l-faq-q-text{flex:1}
.l-faq-ico{
  width:24px;height:24px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  color:var(--v5-red);font-size:1.4rem;
  transition:transform .35s cubic-bezier(.4,0,.2,1);
  font-family:var(--v5-mono);font-weight:300;
}
.l-faq-item.open .l-faq-ico{transform:rotate(45deg)}
.l-faq-a{
  max-height:0;overflow:hidden;
  transition:max-height .4s ease, padding .4s ease;
  color:rgba(250,246,240,0.68);font-size:0.92rem;line-height:1.65;
  padding:0 2.5rem 0 0.3rem;font-weight:300;
}
.l-faq-item.open .l-faq-a{
  max-height:400px;padding:0 2.5rem 1.5rem 0.3rem;
}
[dir="rtl"] .l-faq-q{text-align:right}
[dir="rtl"] .l-faq-a{padding:0 0.3rem 0 2.5rem}
[dir="rtl"] .l-faq-item.open .l-faq-a{padding:0 0.3rem 1.5rem 2.5rem}
@media(max-width:640px){
  .l-faq-q{font-size:0.9rem;padding:1.2rem 0.1rem;gap:0.7rem}
  .l-faq-a{font-size:0.85rem;padding-right:1.5rem}
  .l-faq-item.open .l-faq-a{padding:0 1.5rem 1.3rem 0.1rem}
}

/* Free onboarding call box (FAZ 4.8) */











[dir="rtl"] 
@media(max-width:640px){
  
  
  
}

/* OLD .l-card-how dark theme removed (CRO 4/8 has new section) */
.l-step h4{
  font-family:var(--v5-serif);
  font-size:1.2rem;font-weight:400;margin-bottom:0.5rem;
}
.l-step p{
  font-size:0.85rem;color:rgba(255,255,255,0.4);
  line-height:1.7;font-weight:300;
}

.l-card-pricing{background:var(--v5-warm);color:var(--v5-black);z-index:50;position:relative!important;top:auto!important;height:auto!important;min-height:auto!important;overflow:visible!important;padding-bottom:3rem!important}
.l-card-pricing h2{
  font-family:var(--v5-serif);
  font-size:clamp(2rem,3.8vw,3.2rem);
  font-weight:400;letter-spacing:-1.5px;margin-bottom:2.5rem;
}
.l-card-pricing h2 em{font-style:italic;color:var(--v5-red)}
.l-price-row{
  display:grid;grid-template-columns:repeat(3,1fr);gap:0;
  border:1px solid rgba(0,0,0,0.08);
}
.l-pr{
  padding:2.2rem 2rem;
  border-right:1px solid rgba(0,0,0,0.08);
  transition:all .4s;position:relative;
}
.l-pr:last-child{border-right:none}
/* All pricing cards share a unified black background (C8) */
.l-price-row{border:none!important;gap:1.5rem!important;background:transparent!important;perspective:1400px}
.l-price-row .l-pr{display:flex!important;flex-direction:column!important;background:var(--v5-black)!important;color:var(--v5-warm)!important;border:1px solid rgba(255,255,255,0.06)!important;border-right:1px solid rgba(255,255,255,0.06)!important;padding:2.4rem 1.9rem!important;position:relative}
.l-price-row .l-pr:last-child{border:none!important}
.l-price-row .l-pr .l-pr-name{color:rgba(255,255,255,0.42)!important;border:none!important;background:transparent!important;padding:0!important;font-weight:400!important}
.l-price-row .l-pr .l-pr-price{color:var(--v5-warm)!important}
.l-price-row .l-pr .l-pr-price .s,.l-price-row .l-pr .l-pr-billing,.l-price-row .l-pr .l-pr-mo{color:rgba(255,255,255,0.4)!important}
.l-price-row .l-pr .l-pr-desc{color:rgba(255,255,255,0.5)!important}
.l-price-row .l-pr .l-pr-li{color:rgba(255,255,255,0.72)!important;border-color:rgba(255,255,255,0.06)!important}
.l-price-row .l-pr .l-pr-note{color:rgba(255,160,140,0.55)!important}
.l-price-row .l-pr .l-pr-btn.line{background:transparent!important;border:1px solid rgba(255,255,255,0.25)!important;color:rgba(255,255,255,0.75)!important}
.l-price-row .l-pr .l-pr-btn.line:hover{border-color:#fff!important;color:#fff!important}
.l-price-row .l-pr .l-pr-btn.blk{background:transparent!important;border:1px solid rgba(255,255,255,0.3)!important;color:rgba(255,255,255,0.85)!important}
.l-price-row .l-pr .l-pr-btn.blk:hover{background:#fff!important;color:var(--v5-black)!important;border-color:#fff!important}
/* Pro card: red border only (no red fill) */
.l-price-row .l-pr.l-pr-featured{background:var(--v5-black)!important;color:var(--v5-warm)!important;border:2px solid var(--v5-red)!important;border-radius:0!important;position:relative;box-shadow:0 0 0 1px rgba(155,29,32,0.35),0 24px 60px rgba(155,29,32,0.22)!important;transform:scale(1.03)}
.l-pr-popular-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--v5-red);color:#fff;font-family:var(--v5-mono,monospace);font-size:0.65rem;letter-spacing:1.8px;font-weight:700;padding:5px 14px;border-radius:2px;text-transform:uppercase;white-space:nowrap;box-shadow:0 4px 12px rgba(155,29,32,0.4)}
.l-price-row .l-pr.l-pr-featured .l-pr-name{color:var(--v5-red)!important;border:none!important;background:transparent!important;padding:0!important}
.l-pr-featured .l-pr-btn{background:var(--v5-red)!important;color:#fff!important;font-weight:700!important;border:1px solid var(--v5-red)!important}
.l-pr-featured .l-pr-btn:hover{background:#c0252a!important;border-color:#c0252a!important;box-shadow:0 10px 30px rgba(155,29,32,0.45)!important}
.l-price-row .l-pr .l-pr-btn{margin-top:auto!important}
.l-pr-badge{
  position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  background:#fff;color:var(--v5-red);font-family:var(--v5-mono);
  font-size:0.6rem;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;
  padding:4px 14px;border-radius:20px;white-space:nowrap;
  box-shadow:0 2px 8px rgba(0,0,0,0.15);
}
/* Legacy .dark modifier retained for backward compat with non-pricing usages */
.l-pr.dark{background:var(--v5-black);color:var(--v5-warm)}
.l-pr.dark .l-pr-name{color:var(--v5-red);border-color:rgba(155,29,32,0.3)}
.l-pr.dark .l-pr-desc{color:rgba(255,255,255,0.4)}
.l-pr.dark .l-pr-li{color:rgba(255,255,255,0.5);border-color:rgba(255,255,255,0.05)}
.l-pr-pop{position:absolute;top:0;left:0;right:0;height:3px;background:var(--v5-red)}
.l-pr-name{
  font-family:var(--v5-serif);
  font-size:1rem;letter-spacing:4px;
  text-transform:uppercase;color:var(--v5-faded);
  display:block;padding:0;margin-bottom:1.2rem;
  font-weight:400;border:none;background:transparent;
}
.l-pr-price{
  font-family:var(--v5-serif);
  font-size:3rem;font-weight:400;
  letter-spacing:-2px;margin-bottom:0.3rem;line-height:1;
}
.l-pr-price .s{font-family:var(--v5-sans);font-size:0.85rem;color:var(--v5-faded)}
.l-pr-mo{font-size:0.7rem;color:var(--v5-faded);font-weight:300}
.l-pr-desc{
  font-size:0.82rem;color:var(--v5-mid);
  margin-bottom:1.3rem;font-weight:300;
}
.l-pr-ul{list-style:none;margin-bottom:1.8rem;padding:0}
.l-pr-li{
  padding:0.55rem 0;
  font-size:0.85rem;color:var(--v5-mid);
  display:flex;align-items:center;gap:0.6rem;
  border-bottom:1px solid rgba(0,0,0,0.04);
  font-weight:300;
}
.l-pr-li:last-child{border:none}
.l-pr-d{width:4px;height:4px;border-radius:50%;background:var(--v5-red);flex-shrink:0}
.l-pr-btn{
  width:100%;padding:0.85rem;
  font-size:0.75rem;font-weight:600;
  letter-spacing:1px;text-transform:uppercase;
  cursor:pointer;transition:all .4s;
  font-family:var(--v5-sans);border:none;
}
.l-pr-btn.fill{background:var(--v5-red);color:#fff}
.l-pr-btn.fill:hover{box-shadow:0 10px 30px rgba(155,29,32,0.35)}
.l-pr-btn.blk{background:var(--v5-black);color:#fff}
.l-pr-btn.blk:hover{background:var(--v5-red)}
.l-pr-btn.line{background:none;border:1px solid rgba(0,0,0,0.12);color:var(--v5-mid)}
.l-pr-btn.line:hover{border-color:var(--v5-red);color:var(--v5-red)}
.l-pr.dark .l-pr-btn.line{border-color:rgba(255,255,255,0.25)!important;color:rgba(255,255,255,0.7)!important}
.l-pr.dark .l-pr-btn.line:hover{border-color:#fff!important;color:#fff!important}
.l-pr-note{font-size:0.72rem;color:rgba(155,29,32,0.55);font-style:italic;margin-bottom:1rem}
.l-pr.dark .l-pr-note{color:rgba(255,160,140,0.5)}

/* Billing toggle monthly/yearly (FAZ 4.7) */
.l-billing-toggle{
  display:inline-flex;align-items:center;gap:0.3rem;
  background:rgba(0,0,0,0.05);border-radius:50px;
  padding:0.3rem;margin:0 auto 2rem;
  border:1px solid rgba(0,0,0,0.08);
}
.l-bill-btn{
  background:none;border:none;cursor:pointer;
  padding:0.45rem 0.7rem;border-radius:50px;
  font-family:var(--v5-mono);font-size:0.65rem;letter-spacing:1.5px;
  text-transform:uppercase;font-weight:700;
  color:var(--v5-mid);transition:all .3s;
  position:relative;
}
.l-bill-btn.on{background:var(--v5-black);color:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.25)}
.l-bill-btn .l-bill-save{
  display:inline-block;margin-left:0.45rem;
  background:var(--v5-red);color:#fff;
  padding:0.15rem 0.5rem;border-radius:50px;
  font-size:0.55rem;font-weight:700;letter-spacing:0.5px;
}
.l-bill-row{display:flex;justify-content:center;margin-bottom:0.5rem}
.l-pr-price-was{
  font-family:var(--v5-sans);font-size:1.05rem;font-weight:500;
  color:#e57373;text-decoration:line-through;
  text-decoration-color:var(--v5-red);text-decoration-thickness:2.5px;
  text-decoration-skip-ink:none;letter-spacing:-0.3px;
  margin-top:0.4rem;margin-bottom:0.2rem;display:block;
}
.l-pr.dark .l-pr-price-was{color:#ff8a80;text-decoration-color:#ff5252}
.l-pr-billing{
  font-family:var(--v5-mono);font-size:0.65rem;
  letter-spacing:1px;text-transform:uppercase;
  color:var(--v5-faded);margin-top:0.2rem;display:block;
}
.l-pr.dark .l-pr-billing{color:rgba(255,255,255,0.35)}
.l-pr-save{
  display:block;margin-top:0.3rem;font-family:var(--v5-mono);
  font-size:0.65rem;letter-spacing:0.5px;font-weight:700;
  color:#2e7d32;
}
.l-pr.dark .l-pr-save{color:#81c784}

/* Pricing guarantee + launch badges (FAZ 4.3) */
.l-pr-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}
.l-pr-top h2{margin-bottom:0!important}
.l-launch-badge{
  display:inline-flex;align-items:center;gap:0.5rem;
  background:linear-gradient(135deg,#9B1D20 0%,#6d0f12 100%);
  color:#fff;padding:0.55rem 1rem;border-radius:50px;
  font-family:var(--v5-mono);font-size:0.62rem;letter-spacing:2px;
  text-transform:uppercase;font-weight:700;
  box-shadow:0 6px 20px rgba(155,29,32,0.35);
  animation:launchPulse 2.5s ease-in-out infinite;
  flex-shrink:0;
}
.l-launch-badge::before{
  content:'';width:7px;height:7px;border-radius:50%;
  background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,0.8);
  animation:launchDot 1.5s ease-out infinite;
}
@keyframes launchPulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes launchDot{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.8)}100%{box-shadow:0 0 0 8px rgba(255,255,255,0)}}
.l-guarantee-row{
  display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 2rem;
  margin-top:2.5rem;padding-top:2rem;
  border-top:1px solid rgba(0,0,0,0.08);
}
.l-guar-item{
  display:flex;align-items:center;gap:0.7rem;
  font-family:var(--v5-mono);font-size:0.68rem;letter-spacing:1.5px;
  text-transform:uppercase;color:var(--v5-mid);font-weight:600;
}
.l-guar-ico{
  width:32px;height:32px;border-radius:50%;
  background:rgba(155,29,32,0.08);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;border:1px solid rgba(155,29,32,0.2);
}
.l-guar-ico svg{width:16px;height:16px;fill:var(--v5-red)}
@media(max-width:720px){
  .l-pr-top{flex-direction:column;gap:1rem;align-items:flex-start}
  .l-guarantee-row{gap:0.8rem 1.3rem;margin-top:2rem;padding-top:1.5rem}
  .l-guar-item{font-size:0.6rem;letter-spacing:1px}
  .l-guar-ico{width:28px;height:28px}
  .l-guar-ico svg{width:13px;height:13px}
}

/* FINAL */
.l-final{
  position:sticky;top:0;z-index:50;
  height:100vh;background:var(--v5-red);
  display:flex;align-items:center;justify-content:center;
  text-align:center;padding:2rem;color:#fff;
}
.l-red-glow{
  position:absolute;width:420px;height:420px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,0.1),transparent 70%);
  top:50%;left:50%;transform:translate(-50%,-50%);
  animation:v5Glow 4s ease-in-out infinite;
  pointer-events:none;
}
@keyframes v5Glow{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:0.8}50%{transform:translate(-50%,-50%) scale(1.3);opacity:1}}
.l-final h2{
  font-family:var(--v5-serif);
  font-size:clamp(2.5rem,5vw,4.5rem);
  font-weight:400;letter-spacing:-2px;
  line-height:1.1;margin-bottom:1.3rem;
  position:relative;color:var(--v5-warm);
}
.l-final h2 em{font-style:italic;color:#fff}
.l-final p{
  font-size:0.98rem;color:rgba(255,255,255,0.7);
  margin-bottom:2.3rem;font-weight:300;position:relative;
}
.l-final-btn{
  display:inline-flex;align-items:center;gap:0.8rem;
  padding:1.05rem 2.6rem;background:var(--v5-black);color:#fff;
  border:none;font-size:0.82rem;font-weight:600;
  letter-spacing:1px;text-transform:uppercase;
  cursor:pointer;transition:all .4s;
  font-family:var(--v5-sans);position:relative;
}
.l-final-btn:hover{box-shadow:0 0 90px rgba(0,0,0,0.35);transform:translateY(-2px)}
.l-final-trust{font-family:var(--v5-mono,monospace);font-size:0.72rem;letter-spacing:1.4px;color:rgba(250,246,240,0.6);text-transform:uppercase;margin-top:1.2rem}
.l-f-bottom{
  position:absolute;bottom:2rem;left:2.5rem;right:2.5rem;
  display:flex;justify-content:space-between;align-items:center;
}
.l-f-brand{font-family:var(--v5-serif);font-size:1rem;color:rgba(255,255,255,0.5)}
.l-f-brand i{font-style:italic}
.l-f-login{font-size:0.78rem;color:rgba(255,255,255,0.5);font-family:var(--v5-sans)}
.l-f-login a{color:#fff;text-decoration:underline;text-underline-offset:3px;transition:opacity .3s}
.l-f-login a:hover{opacity:0.7}
.l-f-links{display:flex;gap:1.5rem}
.l-f-links a{
  font-size:0.68rem;color:rgba(255,255,255,0.45);
  text-decoration:none;transition:color .3s;
  letter-spacing:1px;text-transform:uppercase;
}
.l-f-links a:hover{color:#fff}

/* Landing language switcher - diamond */
.l-lang{
  position:fixed;bottom:calc(1.5rem + env(safe-area-inset-bottom,0));left:calc(2rem + env(safe-area-inset-left,0));z-index:920;
  direction:ltr!important;
  display:flex;align-items:center;gap:6px;
}
.l-lang-diamond{
  width:38px;height:38px;
  transform:rotate(45deg);
  background:rgba(155,29,32,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1.5px solid rgba(155,29,32,0.9);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:all .3s;
  box-shadow:0 2px 12px rgba(0,0,0,0.3), 0 0 0 2px rgba(255,255,255,0.2);
  flex-shrink:0;
}
.l-lang-diamond:hover{transform:rotate(45deg) scale(1.08);box-shadow:0 4px 18px rgba(155,29,32,0.4)}
.l-lang-diamond span{
  transform:rotate(-45deg);
  color:#fff;font-family:var(--v5-mono);font-size:0.6rem;
  letter-spacing:1px;font-weight:600;
  pointer-events:none;
}
.l-lang-opts{
  display:flex;align-items:center;gap:6px;
  margin-left:2px;
}
.l-lang-opts button{
  width:34px;height:34px;
  transform:rotate(45deg) scale(0);
  background:rgba(0,0,0,0.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1.5px solid rgba(155,29,32,0.4);
  color:rgba(255,255,255,0.7);
  font-family:var(--v5-mono);font-size:0.52rem;font-weight:600;
  letter-spacing:1px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  opacity:0;pointer-events:none;
  transition:all .3s cubic-bezier(0.34,1.56,0.64,1);
  box-shadow:0 2px 10px rgba(0,0,0,0.25);
}
.l-lang-opts button span{transform:rotate(-45deg);pointer-events:none}
.l-lang.open .l-lang-opts button{
  transform:rotate(45deg) scale(1);
  opacity:1;pointer-events:auto;
}
.l-lang.open .l-lang-opts button:nth-child(1){transition-delay:0s}
.l-lang.open .l-lang-opts button:nth-child(2){transition-delay:.04s}
.l-lang.open .l-lang-opts button:nth-child(3){transition-delay:.08s}
.l-lang.open .l-lang-opts button:nth-child(4){transition-delay:.12s}
.l-lang.open .l-lang-opts button:nth-child(5){transition-delay:.16s}
.l-lang-opts button:hover{border-color:#9B1D20;background:rgba(155,29,32,0.2);color:#fff;transform:rotate(45deg) scale(1.1)!important}
.l-lang-opts button.aktif{background:rgba(155,29,32,0.7);border-color:rgba(155,29,32,0.9);color:#fff}

/* WhatsApp support floating button (FAZ 3.5) */
.l-wa-fab{
  position:fixed;bottom:calc(1.5rem + env(safe-area-inset-bottom,0));right:calc(1.5rem + env(safe-area-inset-right,0));z-index:921;
  display:flex;align-items:center;justify-content:center;
  background:#25D366;color:#fff;text-decoration:none;
  width:52px;height:52px;border-radius:50%;
  box-shadow:0 4px 16px rgba(37,211,102,0.45),0 2px 6px rgba(0,0,0,0.2);
  border:none;
  transition:transform .25s ease, box-shadow .25s ease;
}
.l-wa-fab:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 24px rgba(37,211,102,0.55),0 4px 10px rgba(0,0,0,0.25)}
.l-wa-fab svg{width:26px;height:26px;fill:#fff;flex-shrink:0}
.l-wa-fab .l-wa-txt{display:none!important}
@media(max-width:560px){
  .l-wa-fab{width:46px;height:46px;right:1rem;bottom:1rem}
}

/* FAZ 5.1 - Legal modal (privacy/terms/support) */
.l-legal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:9998;display:none;align-items:center;justify-content:center;padding:1rem;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:lLegalFade .18s ease}
.l-legal-overlay.goster{display:flex}
@keyframes lLegalFade{from{opacity:0}to{opacity:1}}
.l-legal-box{background:#fff;border-radius:14px;width:100%;max-width:720px;max-height:88vh;display:flex;flex-direction:column;color:#1a1a2e;overflow:hidden;box-shadow:0 24px 72px rgba(0,0,0,.45),0 4px 16px rgba(0,0,0,.2);font-family:var(--v5-sans,system-ui,sans-serif)}
.l-legal-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.5rem;border-bottom:1px solid #eee;flex-shrink:0}
.l-legal-title{font-family:var(--v5-serif,Georgia,serif);font-size:1.5rem;font-weight:500;color:#1a1a2e;line-height:1.2;flex:1;margin:0}
.l-legal-close{background:transparent;border:none;font-size:1.9rem;color:#999;cursor:pointer;padding:0 .4rem;line-height:1;transition:color .15s;border-radius:6px}
.l-legal-close:hover{color:#1a1a2e;background:#f2f2f2}
.l-legal-body{padding:1.4rem 1.6rem;overflow-y:auto;flex:1;line-height:1.7;font-size:.94rem;color:#444}
.l-legal-body h3{font-family:var(--v5-serif,Georgia,serif);font-size:1.08rem;color:#1a1a2e;margin:1.4rem 0 .5rem;font-weight:600;letter-spacing:.2px}
.l-legal-body h3:first-child{margin-top:0}
.l-legal-body p{margin:.55rem 0}
.l-legal-body ul{margin:.5rem 0 .9rem 1.3rem;padding:0}
.l-legal-body li{margin:.35rem 0}
.l-legal-body strong{color:#1a1a2e;font-weight:600}
.l-legal-body a{color:#1a1a2e;text-decoration:underline}
.l-legal-body .l-legal-updated{font-size:.78rem;color:#888;font-style:italic;margin:0 0 1.2rem;padding-bottom:.8rem;border-bottom:1px dashed #eee}
.l-legal-foot{padding:1rem 1.5rem;border-top:1px solid #eee;display:flex;justify-content:flex-end;flex-shrink:0;background:#fafafa}
.l-legal-ok{background:#1a1a2e;color:#fff;border:none;border-radius:10px;padding:.7rem 1.8rem;font-size:.9rem;font-weight:600;cursor:pointer;font-family:var(--v5-sans,system-ui,sans-serif);letter-spacing:.3px;transition:background .15s,transform .1s}
.l-legal-ok:hover{background:#2d2d4a}
.l-legal-ok:active{transform:scale(.97)}
[dir="rtl"] .l-legal-body ul{margin:.5rem 1.3rem .9rem 0}
[dir="rtl"] .l-legal-foot{justify-content:flex-start}
@media(max-width:560px){
  .l-legal-box{max-height:94vh;border-radius:10px}
  .l-legal-head{padding:1rem 1.1rem}
  .l-legal-body{padding:1.1rem 1.2rem;font-size:.88rem}
  .l-legal-foot{padding:.9rem 1.1rem}
  .l-legal-title{font-size:1.25rem}
  .l-legal-body h3{font-size:1rem}
}

/* Landing responsive */
@media(max-width:1100px){
  .l-intro-title{font-size:4.8rem}
  .l-intro-sub{font-size:1.1rem}
}

@media(max-width:768px){
  .l-nav{padding:calc(0.95rem + var(--hq-safe-top,env(safe-area-inset-top,0px))) calc(1rem + env(safe-area-inset-right,0px)) 0.95rem calc(1rem + env(safe-area-inset-left,0px))}
  .l-nav-right{gap:0.4rem!important}
  .l-nav-right a,.l-nav-right .ln-btn{padding:0.46rem 0.72rem!important;font-size:0.68rem!important;letter-spacing:0.8px!important}
  .l-intro-tag{font-size:0.66rem!important;letter-spacing:3px!important;margin-bottom:1.1rem}
  .l-intro-content{width:100%;max-width:calc(100vw - 2rem);overflow:hidden}
  .l-intro-title{font-size:2.56rem!important;line-height:1.04!important;max-width:100%;overflow-wrap:break-word;word-break:normal;text-wrap:balance}
  .l-intro-title em{display:block;max-width:100%;overflow-wrap:break-word}
  .l-intro-sub{font-size:1rem!important;color:rgba(255,255,255,0.68)!important;max-width:22rem}
  .l-intro-ctas{margin-top:2rem}
  .l-intro-cta{font-size:0.82rem!important;padding:1rem 1.2rem!important}
  .l-intro-cta-sub{font-size:0.68rem!important}
  .l-intro-trust{font-size:0.62rem!important;gap:0.8rem}
  .l-giant-h{font-size:50vw}
  /* Keep sticky stacking on mobile, just adjust padding */
  .l-card{
    padding:3rem 1.3rem!important;
  }
  .l-card .l-inner{max-width:100%}
  .l-card-problem .l-inner{grid-template-columns:1fr;gap:1rem}
  .l-big-num{font-size:5.5rem;position:absolute;right:1rem;top:1rem;opacity:0.1}
  .l-sol-features{flex-direction:column;margin-top:1.3rem}
  .l-sol-feat{border-right:none;border-bottom:1px solid rgba(255,255,255,0.15);padding:0.75rem 1rem}
  .l-sol-feat .ico{margin-bottom:0.3rem;width:22px;height:22px}
  .l-sol-feat .ico svg{max-width:22px;max-height:22px}
  .l-sol-feat h4{font-size:0.92rem;margin-bottom:0.15rem}
  .l-sol-feat p{font-size:0.68rem;line-height:1.45}
  .l-steps{grid-template-columns:1fr}
  .l-step{border-right:none;border-bottom:1px solid rgba(255,255,255,0.06);padding:1.5rem 1rem}
  .l-step-n{font-size:2.5rem}
  .l-step h4{font-size:1.05rem}
  .l-step p{font-size:0.78rem}
  .l-price-row{grid-template-columns:1fr}
  .l-pr{border-right:none;border-bottom:1px solid rgba(0,0,0,0.08);padding:1.6rem 1.3rem}
  .l-pr-price{font-size:2.3rem}
  .l-card-how .l-top{flex-direction:column;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}
  .l-card-pricing h2{margin-bottom:1.3rem}
  .l-f-bottom{flex-direction:column;gap:0.8rem;left:1rem;right:1rem;bottom:1rem}
  .l-lang{bottom:1rem;left:1rem}
  /* Final card & intro still full-height for visual impact */
  .l-intro,.l-final{height:100vh!important;min-height:100vh!important}
}

@media(max-width:520px){
  .l-nav{padding:calc(0.85rem + var(--hq-safe-top,env(safe-area-inset-top,0px))) calc(0.75rem + env(safe-area-inset-right,0px)) 0.85rem calc(0.75rem + env(safe-area-inset-left,0px))}
  .l-logo{font-size:1.18rem}
  .l-logo svg{width:22px;height:22px}
  .l-nav-right{gap:0.25rem!important}
  .l-nav-right a,.l-nav-right .ln-btn{font-size:0.56rem!important;padding:0.38rem 0.5rem!important;letter-spacing:0.6px!important}
  .l-nav-right a[href="#pricing"]{display:none!important}
  /* SEC-FIX 2026-04-21: mobilede Log in butonu gizlenmesi kaldirildi — musteri login'e erisebilmeli */
  .l-intro{
    height:auto!important;
    min-height:100svh!important;
    align-items:flex-start!important;
    padding:calc(92px + env(safe-area-inset-top,0)) 1rem calc(4.5rem + env(safe-area-inset-bottom,0))!important;
  }
  .l-intro-tag{font-size:0.59rem!important;letter-spacing:1.8px!important;line-height:1.55;max-width:100%;overflow-wrap:break-word}
  .l-intro-title{font-size:2.3rem!important}
  .l-intro-title em{width:min-content;margin:0 auto;white-space:normal}
  .l-intro-sub{max-width:19.5rem;font-size:0.94rem!important}
  .l-intro-trust{flex-direction:column;align-items:center;gap:0.4rem!important}
  #cookie-banner{padding:14px 16px!important}
  #cookie-banner > div{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}
  #cookie-banner > div > div:first-child{min-width:0!important;width:100%!important}
  #cookie-banner #cb-m{display:block;max-width:100%;overflow-wrap:break-word}
  #cookie-banner > div > div:last-child{width:100%;gap:8px!important}
  #cookie-banner button{flex:1 1 auto;text-align:center}
}

@media(max-width:520px){
  @media(display-mode:standalone){
    body.landing-visible > .l-nav,
    body:has(#landing-page:not([style*="display:none"]):not([style*="display: none"])) > .l-nav{
      top:var(--hq-pwa-top-inset,42px)!important;
      min-height:58px;
      padding-top:0.62rem!important;
      padding-bottom:0.62rem!important;
    }
    body::before{
      height:var(--hq-pwa-top-inset,42px);
      z-index:999;
    }
    #landing-page{padding-top:0}
    .l-intro{
      min-height:100svh!important;
      height:auto!important;
      align-items:flex-start!important;
      padding-top:calc(var(--hq-pwa-top-inset,42px) + 112px)!important;
      padding-bottom:calc(5.5rem + env(safe-area-inset-bottom,0px))!important;
    }
  }
  html.pwa-standalone body.landing-visible > .l-nav,
  html.pwa-standalone body:has(#landing-page:not([style*="display:none"]):not([style*="display: none"])) > .l-nav,
  body.pwa-standalone.landing-visible > .l-nav{
    top:var(--hq-pwa-top-inset,42px)!important;
    min-height:58px;
    padding-top:0.62rem!important;
    padding-bottom:0.62rem!important;
  }
  html.pwa-standalone body::before,
  body.pwa-standalone::before{
    height:var(--hq-pwa-top-inset,42px);
    z-index:999;
  }
  html.pwa-standalone body #landing-page,
  body.pwa-standalone #landing-page{
    padding-top:0;
  }
  html.pwa-standalone body .l-intro,
  body.pwa-standalone .l-intro{
    min-height:100svh!important;
    height:auto!important;
    align-items:flex-start!important;
    padding-top:calc(var(--hq-pwa-top-inset,42px) + 112px)!important;
    padding-bottom:calc(5.5rem + env(safe-area-inset-bottom,0px))!important;
  }
  html.pwa-standalone body .l-intro-content,
  body.pwa-standalone .l-intro-content{
    max-width:calc(100vw - 2.2rem);
  }
}

@media(max-width:380px){
  .l-nav{padding:calc(0.85rem + var(--hq-safe-top,env(safe-area-inset-top,0px))) calc(0.75rem + env(safe-area-inset-right,0px)) 0.85rem calc(0.75rem + env(safe-area-inset-left,0px))}
  .l-logo{font-size:1.2rem}
  .l-logo svg{width:22px;height:22px}
  .l-nav-right{gap:0.3rem!important}
  .l-nav-right a,.l-nav-right .ln-btn{font-size:0.58rem!important;padding:0.38rem 0.55rem!important}
  .l-intro-title{font-size:2.12rem!important}
  .l-intro-sub{font-size:0.9rem!important}
}

/* ══════ LOGIN SCREEN — V5 LUX OVERRIDE ══════ */
.giris-ekrani{
  background:var(--v5-black)!important;
  background-image:
    radial-gradient(circle at 20% 30%,rgba(155,29,32,0.12),transparent 50%),
    radial-gradient(circle at 80% 70%,rgba(155,29,32,0.08),transparent 50%)!important;
  font-family:var(--v5-sans);
  direction:ltr!important;
}
.giris-ekrani *{direction:ltr!important}
.giris-ekrani .giris-input[dir="rtl"],
.giris-ekrani .giris-input:lang(ar),
.giris-ekrani .giris-input:lang(ur){text-align:right!important;direction:rtl!important}
.giris-logo{width:auto!important;min-width:0!important}
.giris-input,.giris-btn{width:100%!important;max-width:300px!important;box-sizing:border-box!important}
.giris-dil-btn{min-width:36px!important;box-sizing:border-box!important}
.giris-ekrani::before{
  content:'H';
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  font-family:var(--v5-serif);
  font-size:55vh;line-height:0.8;
  color:transparent;
  -webkit-text-stroke:1px rgba(155,29,32,0.08);
  pointer-events:none;
  z-index:0;
}
.giris-ekrani>*{position:relative;z-index:1}
.giris-logo{
  font-size:0!important;
  color:transparent!important;
  animation:none!important;
  margin-bottom:14px!important;
  display:flex!important;align-items:center;justify-content:center;gap:12px;
  height:56px;
}
.giris-logo::before{
  content:'';
  display:inline-block;width:44px;height:44px;
  background:url("/logo.svg?v=20260421-logo2") center/contain no-repeat;
}
.giris-logo::after{
  content:'HallaqOS';
  font-family:var(--v5-serif);
  font-size:32px;color:var(--v5-warm);
  font-weight:400;letter-spacing:-0.5px;
}
.giris-ekrani h1{
  font-family:var(--v5-serif)!important;
  font-weight:400!important;
  font-size:30px!important;
  letter-spacing:-0.5px;
  color:var(--v5-warm)!important;
  display:none;  /* hidden, logo already has wordmark */
}
.giris-ekrani p{
  font-family:var(--v5-mono);
  font-size:10px!important;
  letter-spacing:3px;
  text-transform:uppercase;
  color:rgba(255,255,255,0.35)!important;
  margin-bottom:2rem!important;
}
.giris-input{
  background:rgba(255,255,255,0.04)!important;
  border:1px solid rgba(255,255,255,0.1)!important;
  color:var(--v5-warm)!important;
  font-family:var(--v5-sans)!important;
  border-radius:4px!important;
}
.giris-input::placeholder{color:rgba(255,255,255,0.3)}
.giris-input:focus{border-color:var(--v5-red)!important;background:rgba(255,255,255,0.07)!important}
.giris-btn{
  background:var(--v5-red)!important;
  color:#fff!important;
  font-family:var(--v5-sans)!important;
  font-weight:600!important;
  font-size:13px!important;
  letter-spacing:1.5px;
  text-transform:uppercase;
  border-radius:4px!important;
  transition:all .3s!important;
}
.giris-btn:hover{box-shadow:0 0 40px rgba(155,29,32,0.4)}
.giris-forgot-link{
  display:block;
  margin-top:14px;
  font-family:var(--v5-mono)!important;
  font-size:11px!important;
  color:rgba(255,255,255,0.55)!important;
  text-decoration:none;
  letter-spacing:0.5px;
  cursor:pointer;
  transition:color .2s;
  text-align:center;
}
.giris-forgot-link:hover{color:var(--v5-red)!important;text-decoration:underline}
.giris-dil-btn{
  font-family:var(--v5-mono)!important;
  border-color:rgba(255,255,255,0.15)!important;
  color:rgba(255,255,255,0.5)!important;
  border-radius:4px!important;
}
.giris-dil-btn.aktif{background:var(--v5-red)!important;color:#fff!important;border-color:var(--v5-red)!important}
.giris-ekrani>div:first-of-type+div{  /* mod selector row */
  background:rgba(255,255,255,0.04)!important;
  border:1px solid rgba(255,255,255,0.08);
  border-radius:4px!important;
}
#mod-sahip.aktif,#mod-calisan.aktif,
#mod-sahip:not([style*="transparent"]){
  background:var(--v5-red)!important;color:#fff!important;border-radius:3px!important;
}
.giris-hata{
  background:rgba(155,29,32,0.15)!important;
  color:#ff6b6b!important;
  font-family:var(--v5-mono)!important;
  font-size:11px!important;
  letter-spacing:0.5px;
}
.giris-yukle{
  color:rgba(255,255,255,0.5)!important;
  font-family:var(--v5-mono)!important;
}
.giris-back-btn{
  position:absolute;top:1.5rem;left:1.5rem;
  background:none;border:1px solid rgba(255,255,255,0.15);
  color:rgba(255,255,255,0.6);
  font-family:var(--v5-mono);font-size:0.6rem;
  letter-spacing:2px;text-transform:uppercase;
  padding:0.5rem 1rem;border-radius:4px;cursor:pointer;
  transition:all .3s;z-index:2;
}
.giris-back-btn:hover{border-color:var(--v5-red);color:var(--v5-red)}

/* ══════ ADMIN + BERBER HEADER — V5 OVERRIDE ══════ */
.admin-header,.berber-header{
  background:var(--v5-black)!important;
  border-bottom:1px solid rgba(255,255,255,0.06);
  font-family:var(--v5-sans);
}
.admin-header h1,.berber-header h1{
  font-family:var(--v5-serif)!important;
  font-weight:400!important;
  font-size:20px!important;
  letter-spacing:-0.3px;
}
.admin-header h1,.berber-header h1{display:flex;align-items:center;gap:8px}
.admin-header h1::before,.berber-header h1::before{
  content:'';display:inline-block;width:32px;height:32px;flex-shrink:0;
  background:url("/logo.svg?v=20260421-logo2") center/contain no-repeat;
}
.cikis-btn{
  background:rgba(155,29,32,0.15)!important;
  border:1px solid rgba(155,29,32,0.3)!important;
  color:#fff!important;
  font-family:var(--v5-mono)!important;
  font-size:10px!important;
  letter-spacing:1px;text-transform:uppercase;
  border-radius:4px!important;
  transition:all .2s;
}
.cikis-btn:hover{background:var(--v5-red)!important;border-color:var(--v5-red)!important}
.admin-nav{
  background:var(--v5-ink)!important;
  border-bottom:1px solid rgba(255,255,255,0.06)!important;
}
.admin-nav-btn{
  color:rgba(255,255,255,0.45)!important;
  font-size:11px!important;letter-spacing:0.5px;
  font-family:var(--v5-sans)!important;
  transition:all .25s;
}
.admin-nav-btn.aktif{
  color:#fff!important;
  border-bottom-color:var(--v5-red)!important;
}
.admin-nav-btn:hover{color:rgba(255,255,255,0.8)!important}
.dil-bar{background:var(--v5-ink)!important;border-bottom:1px solid rgba(255,255,255,0.05)}
.dil-btn{
  font-family:var(--v5-mono)!important;
  border-radius:4px!important;
  font-size:10px!important;letter-spacing:1px;
}
.dil-btn.aktif{background:var(--v5-red)!important;color:#fff!important;border-color:var(--v5-red)!important}
.durum-bar{background:var(--v5-ink)!important;border-bottom:1px solid rgba(255,255,255,0.05)}
.durum-btn{
  border-radius:4px!important;
  font-family:var(--v5-sans)!important;
  font-size:11px!important;letter-spacing:0.5px;
  text-transform:uppercase;
}

/* Istat cards + stat refinements */
.istat-kart,.stat{
  border-radius:6px!important;
  border:1px solid rgba(0,0,0,0.04);
  box-shadow:0 1px 2px rgba(0,0,0,0.04)!important;
}
.istat-n,.stat-n{
  font-family:var(--v5-serif)!important;
  font-weight:400!important;
}
.istat-l,.stat-l{
  font-family:var(--v5-mono)!important;
  font-size:9px!important;
  letter-spacing:1px;text-transform:uppercase;
}

/* Cards (dukkan, randevu) — subtle upgrade */
.dukkan-kart,.randevu-kart,.detay-kart,.sistem-kart,.duyuru-kart,.ayar-kart,.berber-kart-ayar,.gun-plani-wrap,.gun-nav{
  border-radius:6px!important;
  box-shadow:0 1px 3px rgba(0,0,0,0.04)!important;
}
.dukkan-ad,.gun-nav-tarih h3{
  font-family:var(--v5-serif)!important;
  font-weight:700!important;
}

/* Alt menu (berber bottom nav) */
.alt-menu{
  background:var(--v5-black)!important;
  border-top:1px solid rgba(255,255,255,0.08)!important;
  box-shadow:0 -4px 20px rgba(0,0,0,0.15)!important;
}
.alt-btn{color:rgba(255,255,255,0.4)!important;font-family:var(--v5-sans)!important;font-size:10px!important;letter-spacing:0.5px}
.alt-btn.aktif{color:var(--v5-red)!important;font-weight:600!important}

/* Filtre + tab upgrades */
.filtre-btn.aktif,.filtre-btn2.aktif,.berber-tab.aktif,.hedef-btn.aktif{
  border-color:var(--v5-red)!important;
  background:rgba(155,29,32,0.08)!important;
  color:var(--v5-red)!important;
}

/* Buttons — keep semantic colors but refine */
.btn-koyu,.gonder-btn,.ekle-btn,.gun-nav-btn{
  background:var(--v5-black)!important;
  border-radius:4px!important;
  letter-spacing:0.5px;
  transition:background .25s;
}
.btn-koyu:hover,.gonder-btn:hover,.ekle-btn:hover{background:var(--v5-red)!important}

/* Modal refresh - V5 PREMIUM DARK */
.custom-modal-overlay{background:rgba(0,0,0,0.82)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
.custom-modal-box{background:#0B0B0B!important;border:1px solid rgba(255,255,255,0.1)!important;border-radius:2px!important;padding:32px 24px 22px!important;max-width:400px!important;max-height:88vh!important;overflow-y:auto!important;position:relative;box-shadow:0 40px 80px rgba(0,0,0,0.6),0 0 60px rgba(155,29,32,0.08)!important;font-family:var(--v5-sans,'DM Sans',sans-serif)!important}
.custom-modal-box::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:52px;height:2px;background:var(--v5-red,#9B1D20)}
@media (max-width:640px){.custom-modal-box{padding:22px 18px 18px!important;max-height:92vh!important;width:calc(100% - 24px)!important}}

.custom-modal-icon{font-size:30px!important;opacity:0.9;margin-bottom:14px!important;filter:drop-shadow(0 0 12px rgba(155,29,32,0.3))}
.custom-modal-title{font-family:var(--v5-serif,'Instrument Serif',Georgia,serif)!important;font-size:26px!important;font-weight:400!important;color:#FAF6F0!important;letter-spacing:-0.4px!important;margin-bottom:12px!important;line-height:1.15!important}
.custom-modal-msg{font-family:var(--v5-sans,'DM Sans',sans-serif)!important;font-size:14px!important;color:rgba(250,246,240,0.62)!important;line-height:1.65!important;margin-bottom:28px!important;letter-spacing:0.1px!important}
.custom-modal-input{background:rgba(255,255,255,0.03)!important;border:1px solid rgba(255,255,255,0.14)!important;border-radius:2px!important;color:#FAF6F0!important;font-family:var(--v5-sans,'DM Sans',sans-serif)!important;font-size:15px!important;padding:14px 16px!important;margin-bottom:22px!important;transition:all .2s!important}
.custom-modal-input::placeholder{color:rgba(250,246,240,0.3)!important}
.custom-modal-input:focus{border-color:var(--v5-red,#9B1D20)!important;background:rgba(155,29,32,0.06)!important;outline:none!important;box-shadow:0 0 0 3px rgba(155,29,32,0.12)!important}
.custom-modal-btns{gap:8px!important;margin-top:4px!important}
.custom-modal-btn{border-radius:2px!important;padding:14px 8px!important;font-family:var(--v5-mono,'JetBrains Mono',monospace)!important;font-size:10px!important;letter-spacing:1.8px!important;text-transform:uppercase!important;font-weight:600!important;transition:all .2s ease!important;border:1px solid transparent!important}
.cm-btn-ok{background:transparent!important;color:#7ec47e!important;border-color:#2e7d32!important}
.cm-btn-ok:hover{background:#2e7d32!important;color:#FAF6F0!important}
.cm-btn-danger{background:var(--v5-red,#9B1D20)!important;color:#FAF6F0!important;border-color:var(--v5-red,#9B1D20)!important}
.cm-btn-danger:hover{background:#7d1518!important;border-color:#7d1518!important}
.cm-btn-cancel{background:transparent!important;color:rgba(250,246,240,0.55)!important;border-color:rgba(255,255,255,0.15)!important}
.cm-btn-cancel:hover{background:rgba(255,255,255,0.06)!important;color:#FAF6F0!important;border-color:rgba(255,255,255,0.25)!important}
.cm-btn-blue{background:var(--v5-red,#9B1D20)!important;color:#FAF6F0!important;border-color:var(--v5-red,#9B1D20)!important}
.cm-btn-blue:hover{background:#7d1518!important;border-color:#7d1518!important}

/* Scrollbar polish on landing */
#landing-page::-webkit-scrollbar{width:8px}
#landing-page::-webkit-scrollbar-track{background:var(--v5-black)}
#landing-page::-webkit-scrollbar-thumb{background:rgba(155,29,32,0.3);border-radius:4px}
#landing-page::-webkit-scrollbar-thumb:hover{background:var(--v5-red)}

/* ══════════════ Signup Page ══════════════ */
#signup-page{
  position:fixed;inset:0;background:var(--v5-black,#0B0B0B);
  z-index:100;overflow-y:auto;color:#fff;
  font-family:var(--v5-sans,'Helvetica Neue',-apple-system,sans-serif);
  padding-left:env(safe-area-inset-left,0);
  padding-right:env(safe-area-inset-right,0);
  padding-bottom:env(safe-area-inset-bottom,0);
}
#signup-page *{box-sizing:border-box}
.sup-bar{
  display:flex;align-items:center;padding:calc(1rem + env(safe-area-inset-top,0)) calc(1.5rem + env(safe-area-inset-right,0)) 1rem calc(1.5rem + env(safe-area-inset-left,0));
  border-bottom:1px solid rgba(255,255,255,0.08);
  position:sticky;top:0;background:rgba(11,11,11,0.95);backdrop-filter:blur(8px);z-index:2;
}
.sup-back{
  background:none;border:none;color:rgba(255,255,255,0.6);cursor:pointer;
  font-size:0.85rem;font-family:inherit;padding:0.4rem 0.8rem;
}
.sup-back:hover{color:#fff}
.sup-brand{
  font-family:var(--v5-serif,'Instrument Serif',Georgia,serif);
  font-size:1.3rem;letter-spacing:-0.5px;margin-left:auto;margin-right:auto;
}
.sup-brand i{font-style:italic;opacity:0.55;font-weight:400}
.sup-bar-spacer{width:40px}
.sup-body{
  max-width:1100px;margin:0 auto;padding:3rem 1.5rem 4rem;
}
.sup-h1{
  font-family:var(--v5-serif,'Instrument Serif',Georgia,serif);
  font-size:3rem;line-height:1;margin:0 0 0.7rem;font-weight:400;letter-spacing:-1px;
  text-align:center;
}
.sup-sub{
  color:rgba(255,255,255,0.55);font-size:0.95rem;margin:0 0 2.5rem;text-align:center;
}
.sup-change{color:var(--v5-red,#9B1D20);text-decoration:none;font-size:0.85rem;margin-left:6px}
.sup-change:hover{text-decoration:underline}

.sup-plans{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:1.2rem;margin-bottom:2rem;
}
.sup-plan{
  position:relative;background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.1);border-radius:8px;
  padding:1.8rem 1.4rem;cursor:pointer;transition:all .25s;
  display:flex;flex-direction:column;
}
.sup-plan:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.2);transform:translateY(-2px)}
.sup-plan.aktif{border-color:var(--v5-red,#9B1D20);background:rgba(155,29,32,0.08)}
.sup-plan-pop{border-color:var(--v5-red,#9B1D20)}
.sup-plan-badge{
  display:inline-block;font-size:0.6rem;letter-spacing:1.5px;font-weight:700;
  background:#d4a373;color:#0b0b0b;padding:3px 10px;border-radius:12px;
  text-transform:uppercase;margin-bottom:0.8rem;align-self:flex-start;
}
.sup-pop-badge{background:var(--v5-red,#9B1D20);color:#fff}
.sup-plan-name{
  font-family:var(--v5-serif,'Instrument Serif',Georgia,serif);
  font-size:1.6rem;margin-bottom:0.3rem;
}
.sup-plan-price{font-size:0.85rem;color:rgba(255,255,255,0.6);margin-bottom:0.4rem}
.sup-plan-price b{font-size:2.2rem;color:#fff;font-weight:600;font-family:var(--v5-serif,'Instrument Serif',Georgia,serif);margin:0 3px}
.sup-plan-price .c{font-size:0.7rem;letter-spacing:1px}
.sup-plan-price .m{font-size:0.7rem}
.sup-plan-desc{color:rgba(255,255,255,0.5);font-size:0.78rem;margin-bottom:1rem}
.sup-plan-ul{list-style:none;padding:0;margin:0 0 1.5rem;font-size:0.82rem;flex:1}
.sup-plan-ul li{
  color:rgba(255,255,255,0.75);padding:0.35rem 0 0.35rem 1.2rem;position:relative;
  border-bottom:1px dashed rgba(255,255,255,0.06);
}
.sup-plan-ul li:last-child{border-bottom:none}
.sup-plan-ul li:before{content:'·';position:absolute;left:0.4rem;color:var(--v5-red,#9B1D20);font-weight:bold}
.sup-plan-btn{
  width:100%;padding:0.75rem;background:transparent;color:#fff;
  border:1px solid rgba(255,255,255,0.25);border-radius:4px;
  cursor:pointer;font-family:inherit;font-size:0.78rem;font-weight:600;
  letter-spacing:1px;text-transform:uppercase;transition:all .2s;
}
.sup-plan-btn:hover{background:var(--v5-red,#9B1D20);border-color:var(--v5-red,#9B1D20)}
.sup-plan.aktif .sup-plan-btn{background:var(--v5-red,#9B1D20);border-color:var(--v5-red,#9B1D20)}
.sup-plan-note{font-size:0.68rem;color:rgba(255,180,150,0.7);margin-top:auto;padding-top:0.5rem;font-style:italic}
.sup-pop-badge{background:var(--v5-red,#9B1D20)!important;color:#fff!important}

.sup-login-hint{text-align:center;color:rgba(255,255,255,0.5);font-size:0.85rem;margin-top:1rem}
.sup-login-hint a{color:var(--v5-red,#9B1D20);text-decoration:none;margin-left:8px}
.sup-login-hint a:hover{text-decoration:underline}

.sup-form{max-width:460px;margin:0 auto}
.sup-lbl{
  display:block;font-size:0.72rem;letter-spacing:1.2px;text-transform:uppercase;
  color:rgba(255,255,255,0.5);margin:1rem 0 0.4rem;font-weight:500;
}
.sup-opt{color:rgba(255,255,255,0.3);text-transform:none;letter-spacing:0}
.sup-input, .sup-select{
  width:100%;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);
  color:#fff;padding:0.85rem 1rem;border-radius:4px;font-size:0.95rem;
  font-family:inherit;outline:none;transition:border-color .2s;
}
.sup-input:focus, .sup-select:focus{border-color:var(--v5-red,#9B1D20)}
.sup-input::placeholder{color:rgba(255,255,255,0.3)}
.sup-input.err{border-color:#f44336}
.sup-tel-row{display:flex;gap:0.5rem}
.sup-select{flex:0 0 110px;cursor:pointer}
.sup-tel-input{flex:1}
.sup-submit{
  width:100%;padding:1rem;background:var(--v5-red,#9B1D20);color:#fff;
  border:none;border-radius:4px;margin-top:1.6rem;cursor:pointer;
  font-family:inherit;font-size:0.9rem;font-weight:700;letter-spacing:1px;
  text-transform:uppercase;transition:background .2s;
}
.sup-submit:hover{background:#7a1719}
.sup-submit:disabled{opacity:0.5;cursor:not-allowed}
.sup-hata{
  display:none;background:rgba(244,67,54,0.15);border:1px solid rgba(244,67,54,0.4);
  color:#f99;padding:0.7rem 1rem;border-radius:4px;font-size:0.85rem;margin-top:1rem;
}
.sup-hata.aktif{display:block}
.sup-yukle{text-align:center;color:rgba(255,255,255,0.6);font-size:0.85rem;margin-top:1rem}
.sup-terms{
  color:rgba(255,255,255,0.4);font-size:0.72rem;text-align:center;margin-top:1.2rem;line-height:1.5;
}
.sup-ok-ico{
  width:80px;height:80px;border-radius:50%;background:#4caf50;color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:44px;
  margin:2rem auto 1.5rem;
}
.sup-ok-info{
  background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);
  padding:1rem 1.3rem;border-radius:6px;max-width:460px;margin:1rem auto 1.5rem;
  font-size:0.85rem;color:rgba(255,255,255,0.75);text-align:left;
}
.sup-ok-info b{color:#fff}
/* Progress bar (steps 2-5) */
.sup-progress{
  display:flex;align-items:center;justify-content:center;
  max-width:640px;margin:0 auto 2.5rem;gap:0;
}
.sup-prog-step{
  display:flex;flex-direction:column;align-items:center;gap:0.35rem;
  flex:0 0 auto;min-width:60px;
}
.sup-prog-dot{
  width:30px;height:30px;border-radius:50%;
  background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.18);
  display:flex;align-items:center;justify-content:center;
  font-size:0.8rem;font-weight:700;color:rgba(255,255,255,0.6);
  transition:all .25s;
}
.sup-prog-step.aktif .sup-prog-dot{
  background:var(--v5-red,#9B1D20);border-color:var(--v5-red,#9B1D20);color:#fff;
}
.sup-prog-step.done .sup-prog-dot{
  background:rgba(155,29,32,0.25);border-color:var(--v5-red,#9B1D20);color:var(--v5-red,#9B1D20);
}
.sup-prog-step.done .sup-prog-dot:before{content:'✓';font-size:0.9rem}
.sup-prog-step.done .sup-prog-dot span{display:none}
.sup-prog-lbl{
  font-size:0.68rem;letter-spacing:0.8px;text-transform:uppercase;
  color:rgba(255,255,255,0.45);font-weight:500;white-space:nowrap;
}
.sup-prog-step.aktif .sup-prog-lbl{color:#fff}
.sup-prog-step.done .sup-prog-lbl{color:rgba(255,255,255,0.65)}
.sup-prog-line{
  flex:1;height:1px;background:rgba(255,255,255,0.12);
  margin:0 0.3rem;max-width:60px;margin-bottom:20px;
}
.sup-prog-line.done{background:var(--v5-red,#9B1D20)}
/* OTP inputs */
.sup-otp-phone-row{
  text-align:center;color:rgba(255,255,255,0.75);font-size:1rem;
  margin-bottom:1.5rem;font-family:var(--v5-serif);letter-spacing:0.5px;
}
.sup-otp-inputs{
  display:flex;justify-content:center;gap:0.55rem;margin:1rem 0 1.2rem;
}
.sup-otp-digit{
  width:46px;height:56px;background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.15);border-radius:6px;
  color:#fff;font-size:1.6rem;text-align:center;font-family:var(--v5-serif);
  outline:none;transition:border-color .2s;
}
.sup-otp-digit:focus{border-color:var(--v5-red,#9B1D20);background:rgba(155,29,32,0.08)}
.sup-otp-digit.err{border-color:#f44336;animation:supShake .35s}
@keyframes supShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.sup-otp-resend{text-align:center;margin-top:1rem;font-size:0.8rem;color:rgba(255,255,255,0.5)}
.sup-otp-resend a{color:var(--v5-red,#9B1D20);text-decoration:none;margin-left:6px;font-weight:600}
/* Hizmet catalog grid */
.sup-hizmet-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
  gap:0.8rem;max-width:820px;margin:0 auto;
}
.sup-hizmet-card{
  position:relative;background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.12);border-radius:6px;
  padding:0.95rem 1rem;cursor:pointer;transition:all .2s;
  display:flex;flex-direction:column;gap:0.3rem;
}
.sup-hizmet-card:hover{background:rgba(255,255,255,0.07);border-color:rgba(255,255,255,0.22)}
.sup-hizmet-card.secili{background:rgba(155,29,32,0.12);border-color:var(--v5-red,#9B1D20)}
.sup-hizmet-card.sup-hizmet-ekle{border:1px dashed rgba(155,29,32,0.5)!important;background:rgba(155,29,32,0.04)!important;color:var(--v5-red,#9B1D20);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80px;cursor:pointer}
.sup-hizmet-card.sup-hizmet-ekle:hover{background:rgba(155,29,32,0.1)!important;border-style:solid!important}
.sup-hizmet-card.sup-hizmet-ozel{background:rgba(45,106,45,0.1);border-color:rgba(45,106,45,0.5);position:relative}
.sup-hizmet-card.sup-hizmet-ozel.secili{background:rgba(45,106,45,0.18);border-color:#2D6A2D}
.sup-hizmet-ozel-sil{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:rgba(0,0,0,0.4);color:#fff;border:none;cursor:pointer;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0;z-index:2}
.sup-hizmet-ozel-sil:hover{background:#9B1D20}
.sup-hizmet-card.sup-hizmet-ozel.secili:after{content:none!important;display:none!important}
.sup-hizmet-card.secili:after{
  content:'✓';position:absolute;top:8px;right:10px;
  color:var(--v5-red,#9B1D20);font-size:1rem;font-weight:700;
}
.sup-hizmet-ad{font-size:0.92rem;font-weight:600;color:#fff;line-height:1.25}
.sup-hizmet-sure{font-size:0.72rem;color:rgba(255,255,255,0.5);letter-spacing:0.3px}
.sup-step-nav{max-width:460px;margin:2rem auto 0}
/* Berber list */
.sup-berber-list{display:flex;flex-direction:column;gap:0.7rem;margin-bottom:1rem}
.sup-berber-row{
  display:flex;gap:0.5rem;align-items:center;
  background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);
  border-radius:6px;padding:0.7rem 0.8rem;
}
.sup-berber-row input{
  flex:1;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);
  color:#fff;padding:0.6rem 0.8rem;border-radius:4px;font-size:0.88rem;
  font-family:inherit;outline:none;
}
.sup-berber-row input:focus{border-color:var(--v5-red,#9B1D20)}
.sup-berber-row input.err{border-color:#f44336}
.sup-berber-row .sup-berber-owner-lbl{
  flex:0 0 auto;font-size:0.7rem;color:var(--v5-red,#9B1D20);
  letter-spacing:1px;text-transform:uppercase;font-weight:700;
  padding:0 0.5rem;
}
.sup-berber-sil{
  background:transparent;border:none;color:rgba(255,255,255,0.4);
  cursor:pointer;font-size:1.1rem;padding:0 0.3rem;
  transition:color .2s;
}
.sup-berber-sil:hover{color:#f44336}
.sup-add-berber{
  width:100%;padding:0.8rem;background:transparent;color:rgba(255,255,255,0.7);
  border:1px dashed rgba(255,255,255,0.25);border-radius:4px;
  cursor:pointer;font-family:inherit;font-size:0.82rem;font-weight:600;
  letter-spacing:0.5px;transition:all .2s;margin-bottom:0.5rem;
}
.sup-add-berber:hover{color:#fff;border-color:var(--v5-red,#9B1D20);background:rgba(155,29,32,0.06)}
.sup-add-berber:disabled{opacity:0.4;cursor:not-allowed}
.sup-limit-msg{
  text-align:center;color:rgba(255,255,255,0.5);font-size:0.75rem;
  margin:0.3rem 0 0.8rem;
}
[dir="rtl"] #signup-page .sup-back{order:2;margin-left:auto}
[dir="rtl"] #signup-page .sup-bar-spacer{order:0}
[dir="rtl"] #signup-page .sup-change{margin-left:0;margin-right:6px}
@media(max-width:600px){
  .sup-h1{font-size:2rem}
  .sup-body{padding:1.5rem 1rem 3rem}
  .sup-plans{grid-template-columns:1fr;gap:0.8rem}
  .sup-plan{padding:1.3rem 1.2rem}
}

/* ===== V5 PREMIUM PANEL THEME ===== */
:root{
  --v5-paper:#FFFFFF;
  --v5-bg:#FAF6F0;
  --v5-line:rgba(8,8,8,0.08);
  --v5-text:#1A1A1A;
  --v5-muted:#6B6B6B;
  --v5-faint:#9A9A9A;
  --v5-red:#9B1D20;
  --v5-black:#080808;
  --v5-serif:'Instrument Serif',Georgia,serif;
  --v5-sans:'Segoe UI',system-ui,sans-serif;
  --v5-mono:'SF Mono','Cascadia Code','Consolas',monospace;
}

/* Canvas - uniform pale red overlay (Option B) */
body{
  background:
    linear-gradient(rgba(155,29,32,0.08), rgba(155,29,32,0.08)),
    #FAF6F0 !important;
  background-attachment:fixed!important;
  color:var(--v5-text)!important;
}
#berber-panel{background:#080808!important;min-height:100vh}
.sayfa{background:transparent!important}
body.berber-dark{background:#080808!important}
body.berber-dark #berber-panel{background:#080808!important}

/* Header */
.berber-header{background:var(--v5-black)!important;border-bottom:1px solid rgba(255,255,255,0.06)!important;height:56px!important;padding:0 20px!important}
.berber-header h1{font-family:var(--v5-serif)!important;font-weight:400!important;font-size:21px!important;letter-spacing:-0.3px!important;color:#FAF6F0!important}

/* Header durum chip */
.header-durum-chip{font-family:var(--v5-mono)!important;font-size:9px!important;letter-spacing:1.2px!important;text-transform:uppercase!important;border:1px solid rgba(255,255,255,0.2)!important;background:transparent!important;padding:5px 10px!important;border-radius:2px!important}
.header-durum-chip.acik{color:#4caf50!important;border-color:rgba(76,175,80,0.4)!important}
.header-durum-chip.yogun{color:#ff9800!important;border-color:rgba(255,152,0,0.4)!important}
.header-durum-chip.kapali{color:#f44336!important;border-color:rgba(244,67,54,0.4)!important}
.drawer-sayac{font-family:var(--v5-mono);font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:rgba(255,255,255,0.45);padding:0 0 12px;margin:0 0 12px;border-bottom:1px solid rgba(255,255,255,0.08);text-align:left}
.drawer-sayac.uyari{color:#ff5252;font-weight:700;animation:pulse 1.5s infinite}

/* Hamburger */
.hamburger-btn{opacity:0.7}
.hamburger-btn:hover{opacity:1}

/* Drawer */
.drawer{background:var(--v5-black)!important;border-right:1px solid rgba(255,255,255,0.06)}
.drawer-logo{font-family:var(--v5-serif)!important;font-size:24px!important;font-weight:400!important;letter-spacing:0!important}
.drawer-dukkan{font-family:var(--v5-mono)!important;font-size:10px!important;letter-spacing:1.5px!important;text-transform:uppercase!important;color:rgba(255,255,255,0.35)!important}
.drawer-nav-item{font-family:var(--v5-mono)!important;font-size:11px!important;letter-spacing:1.2px!important;text-transform:uppercase!important;padding:14px 24px!important}
.drawer-nav-item.aktif{border-right-color:var(--v5-red)!important;background:rgba(155,29,32,0.08)!important}
html[dir=rtl] .drawer-nav-item.aktif{border-left-color:var(--v5-red)!important}
.drawer-lang-btn{font-family:var(--v5-mono)!important;font-size:9px!important;letter-spacing:1.3px!important;border-radius:2px!important}
.drawer-lang-btn.aktif{background:var(--v5-red)!important;border-color:var(--v5-red)!important}
.drawer-cikis{font-family:var(--v5-mono)!important;font-size:10px!important;letter-spacing:1.2px!important;text-transform:uppercase!important}

/* Durum buttons in drawer */
.durum-bar{background:transparent!important;padding:0!important;gap:0!important}
.durum-btn{background:transparent!important;color:rgba(255,255,255,0.5)!important;border:1px solid rgba(255,255,255,0.15)!important;border-radius:0!important;padding:8px 10px!important;font-family:var(--v5-mono)!important;font-size:9px!important;letter-spacing:1.2px!important;text-transform:uppercase!important;opacity:1!important;margin-left:-1px!important;flex:1}
.durum-btn:first-child{margin-left:0!important;border-radius:2px 0 0 2px!important}
.durum-btn:last-child{border-radius:0 2px 2px 0!important}
.durum-btn.aktif-durum.acik{background:#2d6a2d!important;color:#FAF6F0!important;border-color:#2d6a2d!important}
.durum-btn.aktif-durum.yogun{background:#9c5a00!important;color:#FAF6F0!important;border-color:#9c5a00!important}
.durum-btn.aktif-durum.kapali{background:var(--v5-red)!important;color:#FAF6F0!important;border-color:var(--v5-red)!important}
.durum-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important}

/* Content area */
.bugun-wrap{padding:6px 16px 16px!important}

/* Berber tabs */
.berber-tabs{gap:0!important;margin-bottom:10px!important}
.berber-tab{border:1px solid var(--v5-line)!important;border-radius:0!important;font-family:var(--v5-mono)!important;font-size:10px!important;letter-spacing:1.4px!important;text-transform:uppercase!important;color:var(--v5-muted)!important;padding:10px 18px!important;background:var(--v5-paper)!important;margin-left:-1px!important}
.berber-tab:first-child{margin-left:0!important;border-radius:2px 0 0 2px!important}
.berber-tab:last-child{border-radius:0 2px 2px 0!important}
.berber-tab.aktif{background:var(--v5-black)!important;color:#FAF6F0!important;border-color:var(--v5-black)!important}
body.berber-dark .berber-tab{background:rgba(255,255,255,0.03)!important;border:1px solid rgba(255,255,255,0.1)!important;color:rgba(250,246,240,0.5)!important;transition:all .15s ease}
body.berber-dark .berber-tab:hover{background:rgba(255,255,255,0.06)!important;color:rgba(250,246,240,0.85)!important;border-color:rgba(155,29,32,0.35)!important}
body.berber-dark .berber-tab.aktif{background:rgba(155,29,32,0.18)!important;border:1px solid #9B1D20!important;color:#FAF6F0!important;box-shadow:inset 0 0 0 1px #9B1D20,0 0 0 1px rgba(155,29,32,0.35),0 4px 16px rgba(155,29,32,0.35)!important;position:relative;z-index:2}
body.berber-dark .berber-tab.aktif:hover{background:rgba(155,29,32,0.25)!important;color:#FAF6F0!important}

/* Gun plani */
.gun-plani-wrap{border-radius:2px!important;box-shadow:none!important;border:1px solid var(--v5-line)!important;overflow:hidden!important}
.gun-plani-baslik{background:var(--v5-paper)!important;font-family:var(--v5-serif)!important;font-size:17px!important;font-weight:400!important;color:var(--v5-text)!important;padding:16px 20px!important;border-bottom:1px solid var(--v5-line)!important}
.berber-plan-blok{padding:16px 20px!important}
.berber-plan-isim{font-family:var(--v5-mono)!important;font-size:10px!important;letter-spacing:1.5px!important;text-transform:uppercase!important;color:var(--v5-muted)!important}
.berber-plan-slot{border-left:2px solid var(--v5-line)!important;padding:8px 0 8px 14px!important;margin-left:0!important}
.berber-plan-saat{font-family:var(--v5-serif)!important;font-size:16px!important;font-weight:400!important;color:var(--v5-text)!important;min-width:52px!important}
.berber-plan-musteri{font-family:var(--v5-sans)!important;font-size:14px!important;font-weight:600!important;color:var(--v5-text)!important}
.berber-plan-hizmet{font-family:var(--v5-sans)!important;font-size:12px!important;color:var(--v5-faint)!important}

/* Gun plani: gecmis ayrac + soluk */
.gun-plani-gecmis-ayrac{display:flex;align-items:center;gap:10px;padding:10px 20px;font-family:var(--v5-mono)!important;font-size:10px!important;letter-spacing:1.5px!important;text-transform:uppercase!important;color:var(--v5-faint)!important}
.gun-plani-gecmis-ayrac::before,.gun-plani-gecmis-ayrac::after{content:'';flex:1;height:1px;background:var(--v5-line)}
.gun-plani-gecmis{opacity:.78}

/* Özel Günler (Special Days) */
.og-wrap{padding:0 16px 8px}
.og-bos{padding:20px 0;text-align:center;color:#999;font-size:13px}
.og-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f0f0f0}
.og-item:last-child{border-bottom:none}
.og-tarih{font-weight:600;font-size:14px;color:#222}
.og-detay{font-size:12px;color:#888;margin-top:2px}
.og-sil-btn{background:none;border:none;font-size:16px;cursor:pointer;padding:6px;opacity:.5;transition:opacity .15s}
.og-sil-btn:hover{opacity:1}
.og-modal-form{text-align:left!important}
.og-toggle-row{display:flex;gap:8px;margin-bottom:12px}
.og-toggle-btn{flex:1;padding:10px;border:1px solid #ddd;background:#f9f9f9;border-radius:8px;cursor:pointer;font-size:13px;text-align:center;transition:all .15s}
.og-toggle-btn.aktif{background:#9B1D20;color:#fff;border-color:#9B1D20}
.og-form-row{margin-bottom:10px}
.og-form-row label{display:block;font-size:12px;color:#666;margin-bottom:4px;font-weight:500}
.og-form-row input[type="date"],.og-form-row input[type="time"],.og-form-row input[type="text"]{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;font-size:14px;box-sizing:border-box}
body.berber-dark .og-bos{color:rgba(250,246,240,0.35)!important}
body.berber-dark .og-item{border-color:rgba(255,255,255,0.06)!important}
body.berber-dark .og-tarih{color:#FAF6F0!important;font-family:var(--v5-serif)!important}
body.berber-dark .og-detay{color:rgba(250,246,240,0.45)!important;font-family:var(--v5-mono)!important;font-size:10px!important;letter-spacing:1px!important;text-transform:uppercase!important}
body.berber-dark .og-toggle-btn{background:rgba(255,255,255,0.04)!important;border-color:rgba(255,255,255,0.12)!important;color:rgba(250,246,240,0.6)!important;font-family:var(--v5-mono)!important;font-size:10px!important;letter-spacing:1px!important;text-transform:uppercase!important}
body.berber-dark .og-toggle-btn.aktif{background:rgba(155,29,32,0.85)!important;color:#FAF6F0!important;border-color:var(--v5-red)!important}
body.berber-dark .og-form-row label{color:rgba(250,246,240,0.45)!important;font-family:var(--v5-mono)!important;font-size:10px!important;letter-spacing:1px!important;text-transform:uppercase!important}
body.berber-dark .og-form-row input{background:rgba(255,255,255,0.04)!important;border-color:rgba(255,255,255,0.12)!important;color:#FAF6F0!important;border-radius:2px!important;font-family:var(--v5-mono)!important}

/* Randevu cards */
.randevu-kart{border-radius:2px!important;box-shadow:none!important;border:1px solid var(--v5-line)!important;border-left:3px solid var(--v5-line)!important;background:var(--v5-paper)!important;padding:16px 18px!important}
.randevu-kart.bekliyor{border-left-color:var(--v5-red)!important}
.randevu-kart.onaylandi{border-left-color:#2d6a2d!important}

/* Stats */
.stats{gap:8px!important;margin-bottom:16px!important}
.stat{border-radius:2px!important;box-shadow:none!important;border:1px solid var(--v5-line)!important;background:var(--v5-paper)!important;padding:14px 0!important}
.stat-n{font-family:var(--v5-serif)!important;font-size:26px!important;font-weight:400!important;color:var(--v5-text)!important}
.stat-l{font-family:var(--v5-mono)!important;font-size:8px!important;letter-spacing:1.5px!important;text-transform:uppercase!important;color:var(--v5-faint)!important}

/* FAB */
.elle-fab{background:var(--v5-red)!important;box-shadow:0 8px 24px rgba(155,29,32,0.35)!important;border-radius:50%!important}

/* Filtre bar */
.filtre-bar2{gap:8px!important;margin-bottom:14px!important;padding:2px 1px 4px!important;overflow-x:auto!important;scrollbar-width:none!important;justify-content:center!important}
.filtre-bar2::-webkit-scrollbar{display:none!important}
.filtre-btn2{position:relative!important;flex:0 0 auto!important;border:1px solid rgba(8,8,8,0.6)!important;border-radius:999px!important;font-family:var(--v5-mono)!important;font-size:10px!important;letter-spacing:1.4px!important;text-transform:uppercase!important;padding:9px 18px!important;background:transparent!important;color:rgba(8,8,8,0.55)!important;margin:0!important;transition:color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease!important}
.filtre-btn2:hover{color:var(--v5-black)!important;background:rgba(8,8,8,0.04)!important}
.filtre-btn2:first-child,.filtre-btn2:last-child{border-radius:999px!important;margin:0!important}
.filtre-btn2.aktif{background:var(--v5-black)!important;color:#FAF6F0!important;border-color:var(--v5-black)!important;box-shadow:inset 0 0 0 1px var(--v5-red),0 4px 14px rgba(8,8,8,0.18)!important;transform:translateY(-1px)!important}

/* Yogun panel */
.yogun-panel{background:rgba(156,90,0,0.06)!important;border-bottom:1px solid rgba(156,90,0,0.12)!important}
.yogun-panel p{font-family:var(--v5-sans)!important;color:#9c5a00!important}
.yogun-sec{border-color:rgba(156,90,0,0.3)!important;color:#9c5a00!important;border-radius:2px!important;font-family:var(--v5-mono)!important;font-size:10px!important;letter-spacing:1px!important}
.yogun-sec.secili{background:#9c5a00!important;color:var(--v5-paper)!important}

/* Ayarlar */
.ayar-wrap{padding:20px 16px!important}



/* ======== V5 PREMIUM BUGUN PLANI (state styling) ======== */
body.berber-dark .berber-plan-slot{position:relative;transition:opacity .2s ease}
body.berber-dark .berber-plan-slot.st-onaylandi{opacity:1}
body.berber-dark .berber-plan-slot.st-gecti{opacity:0.78}
body.berber-dark .berber-plan-slot.st-gelmedi{opacity:0.78}
body.berber-dark .berber-plan-slot.st-tamamlandi{opacity:0.85}
body.berber-dark .berber-plan-slot.st-reddedildi{opacity:0.7}
body.berber-dark .berber-plan-slot.st-reddedildi .berber-plan-musteri{text-decoration:line-through;text-decoration-color:rgba(155,29,32,0.7);text-decoration-thickness:1.5px}
body.berber-dark .berber-plan-slot.st-gecti::after{content:"✓";position:absolute;right:2px;top:50%;transform:translateY(-50%);color:rgba(156,90,0,0.8);font-size:11px;font-family:var(--v5-mono);font-weight:600}
body.berber-dark .berber-plan-slot.st-tamamlandi::after{content:"✓";position:absolute;right:2px;top:50%;transform:translateY(-50%);color:rgba(76,175,80,0.85);font-size:11px;font-family:var(--v5-mono);font-weight:600}
body.berber-dark .berber-plan-slot.st-gelmedi::after{content:"×";position:absolute;right:2px;top:50%;transform:translateY(-50%);color:rgba(155,29,32,0.85);font-size:14px;font-family:var(--v5-mono);font-weight:700}
body.berber-dark .berber-plan-slot.st-reddedildi::after{content:"×";position:absolute;right:2px;top:50%;transform:translateY(-50%);color:rgba(155,29,32,0.7);font-size:13px;font-family:var(--v5-mono);font-weight:700}
body.berber-dark .gun-plani-bos{padding:54px 24px;text-align:center;color:rgba(250,246,240,0.35);font-family:var(--v5-mono);font-size:10px;letter-spacing:1.6px;text-transform:uppercase;line-height:1.6}
body.berber-dark .gun-plani-bos::before{content:"—  —  —";display:block;margin-bottom:14px;color:rgba(250,246,240,0.15);letter-spacing:6px}

/* ======== V5 PREMIUM TUMU SAYFASI (redesign) ======== */
body.berber-dark .gun-nav{background:rgba(255,255,255,0.02)!important;border:1px solid rgba(255,255,255,0.08)!important;border-radius:2px!important;box-shadow:none!important;padding:18px 22px!important;margin-bottom:14px!important}
body.berber-dark .gun-nav-btn{background:transparent!important;color:rgba(250,246,240,0.55)!important;border:1px solid rgba(250,246,240,0.18)!important;border-radius:2px!important;width:36px!important;height:36px!important;font-size:15px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .15s!important;font-family:var(--v5-serif)!important}
body.berber-dark .gun-nav-btn:hover{background:rgba(155,29,32,0.12)!important;color:#FAF6F0!important;border-color:var(--v5-red)!important;box-shadow:0 0 18px rgba(155,29,32,0.35)!important}
body.berber-dark .gun-nav-tarih h3{font-family:var(--v5-serif)!important;font-size:22px!important;font-weight:400!important;color:#FAF6F0!important;letter-spacing:-0.3px!important}
body.berber-dark .gun-nav-tarih p{font-family:var(--v5-mono)!important;font-size:9px!important;letter-spacing:1.8px!important;text-transform:uppercase!important;color:rgba(250,246,240,0.4)!important;margin-top:4px!important}
body.berber-dark .filtre-bar2{gap:10px!important;padding:6px 0 14px!important;justify-content:center!important;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,0.06);margin-bottom:0!important}
body.berber-dark .filtre-btn2{border:1px solid rgba(250,246,240,0.18)!important;color:rgba(250,246,240,0.6)!important;background:transparent!important;border-radius:2px!important;padding:10px 18px!important;font-family:var(--v5-mono)!important;font-size:10px!important;letter-spacing:1.4px!important;box-shadow:none!important;transform:none!important;display:inline-flex!important;align-items:center!important;gap:8px!important}
body.berber-dark .filtre-btn2:hover{color:#FAF6F0!important;background:rgba(255,255,255,0.03)!important;border-color:rgba(250,246,240,0.35)!important;transform:none!important}
body.berber-dark .filtre-btn2.aktif{background:var(--v5-red)!important;color:#FAF6F0!important;border-color:var(--v5-red)!important;box-shadow:0 0 0 1px var(--v5-red),0 4px 18px rgba(155,29,32,0.35)!important;transform:translateY(-1px)!important}
body.berber-dark .filtre-btn2 .fb-count{font-family:var(--v5-mono)!important;font-size:9px!important;opacity:.55;font-weight:600;letter-spacing:.5px}
body.berber-dark .filtre-btn2.aktif .fb-count{opacity:.92}
body.berber-dark .filtre-btn2:hover .fb-count{opacity:.85}
body.berber-dark #randevu-liste{background:rgba(255,255,255,0.015)!important;border:1px solid rgba(255,255,255,0.06)!important;padding:8px 18px 18px!important;margin-top:14px!important}
body.berber-dark #randevu-liste .bos{padding:72px 24px!important;text-align:center!important;color:rgba(250,246,240,0.35)!important;font-family:var(--v5-mono)!important;font-size:10px!important;letter-spacing:1.6px!important;text-transform:uppercase!important;background:transparent!important}
body.berber-dark #randevu-liste .bos::before{content:"—  —  —";display:block;margin-bottom:16px;color:rgba(250,246,240,0.15);letter-spacing:6px}
body.berber-dark .r-gun{display:flex;align-items:center;gap:14px;padding:22px 6px 12px;margin-top:6px}
body.berber-dark .r-gun:first-child{margin-top:0;padding-top:8px}
body.berber-dark .r-gun-tarih{font-family:var(--v5-mono);font-size:9px;letter-spacing:2.4px;text-transform:uppercase;color:rgba(250,246,240,0.6);font-weight:500;white-space:nowrap}
body.berber-dark .r-gun::after{content:"";flex:1;height:1px;background:rgba(255,255,255,0.08)}
body.berber-dark .r-gun-chip{font-family:var(--v5-mono);font-size:8px;letter-spacing:1.4px;text-transform:uppercase;padding:4px 9px;font-weight:600;white-space:nowrap;border:1px solid transparent}
body.berber-dark .r-gun-chip.bugun{background:rgba(155,29,32,0.18);color:#FAF6F0;border-color:var(--v5-red)}
body.berber-dark .r-gun-chip.gecmis{color:rgba(250,246,240,0.28);border-color:rgba(250,246,240,0.12)}
body.berber-dark .r-gun-chip.gelecek{color:rgba(250,246,240,0.48);border-color:rgba(250,246,240,0.18)}
body.berber-dark .r-row{display:flex!important;align-items:flex-start!important;gap:16px!important;padding:14px 18px!important;border:none!important;border-left:2px solid rgba(255,255,255,0.06)!important;background:transparent!important;transition:background .15s ease,border-left-color .15s ease!important;position:relative;margin-bottom:1px!important;border-radius:0!important;box-shadow:none!important}
body.berber-dark .r-row:hover{background:rgba(255,255,255,0.02)!important;border-left-color:rgba(155,29,32,0.4)!important}
body.berber-dark .r-row.aktif{background:rgba(155,29,32,0.05)!important;border-left-color:var(--v5-red)!important}
body.berber-dark .r-row.aktif:hover{background:rgba(155,29,32,0.09)!important}
body.berber-dark .r-row.gecmis{opacity:0.78}
body.berber-dark .r-row.gecmis:hover{opacity:1}
body.berber-dark .r-row-time{font-family:var(--v5-mono);font-size:13px;color:#FAF6F0;letter-spacing:0.4px;min-width:54px;padding-top:4px;font-weight:500;flex-shrink:0}
body.berber-dark .r-row.gecmis .r-row-time{color:rgba(250,246,240,0.85)}
body.berber-dark .r-row-body{flex:1;min-width:0}
body.berber-dark .r-row-name{font-family:var(--v5-serif);font-size:17px;color:#FAF6F0;line-height:1.2;letter-spacing:-0.2px;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}
body.berber-dark .r-row-meta{font-family:var(--v5-mono);font-size:9px;color:rgba(250,246,240,0.5);letter-spacing:0.7px;text-transform:uppercase;display:flex;align-items:center;gap:8px;flex-wrap:wrap;line-height:1.4}
body.berber-dark .r-row-meta .r-sep{color:rgba(250,246,240,0.22)}
body.berber-dark .r-row-meta .r-berber{color:rgba(250,246,240,0.7)}
body.berber-dark .r-row-meta .r-tel{color:rgba(250,246,240,0.4)}
body.berber-dark .r-row-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:11px;background:rgba(255,255,255,0.2);align-self:flex-start}
body.berber-dark .r-row.bekliyor .r-row-dot{background:#ff9800;box-shadow:0 0 10px rgba(255,152,0,0.5)}
body.berber-dark .r-row.onaylandi .r-row-dot{background:#4caf50;box-shadow:0 0 10px rgba(76,175,80,0.45)}
body.berber-dark .r-row.reddedildi .r-row-dot,body.berber-dark .r-row.gelmedi .r-row-dot{background:var(--v5-red);box-shadow:0 0 10px rgba(155,29,32,0.5)}
body.berber-dark .r-row.gecti .r-row-dot{background:#9c5a00}
body.berber-dark .r-row.tamamlandi .r-row-dot{background:#4caf50}
body.berber-dark .r-row-acts{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}
body.berber-dark .r-act{font-family:var(--v5-mono);font-size:9px;letter-spacing:1.2px;text-transform:uppercase;padding:8px 15px;border-radius:2px;cursor:pointer;border:1px solid;transition:all .15s;font-weight:600;background:transparent;line-height:1}
body.berber-dark .r-act-ok{color:#7bc97b;border-color:rgba(45,106,45,0.5)}
body.berber-dark .r-act-ok:hover{background:rgba(45,106,45,0.18);border-color:#4caf50;box-shadow:0 0 12px rgba(45,106,45,0.25)}
body.berber-dark .r-act-no{color:#e68383;border-color:rgba(155,29,32,0.5)}
body.berber-dark .r-act-no:hover{background:rgba(155,29,32,0.18);border-color:var(--v5-red);box-shadow:0 0 12px rgba(155,29,32,0.3)}
body.berber-dark .r-act-back{color:rgba(250,246,240,0.7);border-color:rgba(255,255,255,0.2)}
body.berber-dark .r-act-back:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.4);color:#FAF6F0}
body.berber-dark .r-act-vip{color:#f9a825;border-color:rgba(249,168,37,0.4);padding:8px 12px}
body.berber-dark .r-act-vip:hover{background:rgba(249,168,37,0.12);box-shadow:0 0 12px rgba(249,168,37,0.2)}

/* ======== ISSUE 5: Filter button mobile symmetry ======== */
@media(max-width:560px){
  body.berber-dark .r-row{padding:12px 14px!important;gap:10px!important}
  body.berber-dark .r-row-time{min-width:46px!important;font-size:12px!important}
  body.berber-dark .r-row-main .r-row-name{max-width:none!important;flex:0 1 auto!important;font-size:14px!important}
  body.berber-dark .r-row-main .r-tel{font-size:8px!important;color:rgba(250,246,240,0.5)!important}
  body.berber-dark .r-row-main .r-row-hiz{font-size:8px!important}
  body.berber-dark .r-row-main .r-berber{font-size:8px!important}
  body.berber-dark .r-row-expand{padding-left:56px!important}
  body.berber-dark .berber-plan-slot{padding:10px 0!important;gap:12px!important}
  body.berber-dark .berber-plan-saat{min-width:46px!important;font-size:11px!important}
  body.berber-dark .berber-plan-musteri{font-size:14px!important;max-width:none!important}
  body.berber-dark .berber-plan-slot .berber-plan-tel{font-size:8px!important;color:rgba(250,246,240,0.5)!important}
  body.berber-dark .filtre-bar2{display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:6px 0 12px!important;justify-content:flex-start!important;border-bottom:1px solid rgba(255,255,255,0.06)!important;margin:0!important}
  body.berber-dark .filtre-bar2 > .filtre-btn2{flex:0 0 auto!important;width:calc(50% - 8px)!important;max-width:calc(50% - 8px)!important;min-width:0!important;padding:11px 6px!important;font-size:9px!important;justify-content:center!important;margin:0!important;box-sizing:border-box!important}
}

/* ======== ISSUE 7: Click-to-expand row layout (Tumu + Bugun) ======== */
body.berber-dark .r-row{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:14px!important;padding:13px 18px!important;cursor:pointer!important;user-select:none}
body.berber-dark .r-row-main{flex:1 1 0;min-width:0;display:flex;align-items:baseline;gap:10px;overflow:hidden;white-space:nowrap}
body.berber-dark .r-row-main .r-row-name{font-family:var(--v5-serif);font-size:15px;color:#FAF6F0;letter-spacing:-0.1px;font-weight:400;flex-shrink:0;max-width:42%;overflow:hidden;text-overflow:ellipsis;margin:0!important;line-height:1.3!important}
body.berber-dark .r-row-main .r-row-hiz{font-family:var(--v5-mono);font-size:9px;letter-spacing:0.8px;text-transform:uppercase;color:rgba(250,246,240,0.7);overflow:hidden;text-overflow:ellipsis;min-width:0}
body.berber-dark .r-row-main .r-sep{color:rgba(250,246,240,0.22);flex-shrink:0;font-size:11px}
body.berber-dark .r-row-main .r-berber{font-family:var(--v5-mono);font-size:9px;letter-spacing:0.8px;text-transform:uppercase;color:rgba(250,246,240,0.55);flex-shrink:0}
body.berber-dark .r-row-main .r-tel{font-family:var(--v5-mono);font-size:9px;color:rgba(250,246,240,0.35);letter-spacing:0.4px;flex-shrink:0}
body.berber-dark .r-row-dot{align-self:center!important;margin-top:0!important}
body.berber-dark .r-row-expand{flex-basis:100%;max-height:0;overflow:hidden;transition:max-height .28s cubic-bezier(.2,.8,.2,1);width:100%;padding-left:68px}
body.berber-dark .r-row.expanded .r-row-expand{max-height:80px;padding-top:10px;padding-bottom:4px}
body.berber-dark .r-row.expanded{background:rgba(155,29,32,0.08)!important;border-left-color:var(--v5-red)!important}
body.berber-dark .r-row-acts{display:flex!important;gap:7px!important;margin-top:0!important;flex-wrap:wrap}

/* Bugun berber-plan-slot single-line + expand */
body.berber-dark .berber-plan-slot{flex-wrap:wrap!important;cursor:pointer!important;user-select:none;padding:11px 0!important;gap:14px!important;align-items:center!important}
body.berber-dark .berber-plan-slot > .berber-plan-info{display:flex!important;flex:1 1 0;min-width:0;align-items:baseline;gap:10px;overflow:hidden;white-space:nowrap}
body.berber-dark .berber-plan-slot .berber-plan-musteri{font-size:15px!important;flex-shrink:0;max-width:42%;overflow:hidden;text-overflow:ellipsis}
body.berber-dark .berber-plan-slot .berber-plan-tel{font-family:var(--v5-mono)!important;font-size:9px!important;color:rgba(250,246,240,0.4)!important;letter-spacing:0.4px!important;flex-shrink:0}
body.berber-dark .berber-plan-slot .berber-plan-hizmet{font-size:9px!important;letter-spacing:0.8px!important;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;padding-top:0!important;text-align:left!important}
body.berber-dark .berber-plan-slot .bp-expand{flex-basis:100%;max-height:0;overflow:hidden;transition:max-height .28s cubic-bezier(.2,.8,.2,1);width:100%;padding-left:68px}
body.berber-dark .berber-plan-slot.expanded .bp-expand{max-height:80px;padding-top:8px}
body.berber-dark .berber-plan-slot.expanded{background:rgba(155,29,32,0.08)!important}
body.berber-dark .bp-acts{display:flex;gap:7px;flex-wrap:wrap}
body.berber-dark .bp-act{font-family:var(--v5-mono);font-size:9px;letter-spacing:1.2px;text-transform:uppercase;padding:7px 14px;border-radius:2px;cursor:pointer;border:1px solid;transition:all .15s;font-weight:600;background:transparent;line-height:1}
body.berber-dark .bp-act-ok{color:#7bc97b;border-color:rgba(45,106,45,0.5)}
body.berber-dark .bp-act-ok:hover{background:rgba(45,106,45,0.18);border-color:#4caf50}
body.berber-dark .bp-act-no{color:#e68383;border-color:rgba(155,29,32,0.5)}
body.berber-dark .bp-act-no:hover{background:rgba(155,29,32,0.18);border-color:var(--v5-red)}
body.berber-dark .bp-act-ok.bp-act-aktif{background:rgba(45,106,45,0.35);border-color:#4caf50;color:#a4e5a4;box-shadow:inset 0 0 0 1px rgba(76,175,80,0.4)}
body.berber-dark .bp-act-no.bp-act-aktif{background:rgba(155,29,32,0.3);border-color:var(--v5-red);color:#ff9b9b;box-shadow:inset 0 0 0 1px rgba(155,29,32,0.5)}

/* ======== ISSUE 8: Tum Gunler clickable header ======== */
body.berber-dark #tumu-gun-nav .gun-nav-tarih{cursor:pointer;transition:opacity .15s}
body.berber-dark #tumu-gun-nav .gun-nav-tarih:hover h3{color:var(--v5-red)!important}
body.berber-dark #tumu-gun-nav .gun-nav-tarih:hover p{color:rgba(155,29,32,0.6)!important}

/* ======== ISSUE 10: Ayarlar desktop masonry ======== */
@media(min-width:768px){
  body.berber-dark #ayarlar-icerik{display:block!important;column-count:2!important;column-gap:18px!important;max-width:1120px!important;margin:0 auto!important;padding:32px 24px 48px!important;grid-template-columns:none!important}
  body.berber-dark #ayarlar-icerik > .ayar-kart{break-inside:avoid!important;-webkit-column-break-inside:avoid!important;page-break-inside:avoid!important;margin-bottom:18px!important;display:block!important;width:100%}
  body.berber-dark #ayarlar-icerik > .dukkan-linki-kart{column-span:all!important;-webkit-column-span:all!important;margin-bottom:18px!important}
  body.berber-dark #ayarlar-icerik > .kaydet-btn{column-span:all!important;-webkit-column-span:all!important;margin-bottom:18px!important}
  body.berber-dark #ayarlar-icerik > #berber-abonelik-log{column-span:all!important;-webkit-column-span:all!important;margin-bottom:0!important}
}
@media(min-width:1200px){
  body.berber-dark #ayarlar-icerik{column-count:3!important;max-width:1200px!important}
}

/* Desktop centering */
@media(min-width:768px){
  #berber-panel .sayfa{max-width:720px;margin:0 auto}
  .bugun-wrap{max-width:720px;margin:0 auto!important}
  .randevu-wrap{max-width:720px;margin:0 auto}
  .ayar-wrap{max-width:720px;margin:0 auto}
  .sayfa-muhasebe-wrap{max-width:720px;margin:0 auto}
  #analiz-icerik{max-width:720px;margin:0 auto}
  .elle-fab{right:32px!important;bottom:32px!important;width:60px!important;height:60px!important;font-size:30px!important}
}
@media(min-width:1024px){
  #berber-panel #sayfa-ayarlar{max-width:1080px!important}
  #berber-panel #sayfa-ayarlar .ayar-wrap{max-width:1080px!important}
  #ayarlar-icerik{max-width:1080px!important;gap:18px!important}
}
@media(min-width:1200px){
  #berber-panel .sayfa{max-width:800px}
  .bugun-wrap{max-width:800px!important}
  .randevu-wrap{max-width:800px}
  .ayar-wrap{max-width:800px}
  .sayfa-muhasebe-wrap{max-width:800px}
  #analiz-icerik{max-width:800px}
  .elle-fab{right:40px!important;bottom:40px!important;width:64px!important;height:64px!important;font-size:32px!important;box-shadow:0 10px 32px rgba(155,29,32,0.5)!important}
  #berber-panel #sayfa-ayarlar{max-width:1120px!important}
  #berber-panel #sayfa-ayarlar .ayar-wrap{max-width:1120px!important}
  #ayarlar-icerik{max-width:1120px!important}
}


/* ===== Sayfa Basliklari ===== */
.sayfa-baslik{padding:18px 16px 8px;font-family:var(--v5-serif,serif);font-size:24px;font-weight:400;color:#1a1a2e;letter-spacing:-0.3px;line-height:1.1;margin:0;max-width:720px;margin-left:auto;margin-right:auto;text-align:center}
.sayfa-baslik-alt{padding:0 16px 14px;font-family:var(--v5-mono,monospace);font-size:10px;color:#888;letter-spacing:1.5px;text-transform:uppercase;max-width:720px;margin-left:auto;margin-right:auto;border-bottom:1px solid #eee;margin-bottom:14px;text-align:center}
body.berber-dark .sayfa-baslik{color:#FAF6F0}
body.berber-dark .sayfa-baslik-alt{color:rgba(250,246,240,0.4);border-bottom-color:rgba(255,255,255,0.06)}

/* ===== Paket Locked Overlay ===== */
.pkt-has-lock{position:relative;overflow:hidden}
.pkt-locked-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,8,8,0.92),rgba(155,29,32,0.45));backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;z-index:5;color:#FAF6F0;border-radius:inherit}
.pkt-locked-icon{font-size:32px;margin-bottom:10px;opacity:0.85}
.pkt-locked-label{font-family:var(--v5-mono,monospace);font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:#9B1D20;background:#FAF6F0;padding:3px 10px;border-radius:10px;margin-bottom:10px;font-weight:700}
.pkt-locked-desc{font-size:13px;line-height:1.5;color:rgba(250,246,240,0.9);margin-bottom:16px;max-width:240px}
.pkt-locked-desc strong{color:#FAF6F0;font-weight:700}
.pkt-locked-btn{background:#FAF6F0;color:#9B1D20;border:none;padding:11px 20px;border-radius:8px;font-family:var(--v5-mono,monospace);font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;transition:transform .15s}
.pkt-locked-btn:hover{transform:translateY(-1px)}
body.berber-dark .pkt-locked-overlay{background:linear-gradient(135deg,rgba(0,0,0,0.95),rgba(155,29,32,0.55))}


/* ===== Analiz Dark Mode Uyum ===== */
body.berber-dark .analiz-eyebrow{color:var(--v5-red)!important}
body.berber-dark .analiz-h1{color:#FAF6F0!important}
body.berber-dark .analiz-dbtn{background:rgba(255,255,255,0.02)!important;border:1px solid rgba(255,255,255,0.1)!important;color:rgba(250,246,240,0.55)!important;font-weight:600!important}
body.berber-dark .analiz-dbtn:hover:not(.aktif){background:rgba(155,29,32,0.08)!important;border-color:rgba(155,29,32,0.3)!important;color:rgba(250,246,240,0.8)!important}
body.berber-dark .analiz-dbtn.aktif{background:#9B1D20!important;color:#FAF6F0!important;border-color:#9B1D20!important}
body.berber-dark .analiz-kpi{background:rgba(255,255,255,0.02)!important;border:1px solid rgba(255,255,255,0.08)!important;color:#FAF6F0!important}
body.berber-dark .analiz-kpi:hover{border-color:rgba(155,29,32,0.4)!important;background:rgba(155,29,32,0.04)!important}
body.berber-dark .analiz-kpi::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:var(--v5-red);opacity:.6}
body.berber-dark .analiz-kpi-l{color:rgba(250,246,240,0.5)!important}
body.berber-dark .analiz-kpi-n{color:#FAF6F0!important}
body.berber-dark .analiz-kpi-u{color:rgba(250,246,240,0.4)!important}
body.berber-dark .analiz-card{background:rgba(255,255,255,0.02)!important;border:1px solid rgba(255,255,255,0.08)!important;color:#FAF6F0!important}
body.berber-dark .analiz-card:hover{border-color:rgba(255,255,255,0.12)!important}
body.berber-dark .analiz-card-head{color:#FAF6F0!important;border-bottom:1px solid rgba(255,255,255,0.08)!important;font-family:var(--v5-serif)!important;font-weight:400!important}
body.berber-dark .analiz-li{border-bottom-color:rgba(255,255,255,0.05)!important;color:rgba(250,246,240,0.85)!important}
body.berber-dark .analiz-li-n{color:var(--v5-red)!important}
body.berber-dark .analiz-li-t{color:#FAF6F0!important}
body.berber-dark .analiz-li-v{color:rgba(250,246,240,0.5)!important}
body.berber-dark .analiz-lock{padding:40px 20px}
body.berber-dark .analiz-lock-card{background:rgba(255,255,255,0.02)!important;border:1px solid rgba(255,255,255,0.08)!important}
body.berber-dark .analiz-lock-ico{color:var(--v5-red)!important}
body.berber-dark .analiz-lock-title{color:#FAF6F0!important}
body.berber-dark .analiz-lock-sub{color:rgba(250,246,240,0.6)!important}
body.berber-dark .analiz-lock-tag{color:var(--v5-red)!important}
body.berber-dark .alf{color:rgba(250,246,240,0.85)!important}
body.berber-dark .analiz-upgrade-btn{background:var(--v5-red)!important;color:#FAF6F0!important}
body.berber-dark .analiz-upgrade-btn:hover{background:#7d1619!important}
body.berber-dark .analiz-lock-now{color:rgba(250,246,240,0.4)!important}
/* Canvas'in chart rengi dark mod icin */
body.berber-dark #analiz-saatler-canvas{filter:brightness(1.1)}
/* Donem bar ortali + koyu tema */
body.berber-dark .analiz-wrap .analiz-donem-bar{background:rgba(255,255,255,0.02)!important;border-radius:12px!important;padding:4px!important;gap:0!important;border:1px solid rgba(255,255,255,0.05)!important}
body.berber-dark .analiz-wrap .analiz-donem-bar .analiz-dbtn{border-radius:10px!important;border:none!important;margin:0!important}


/* ===== Muhasebe Dark Mode - Rafine Premium ===== */
body.berber-dark .mh-head{display:none!important}
body.berber-dark .sayfa-muhasebe-wrap,body.berber-dark #muhasebe-icerik{background:transparent!important;padding:4px 16px 40px!important}
body.berber-dark .mh-period{background:rgba(255,255,255,0.02)!important;border:1px solid rgba(255,255,255,0.08)!important;border-radius:10px!important;padding:4px!important;overflow:hidden;max-width:420px;margin:0 auto 20px!important;display:flex;justify-content:center}
body.berber-dark .mh-period-btn{background:transparent!important;border:none!important;color:rgba(250,246,240,0.55)!important;padding:9px 18px!important;border-radius:8px!important;font-weight:600!important;letter-spacing:1.4px!important;transition:all .15s;flex:1}
body.berber-dark .mh-period-btn:hover:not(.aktif){background:rgba(255,255,255,0.03)!important;color:rgba(250,246,240,0.85)!important}
body.berber-dark .mh-period-btn.aktif{background:#9B1D20!important;color:#FAF6F0!important}
body.berber-dark .mh-kpis{grid-template-columns:repeat(3,1fr)!important;gap:12px!important;max-width:720px!important;margin:0 auto 20px!important}
@media(max-width:720px){body.berber-dark .mh-kpis{grid-template-columns:repeat(2,1fr)!important}}
body.berber-dark .mh-kpi{background:rgba(255,255,255,0.02)!important;border:1px solid rgba(255,255,255,0.08)!important;border-left:1px solid rgba(255,255,255,0.08)!important;color:#FAF6F0!important;padding:18px 16px!important;border-radius:10px!important;transition:border-color .15s;position:relative}
body.berber-dark .mh-kpi:hover{border-color:rgba(155,29,32,0.35)!important}
body.berber-dark .mh-kpi::before{content:'';position:absolute;top:0;left:16px;right:16px;height:1px;background:rgba(155,29,32,0.4);opacity:0.6}
body.berber-dark .mh-kpi.kar{grid-column:1/-1!important;background:rgba(255,255,255,0.03)!important;border-top:1px solid rgba(155,29,32,0.5)!important}
body.berber-dark .mh-kpi-label{color:rgba(250,246,240,0.5)!important;font-family:var(--v5-mono)!important;font-size:9px!important;letter-spacing:1.8px!important;text-transform:uppercase!important}
body.berber-dark .mh-kpi-val{color:#FAF6F0!important;font-family:var(--v5-serif)!important;font-size:26px!important;font-weight:400!important;letter-spacing:-0.3px!important}
body.berber-dark .mh-kpi.kar .mh-kpi-val{font-size:30px!important}
body.berber-dark .mh-kpi-unit{color:rgba(250,246,240,0.4)!important;font-family:var(--v5-mono)!important;font-size:10px!important}
body.berber-dark .mh-kpi-sub{color:rgba(250,246,240,0.5)!important;font-family:var(--v5-mono)!important;font-size:9px!important;letter-spacing:0.8px!important}
body.berber-dark .mh-section{background:rgba(255,255,255,0.02)!important;border:1px solid rgba(255,255,255,0.08)!important;border-radius:10px!important;margin-bottom:14px!important;max-width:720px!important;margin-left:auto!important;margin-right:auto!important;overflow:hidden}
body.berber-dark .mh-section-head{background:transparent!important;color:#FAF6F0!important;padding:16px 20px 12px!important;border-bottom:1px solid rgba(255,255,255,0.06)!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;flex-wrap:nowrap!important}
body.berber-dark .mh-section-title{font-family:var(--v5-serif)!important;font-size:18px!important;font-weight:400!important;color:#FAF6F0!important;letter-spacing:0.2px!important;flex:1;min-width:0}
body.berber-dark .mh-section-body{padding:0!important;color:#FAF6F0}
body.berber-dark .mh-bar-wrap{padding:12px 20px!important;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,0.04)}
body.berber-dark .mh-bar-wrap:last-child{border-bottom:none}
body.berber-dark .mh-bar-lbl{color:rgba(250,246,240,0.55)!important;font-family:var(--v5-mono)!important;font-size:10px!important;letter-spacing:1px!important;min-width:40px!important;flex-shrink:0}
body.berber-dark .mh-bar{background:rgba(255,255,255,0.04)!important;border-radius:3px!important;height:6px!important;flex:1}
body.berber-dark .mh-bar-fill{background:rgba(155,29,32,0.85)!important;border-radius:3px!important;height:100%}
body.berber-dark .mh-bar-val{color:rgba(250,246,240,0.85)!important;font-family:var(--v5-mono)!important;font-size:11px!important;min-width:70px!important;text-align:right!important;flex-shrink:0}
body.berber-dark .mh-berber-row{border-bottom:1px solid rgba(255,255,255,0.04)!important;padding:14px 20px!important;display:grid!important;grid-template-columns:40px 1fr auto auto!important;align-items:center!important;gap:14px!important;margin:0!important}
body.berber-dark .mh-berber-row:last-child{border-bottom:none!important}
body.berber-dark .mh-berber-av{background:rgba(155,29,32,0.25)!important;color:#FAF6F0!important;width:36px!important;height:36px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-family:var(--v5-serif)!important;font-size:15px!important;font-weight:400!important;flex-shrink:0!important;background-image:none!important}
body.berber-dark .mh-berber-info{min-width:0!important;overflow:hidden}
body.berber-dark .mh-berber-isim{color:#FAF6F0!important;font-family:var(--v5-serif)!important;font-size:15px!important;font-weight:400!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2!important}
body.berber-dark .mh-berber-sub{color:rgba(250,246,240,0.45)!important;font-family:var(--v5-mono)!important;font-size:9px!important;letter-spacing:1px!important;margin-top:2px!important;line-height:1.2!important}
body.berber-dark .mh-berber-vals{text-align:right!important;display:flex!important;flex-direction:column!important;gap:2px!important;min-width:80px!important}
body.berber-dark .mh-berber-ciro{color:rgba(250,246,240,0.55)!important;font-family:var(--v5-mono)!important;font-size:10px!important;letter-spacing:0.5px!important;line-height:1.2}
body.berber-dark .mh-berber-kom{color:#FAF6F0!important;font-family:var(--v5-mono)!important;font-size:13px!important;font-weight:600!important;line-height:1.2}
body.berber-dark .mh-pay-btn{background:rgba(155,29,32,0.08)!important;color:var(--v5-red)!important;border:1px solid rgba(155,29,32,0.4)!important;padding:7px 14px!important;border-radius:6px!important;font-family:var(--v5-mono)!important;font-size:10px!important;font-weight:600!important;letter-spacing:1.2px!important;cursor:pointer!important;transition:all .15s!important;text-transform:uppercase!important;white-space:nowrap}
body.berber-dark .mh-pay-btn:hover{background:var(--v5-red)!important;color:#FAF6F0!important;border-color:var(--v5-red)!important}
body.berber-dark .mh-gider-row{border-bottom:1px solid rgba(255,255,255,0.04)!important;padding:14px 20px!important;display:grid!important;grid-template-columns:36px 1fr auto auto!important;align-items:center!important;gap:14px!important}
body.berber-dark .mh-gider-row:last-child{border-bottom:none!important}
body.berber-dark .mh-gider-ico{background:rgba(255,255,255,0.04)!important;color:rgba(250,246,240,0.65)!important;border:1px solid rgba(255,255,255,0.1)!important;width:36px!important;height:36px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;font-size:14px}
body.berber-dark .mh-gider-info{flex:1;min-width:0;overflow:hidden}
body.berber-dark .mh-gider-ac{color:#FAF6F0!important;font-family:var(--v5-sans)!important;font-size:14px!important;font-weight:500!important;margin-bottom:2px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2!important}
body.berber-dark .mh-gider-meta{color:rgba(250,246,240,0.45)!important;font-family:var(--v5-mono)!important;font-size:9px!important;letter-spacing:1px!important;line-height:1.2!important}
body.berber-dark .mh-gider-tut{color:#FAF6F0!important;font-family:var(--v5-mono)!important;font-size:13px!important;font-weight:600!important;white-space:nowrap!important}
body.berber-dark .mh-gider-sil{background:transparent!important;color:rgba(250,246,240,0.25)!important;border:none!important;cursor:pointer!important;padding:6px!important;transition:color .15s!important;line-height:1}
body.berber-dark .mh-gider-sil:hover{color:var(--v5-red)!important}
body.berber-dark .mh-section-head .mh-add-btn{background:transparent!important;color:rgba(250,246,240,0.65)!important;border:1px solid rgba(255,255,255,0.15)!important;border-radius:6px!important;padding:7px 12px!important;font-family:var(--v5-mono)!important;font-size:10px!important;letter-spacing:1.2px!important;font-weight:600!important;cursor:pointer;transition:all .15s;text-transform:uppercase;width:auto!important;margin-top:0!important;flex-shrink:0}
body.berber-dark .mh-section-head .mh-add-btn:hover{background:rgba(155,29,32,0.12)!important;color:var(--v5-red)!important;border-color:rgba(155,29,32,0.4)!important}
body.berber-dark .mh-hizmet-row{padding:12px 20px!important;border-bottom:1px solid rgba(255,255,255,0.04)!important}
body.berber-dark .mh-hizmet-row:last-child{border-bottom:none!important}
body.berber-dark .mh-hizmet-isim{color:#FAF6F0!important;font-family:var(--v5-sans)!important;font-size:13px!important;font-weight:500!important}
body.berber-dark .mh-hizmet-count{color:rgba(250,246,240,0.45)!important;font-family:var(--v5-mono)!important;font-size:10px!important;letter-spacing:0.8px!important}
body.berber-dark .mh-hizmet-bar{background:rgba(255,255,255,0.04)!important;height:4px!important;border-radius:2px!important;margin-top:8px!important;overflow:hidden}
body.berber-dark .mh-hizmet-bar-fill{background:rgba(155,29,32,0.75)!important;height:100%!important;border-radius:2px!important}
body.berber-dark .mh-empty{color:rgba(250,246,240,0.35)!important;text-align:center!important;padding:28px 20px!important;font-family:var(--v5-mono)!important;font-size:10px!important;letter-spacing:1.3px!important;text-transform:uppercase!important}
body.berber-dark .mh-gider-modal-tip{color:rgba(250,246,240,0.7)!important}
body.berber-dark .mh-gider-tip-btn{background:rgba(255,255,255,0.04)!important;border:1px solid rgba(255,255,255,0.1)!important;color:rgba(250,246,240,0.75)!important;padding:8px 14px!important;border-radius:6px!important;font-family:var(--v5-mono)!important;font-size:10px!important;letter-spacing:1px!important;cursor:pointer;transition:all .15s}
body.berber-dark .mh-gider-tip-btn:hover,body.berber-dark .mh-gider-tip-btn.aktif{background:rgba(155,29,32,0.15)!important;border-color:var(--v5-red)!important;color:#FAF6F0!important}
body.berber-dark .mh-chart{filter:brightness(1.05);padding:12px 20px}


/* ===== Durum Dropdown (chip tiklaninca) ===== */
.dd-durum-pop{position:absolute;top:calc(100% + 8px);right:0;background:#0f0f0f;border:1px solid rgba(155,29,32,0.4);border-radius:10px;box-shadow:0 8px 32px rgba(0,0,0,0.6);padding:4px;min-width:160px;z-index:9998}
html[dir=rtl] .dd-durum-pop{right:auto;left:0}
.dd-durum-item{display:flex;align-items:center;gap:10px;padding:10px 14px;font-family:var(--v5-mono);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;font-weight:600;cursor:pointer;border-radius:6px;color:rgba(250,246,240,0.85);transition:background .15s}
.dd-durum-item:hover{background:rgba(155,29,32,0.12)}
.dd-durum-item .dd-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.dd-durum-item.acik .dd-dot{background:#4caf50}
.dd-durum-item.yogun .dd-dot{background:#ff9800}
.dd-durum-item.kapali .dd-dot{background:#f44336}
.dd-durum-item.aktif{background:rgba(155,29,32,0.12);color:#FAF6F0}
#dukkan-badge:hover{opacity:0.8}

/* ===== PWA Ana Ekrana Ekleme ===== */
.pwa-install-btn{margin-top:18px!important;background:linear-gradient(135deg,rgba(12,12,12,0.95),rgba(20,8,9,0.95))!important;border:1px solid rgba(155,29,32,0.55)!important;color:#FAF6F0!important;transition:all .25s ease!important;position:relative;overflow:hidden;letter-spacing:1.6px!important;font-weight:600!important;box-shadow:0 2px 12px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.04)!important}
.pwa-install-btn::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,transparent,#9B1D20 20%,#9B1D20 80%,transparent);opacity:0.9}
.pwa-install-btn::after{content:'';position:absolute;top:-50%;right:-30%;width:120px;height:200%;background:radial-gradient(ellipse,rgba(155,29,32,0.15) 0%,transparent 70%);pointer-events:none;transition:opacity .3s}
.pwa-install-btn:hover{background:linear-gradient(135deg,rgba(20,8,9,0.98),rgba(40,10,12,0.98))!important;border-color:rgba(200,40,45,0.8)!important;transform:translateY(-1px);box-shadow:0 6px 20px rgba(155,29,32,0.25),inset 0 1px 0 rgba(255,255,255,0.06)!important}
.pwa-install-btn:hover::before{background:#9B1D20;box-shadow:0 0 8px rgba(155,29,32,0.8)}
.pwa-install-btn .pwa-install-ico{width:18px;height:18px;color:#9B1D20;stroke:#9B1D20;flex-shrink:0;transition:color .25s,stroke .25s}
.pwa-install-btn:hover .pwa-install-ico{color:#C83030;stroke:#C83030}
.pwa-install-btn.installed{opacity:0.5!important;pointer-events:none}
.pwa-modal-overlay{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,0.75);display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.pwa-modal{background:#1a1a1a;color:#FAF6F0;border-radius:16px;max-width:380px;width:100%;padding:24px;border:1px solid rgba(155,29,32,0.4);box-shadow:0 20px 60px rgba(0,0,0,0.6)}
.pwa-modal-head{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-family:var(--v5-serif,serif);font-size:20px;font-weight:400}
.pwa-modal-icon{font-size:24px}
.pwa-modal-desc{font-size:13px;color:rgba(250,246,240,0.7);line-height:1.5;margin-bottom:18px}
.pwa-step{display:flex;gap:12px;margin-bottom:14px;align-items:flex-start}
.pwa-step-num{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:rgba(155,29,32,0.25);border:1px solid rgba(155,29,32,0.5);color:#FAF6F0;font-family:var(--v5-mono,monospace);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}
.pwa-step-text{flex:1;font-size:13px;line-height:1.5;color:rgba(250,246,240,0.85)}
.pwa-step-text strong{color:#FAF6F0;font-weight:600}
.pwa-modal-close{margin-top:10px;width:100%;padding:12px;background:#9B1D20;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s;font-family:inherit}
.pwa-modal-close:hover{background:#7d1619}
.pwa-share-icon{display:inline-block;width:14px;height:14px;vertical-align:-2px;margin:0 2px;color:#1565c0}

/* ===== Premium Teaser (Analiz blur fragmani) ===== */
.prm-teaser-wrap{position:relative;padding:16px 12px 28px}
.prm-teaser-head{font-family:var(--v5-serif,serif);font-size:28px;font-weight:400;color:var(--v5-text);text-align:center;margin-bottom:6px;letter-spacing:-0.3px}
.prm-teaser-sub{font-family:var(--v5-mono,monospace);font-size:10px;color:#888;letter-spacing:1.5px;text-transform:uppercase;text-align:center;margin-bottom:24px}
.prm-teaser-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:560px;margin:0 auto 18px}
.prm-kpi{background:#fff;border:1px solid #eee;border-radius:10px;padding:16px;position:relative;overflow:hidden}
.prm-kpi-l{font-family:var(--v5-mono,monospace);font-size:9px;letter-spacing:1.4px;color:#999;text-transform:uppercase;margin-bottom:6px}
.prm-kpi-n{font-family:var(--v5-serif,serif);font-size:26px;font-weight:400;color:#1a1a2e;line-height:1}
.prm-kpi-u{font-family:var(--v5-mono,monospace);font-size:9px;letter-spacing:1.2px;color:#888;text-transform:uppercase;margin-top:2px}
.prm-kpi.prm-locked .prm-kpi-n{color:#9B1D20;letter-spacing:2px;font-family:var(--v5-mono,monospace);font-size:22px;user-select:none;-webkit-user-select:none}
.prm-kpi.prm-locked::after{content:'🔒';position:absolute;top:8px;right:10px;font-size:12px;opacity:0.55}
.prm-locked-text{font-family:var(--v5-mono,monospace);color:#9B1D20;letter-spacing:1.5px;user-select:none;-webkit-user-select:none}
.prm-list-val{font-family:var(--v5-mono,monospace);font-size:11px;color:#9B1D20!important;letter-spacing:1px;filter:none!important;user-select:none}
.prm-chart-card{background:#fff;border:1px solid #eee;border-radius:10px;padding:18px;max-width:560px;margin:0 auto 16px;position:relative;overflow:hidden}
.prm-chart-title{font-family:var(--v5-serif,serif);font-size:16px;color:#1a1a2e;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}
.prm-chart-lock{font-size:11px;background:rgba(155,29,32,0.1);color:#9B1D20;padding:3px 8px;border-radius:10px;font-family:var(--v5-mono,monospace);letter-spacing:1px;text-transform:uppercase;font-weight:600}
.prm-chart-svg{opacity:0.85}
.prm-chart-svg svg{width:100%;height:120px;display:block;filter:saturate(0.85)}
.prm-list-card{background:#fff;border:1px solid #eee;border-radius:10px;padding:18px;max-width:560px;margin:0 auto 16px}
.prm-list-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0;font-size:13px}
.prm-list-row:last-child{border-bottom:none}
.prm-list-rank{font-family:var(--v5-serif,serif);font-size:18px;color:#9B1D20;width:24px}
.prm-list-name{flex:1;color:#1a1a2e;font-weight:500}
/* prm-list-val: locked override CSS'i yukarida tanimlandi */
.prm-cta-card{background:linear-gradient(135deg,#9B1D20,#5a1014);color:#FAF6F0;border-radius:14px;padding:24px 20px;max-width:560px;margin:24px auto 32px;text-align:center;box-shadow:0 12px 40px rgba(155,29,32,0.4)}
.prm-cta-eyebrow{font-family:var(--v5-mono,monospace);font-size:10px;letter-spacing:2px;color:rgba(255,255,255,0.7);text-transform:uppercase;margin-bottom:8px}
.prm-cta-title{font-family:var(--v5-serif,serif);font-size:24px;font-weight:400;margin-bottom:10px;line-height:1.2}
.prm-cta-desc{font-size:13px;color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:18px}
.prm-cta-feats{display:flex;flex-direction:column;gap:6px;margin-bottom:20px;text-align:left;font-size:13px}
.prm-cta-feat{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,0.9)}
.bp-act.bp-act-bl{background:rgba(155,29,32,0.1)!important;color:#9B1D20!important;border:1px solid rgba(155,29,32,0.4)!important}
.bp-act.bp-act-bl:hover{background:rgba(155,29,32,0.2)!important;color:#FAF6F0!important;border-color:#9B1D20!important}
.prm-cta-feat::before{content:'✓';color:#4caf50;font-weight:700}
.prm-cta-btn{display:inline-block;background:#FAF6F0;color:#9B1D20;border:none;padding:14px 32px;border-radius:10px;font-family:var(--v5-mono,monospace);font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;cursor:pointer;transition:transform .15s,box-shadow .15s;width:100%}
.prm-cta-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,0.3)}
body.berber-dark .prm-kpi{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.1)}
body.berber-dark .prm-kpi-n{color:#FAF6F0}
body.berber-dark .prm-kpi-l{color:rgba(250,246,240,0.5)}
body.berber-dark .prm-chart-card,body.berber-dark .prm-list-card{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.1)}
body.berber-dark .prm-chart-title{color:#FAF6F0}
body.berber-dark .prm-list-row{border-bottom-color:rgba(255,255,255,0.06)}
body.berber-dark .prm-list-name{color:#FAF6F0}
body.berber-dark .prm-teaser-head{color:#FAF6F0}

/* ===== Berber Ekleme Modal (BRE) ===== */
.bre-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.bre-modal{background:#fff;border-radius:14px;max-width:420px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,0.4);display:flex;flex-direction:column}
.bre-head{padding:20px 24px;font-family:var(--v5-serif,serif);font-size:22px;font-weight:400;color:#1a1a2e;border-bottom:1px solid #eee}
.bre-body{padding:20px 24px;display:flex;flex-direction:column;gap:14px}
.bre-field{display:flex;flex-direction:column;gap:6px}
.bre-field label{font-size:11px;font-weight:600;color:#666;font-family:var(--v5-mono,monospace);letter-spacing:1px;text-transform:uppercase}
.bre-field input[type=text],.bre-field input[type=tel],.bre-field input[type=password]{padding:11px 14px;border:1.5px solid #ddd;border-radius:8px;font-size:14px;outline:none;transition:border-color .15s,background .15s;background:#fafafa;color:#1a1a2e;font-family:inherit;direction:ltr}
.bre-field input:focus{border-color:#9B1D20;background:#fff}
.bre-field input.err{border-color:#e53935;background:#fff5f5}
.bre-hint{font-size:11px;color:#888;margin-top:-2px}
.bre-err{font-size:12px;color:#e53935;font-weight:500}
.bre-err:empty{display:none}
.bre-rutbe-row{display:flex;gap:8px}
.bre-rb{flex:1;padding:11px 14px;border:1.5px solid #ddd;border-radius:8px;background:#fafafa;cursor:pointer;font-size:13px;font-weight:600;color:#666;transition:all .15s;font-family:inherit}
.bre-rb:hover{border-color:#bbb}
.bre-rb.active{border-color:#9B1D20;background:rgba(155,29,32,0.08);color:#9B1D20}
.bre-actions{padding:14px 24px 18px;border-top:1px solid #eee;display:flex;gap:10px;background:#f8f8f8;border-radius:0 0 14px 14px}
.bre-cancel,.bre-next{flex:1;padding:12px 16px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s;font-family:inherit;letter-spacing:.3px}
.bre-cancel{background:#fff;border:1.5px solid #ddd;color:#666}
.bre-cancel:hover{background:#f0f0f0}
.bre-next{background:#9B1D20;color:#fff}
.bre-next:hover{background:#7d1619}
.bre-next:disabled{opacity:0.6;cursor:not-allowed}
.bre-otp-row{display:flex;gap:8px;justify-content:center;margin:14px 0;direction:ltr}
.bre-otp-d{width:42px;height:50px;text-align:center;font-size:22px;font-weight:bold;border:1.5px solid #ddd;border-radius:8px;background:#fafafa;outline:none;transition:border-color .15s,background .15s;font-family:var(--v5-mono,monospace);color:#1a1a2e;padding:0}
.bre-otp-d:focus{border-color:#9B1D20;background:#fff}
.bre-otp-d.err{border-color:#e53935;background:#fff5f5}
.bre-resend{margin-top:14px;text-align:center;font-size:12px;color:#888}
.bre-resend a{cursor:pointer;color:#1565c0;text-decoration:underline}
.bre-otp-tel{font-weight:bold;font-size:16px;margin-bottom:18px;text-align:center;font-family:var(--v5-mono,monospace);color:#1a1a2e;direction:ltr}
.bre-otp-desc{margin-bottom:8px;color:#666;font-size:13px;text-align:center}
/* Dark mode */
body.berber-dark .bre-modal{background:#1a1a1a;color:#FAF6F0;border:1px solid rgba(255,255,255,0.1)}
body.berber-dark .bre-head{color:#FAF6F0;border-bottom-color:rgba(255,255,255,0.08)}
body.berber-dark .bre-field label{color:rgba(250,246,240,0.6)}
body.berber-dark .bre-field input{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.12);color:#FAF6F0}
body.berber-dark .bre-field input:focus{background:rgba(255,255,255,0.08);border-color:#9B1D20}
body.berber-dark .bre-field input.err{background:rgba(229,57,53,0.1);border-color:#e53935}
body.berber-dark .bre-hint{color:rgba(250,246,240,0.4)}
body.berber-dark .bre-rb{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.12);color:rgba(250,246,240,0.6)}
body.berber-dark .bre-rb:hover{border-color:rgba(255,255,255,0.25)}
body.berber-dark .bre-rb.active{background:rgba(155,29,32,0.18);border-color:#9B1D20;color:#FAF6F0}
body.berber-dark .bre-actions{background:rgba(0,0,0,0.3);border-top-color:rgba(255,255,255,0.08)}
body.berber-dark .bre-cancel{background:transparent;border-color:rgba(255,255,255,0.15);color:rgba(250,246,240,0.7)}
body.berber-dark .bre-cancel:hover{background:rgba(255,255,255,0.05)}
body.berber-dark .bre-otp-d{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.12);color:#FAF6F0}
body.berber-dark .bre-otp-d:focus{background:rgba(255,255,255,0.08);border-color:#9B1D20}
body.berber-dark .bre-otp-tel,body.berber-dark .bre-otp-desc{color:#FAF6F0}
body.berber-dark .bre-resend{color:rgba(250,246,240,0.5)}

/* ===== ? Tooltip Yardim ===== */
.acc-help{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:rgba(0,0,0,0.06);color:#666;font-size:11px;font-weight:700;cursor:pointer;border:none;margin-inline-start:6px;flex-shrink:0;font-family:inherit;transition:all .15s;line-height:1;padding:0}
.acc-help:hover{background:#9B1D20;color:#fff}
.acc-tooltip{position:fixed;background:#1a1a1a;color:#fff;padding:12px 14px;border-radius:8px;font-size:12px;font-family:var(--v5-sans,sans-serif);font-weight:400;line-height:1.5;max-width:280px;z-index:99998;box-shadow:0 10px 30px rgba(0,0,0,0.4);letter-spacing:0.2px;border:1px solid rgba(155,29,32,0.4)}
.acc-tooltip::before{content:'';position:absolute;top:-6px;left:20px;width:12px;height:12px;background:#1a1a1a;transform:rotate(45deg);border-left:1px solid rgba(155,29,32,0.4);border-top:1px solid rgba(155,29,32,0.4)}
.acc-tooltip-close{position:absolute;top:6px;right:8px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:transparent;color:rgba(255,255,255,0.5);border:none;cursor:pointer;font-size:14px;line-height:1;border-radius:50%;padding:0}
.acc-tooltip-close:hover{background:rgba(255,255,255,0.1);color:#fff}
body.berber-dark .acc-help{background:rgba(255,255,255,0.06);color:rgba(250,246,240,0.65)}
body.berber-dark .acc-help:hover{background:#9B1D20;color:#FAF6F0}

/* ===== Ayarlar Accordion ===== */
#ayarlar-icerik,body.berber-dark #ayarlar-icerik{display:flex!important;flex-direction:column!important;gap:8px!important;max-width:720px!important;margin:0 auto!important;column-count:unset!important;grid-template-columns:none!important}
@media(min-width:1024px){#ayarlar-icerik,body.berber-dark #ayarlar-icerik{max-width:720px!important}}
@media(min-width:1200px){#ayarlar-icerik,body.berber-dark #ayarlar-icerik{max-width:720px!important}}
.ayar-baslik{cursor:pointer!important;user-select:none;display:flex!important;align-items:center!important;justify-content:space-between!important;transition:color .2s,background .2s}
.ayar-baslik::after{content:'\25B8';font-size:11px;color:#bbb;transition:transform .25s ease;flex-shrink:0;margin-inline-start:auto}
.acc-open > .ayar-baslik::after{transform:rotate(90deg);color:#9B1D20}
.acc-fixed > .ayar-baslik{cursor:default!important;background:transparent!important}
.acc-fixed > .ayar-baslik::after{display:none!important}
.acc-fixed > .ayar-baslik:hover{background:transparent!important}
.ayar-kart:not(.acc-open) > *:not(.ayar-baslik),body.berber-dark #ayarlar-icerik > .ayar-kart:not(.acc-open) > *:not(.ayar-baslik){display:none!important}
.ayar-kart:not(.acc-open) > .ayar-baslik{border-bottom:none!important}
.acc-open > .ayar-baslik{color:#1a1a2e;background:rgba(0,0,0,.03)}
.ayar-baslik:hover{background:rgba(0,0,0,.04)!important}
#ayarlar-icerik > .kaydet-btn{margin-top:12px}
body.berber-dark .acc-open > .ayar-baslik{color:rgba(250,246,240,0.85)!important;background:rgba(255,255,255,0.04)!important}
body.berber-dark .ayar-baslik::after{color:rgba(250,246,240,0.25)}
body.berber-dark .acc-open > .ayar-baslik::after{color:var(--v5-red)}
body.berber-dark .ayar-baslik:hover{background:rgba(255,255,255,0.03)!important}

/* ===== ANALIZ PAGE v5 ===== */
#analiz-icerik{padding:20px 16px}
.analiz-wrap{display:flex;flex-direction:column;gap:18px;max-width:900px;margin:0 auto}
.analiz-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;padding-bottom:4px}
.analiz-eyebrow{font-family:var(--v5-mono);font-size:9px;letter-spacing:2.4px;color:var(--v5-red);text-transform:uppercase;margin-bottom:4px}
.analiz-h1{font-family:var(--v5-serif);font-size:32px;font-weight:400;color:var(--v5-text);letter-spacing:-0.5px;line-height:1.1}
.analiz-donem-bar{display:flex;gap:0}
.analiz-dbtn{border:1px solid var(--v5-line);background:var(--v5-paper);color:var(--v5-muted);padding:9px 18px;font-family:var(--v5-mono);font-size:10px;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;margin-left:-1px;transition:all .15s}
.analiz-dbtn:first-child{margin-left:0;border-radius:2px 0 0 2px}
.analiz-dbtn:last-child{border-radius:0 2px 2px 0}
.analiz-dbtn.aktif{background:var(--v5-black);color:#FAF6F0;border-color:var(--v5-black)}
.analiz-dbtn:hover:not(.aktif){background:var(--v5-bg)}
.analiz-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:720px;margin:0 auto}
@media(max-width:720px){.analiz-kpi-grid{grid-template-columns:repeat(2,1fr)}}
.analiz-kpi{background:var(--v5-paper);border:1px solid var(--v5-line);padding:18px 16px;border-radius:10px;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden;transition:transform .15s,border-color .15s}
.analiz-kpi:hover{transform:translateY(-1px);border-color:rgba(155,29,32,0.3)}
.analiz-kpi::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:var(--v5-red);opacity:.8}
.analiz-kpi-l{font-family:var(--v5-mono);font-size:9px;letter-spacing:1.4px;color:var(--v5-faint);text-transform:uppercase}
.analiz-kpi-n{font-family:var(--v5-serif);font-size:30px;font-weight:400;color:var(--v5-text);line-height:1;margin-top:4px}
.analiz-kpi-u{font-family:var(--v5-mono);font-size:9px;letter-spacing:1.2px;color:var(--v5-muted);text-transform:uppercase}
.analiz-card{background:var(--v5-paper);border:1px solid var(--v5-line);border-radius:10px;padding:20px 22px;max-width:720px;margin:0 auto;width:100%;box-sizing:border-box}
.analiz-card-head{font-family:var(--v5-serif);font-size:18px;font-weight:400;color:var(--v5-text);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--v5-line)}
.analiz-card canvas{width:100%!important;max-width:100%;display:block}
.analiz-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:720px){.analiz-row{grid-template-columns:1fr}}
.analiz-li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(8,8,8,0.04);font-family:var(--v5-sans);font-size:13px}
.analiz-li:last-child{border-bottom:none}
.analiz-li-n{font-family:var(--v5-serif);font-size:18px;color:var(--v5-red);min-width:22px;line-height:1}
.analiz-li-t{flex:1;color:var(--v5-text);font-weight:500}
.analiz-li-v{font-family:var(--v5-mono);font-size:10px;letter-spacing:.8px;color:var(--v5-muted);text-transform:uppercase}
.analiz-lock{padding:40px 20px;display:flex;justify-content:center}
.analiz-lock-card{max-width:440px;background:var(--v5-paper);border:1px solid var(--v5-line);padding:44px 36px;border-radius:2px;text-align:center}
.analiz-lock-ico{width:48px;height:48px;margin:0 auto 16px;color:var(--v5-red);opacity:.8}
.analiz-lock-ico svg{width:100%;height:100%}
.analiz-lock-tag{font-family:var(--v5-mono);font-size:9px;letter-spacing:2px;color:var(--v5-red);text-transform:uppercase;margin-bottom:8px}
.analiz-lock-title{font-family:var(--v5-serif);font-size:28px;font-weight:400;color:var(--v5-text);margin-bottom:10px}
.analiz-lock-sub{font-family:var(--v5-sans);font-size:13px;color:var(--v5-muted);line-height:1.5;margin-bottom:18px}
.analiz-lock-feats{display:flex;flex-direction:column;gap:8px;margin-bottom:22px;text-align:left}
.alf{display:flex;align-items:center;gap:10px;font-family:var(--v5-sans);font-size:12px;color:var(--v5-text)}
.alf-dot{width:5px;height:5px;border-radius:50%;background:var(--v5-red);flex-shrink:0}
.analiz-upgrade-btn{background:var(--v5-red);color:#FAF6F0;border:none;padding:13px 28px;font-family:var(--v5-mono);font-size:10px;letter-spacing:1.6px;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background .15s}
.analiz-upgrade-btn:hover{background:#7d1619}
.analiz-lock-now{margin-top:14px;font-family:var(--v5-mono);font-size:9px;letter-spacing:1.4px;color:var(--v5-faint);text-transform:uppercase}

/* Berber name edit + unified unavailable block */
.b-isim-input{background:transparent;border:none;border-bottom:1px dashed transparent;font-size:15px;font-weight:700;color:#1A1A1A;padding:2px 0;width:100%;font-family:var(--v5-sans);outline:none;transition:border-color .15s}
.b-isim-input:hover{border-bottom-color:rgba(155,29,32,0.3)}
.b-isim-input:focus{border-bottom-color:var(--v5-red)}
.md-satir{display:flex;align-items:center;gap:6px;padding:8px 16px;border-top:1px solid #f4f4f4;flex-wrap:wrap}
.md-ico{font-size:14px;flex-shrink:0}
.md-date{flex:1 1 140px;min-width:130px}
.md-time{flex:0 0 90px;min-width:80px}
.md-dash{color:#999;font-size:12px}
.md-reason{flex:1 1 120px;min-width:100px}
.md-add-btn{background:#FAF6F0;color:#9B1D20;border:1px dashed rgba(155,29,32,0.35);border-radius:2px;padding:10px 14px;cursor:pointer;font-family:var(--v5-mono);font-size:10px;letter-spacing:1.2px;text-transform:uppercase;font-weight:600;width:100%;transition:all .15s}
.md-add-btn:hover{background:rgba(155,29,32,0.06);border-color:var(--v5-red);border-style:solid}

/* Ayarlar 2-col grid */
@media(min-width:768px){
  #ayarlar-icerik{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-items:start;max-width:960px;margin:0 auto}
  #ayarlar-icerik > .ayar-kart{margin-bottom:0;height:100%;display:flex;flex-direction:column}
  #ayarlar-icerik > .dukkan-linki-kart{grid-column:1 / -1}
  #ayarlar-icerik > .kaydet-btn{grid-column:1 / -1;margin-top:8px}
  #ayarlar-icerik > #berber-abonelik-log{grid-column:1 / -1}
}
/* ========== Ayarlar v6 — Dark Editorial ========== */
body.berber-dark #ayarlar-icerik{padding:28px 18px 40px;display:flex;flex-direction:column;gap:18px;max-width:1120px;margin:0 auto}
@media(min-width:768px){body.berber-dark #ayarlar-icerik{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding:32px 24px 48px;align-items:start;grid-auto-rows:max-content}
body.berber-dark #ayarlar-icerik > .ayar-kart{height:auto!important;align-self:start!important}}
body.berber-dark #ayarlar-icerik > .ayar-kart{height:auto!important;min-height:0!important;flex:0 0 auto!important;justify-content:flex-start!important}
body.berber-dark #berber-listesi-ayar{display:block!important;flex:0 0 auto!important;height:auto!important}
body.berber-dark .berber-kart-ayar{display:block!important;height:auto!important;min-height:0!important;flex:0 0 auto!important}
body.berber-dark .berber-kart-ayar .berber-kart-head{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;padding:10px 14px!important;min-height:0!important;height:auto!important;flex:0 0 auto!important}
body.berber-dark .berber-kart-ayar .berber-kart-head > .b-avatar{align-self:center!important;flex:0 0 34px!important}
body.berber-dark .berber-kart-ayar .berber-kart-head > div[style*="flex:1"]{flex:1 1 auto!important;display:block!important;min-width:0!important;align-self:center!important}
body.berber-dark .berber-kart-ayar .berber-kart-head > div[style*="display:flex"]{flex:0 0 auto!important;align-self:center!important}
@media(min-width:1200px){body.berber-dark #ayarlar-icerik{grid-template-columns:repeat(3,1fr);max-width:1200px}}
body.berber-dark #ayarlar-icerik > .dukkan-linki-kart{grid-column:1/-1}
body.berber-dark #ayarlar-icerik > .kaydet-btn{grid-column:1/-1}
body.berber-dark #ayarlar-icerik > #berber-abonelik-log{grid-column:1/-1;color:rgba(250,246,240,0.3)!important}
body.berber-dark .ayar-kart{background:rgba(255,255,255,0.02)!important;border:1px solid rgba(255,255,255,0.08)!important;border-left:1px solid rgba(255,255,255,0.08)!important;border-radius:2px!important;box-shadow:none!important;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s ease}
body.berber-dark .ayar-kart:hover{border-color:rgba(155,29,32,0.35)!important}
body.berber-dark .ayar-kart .ayar-baslik{background:transparent!important;border-bottom:1px solid rgba(255,255,255,0.06)!important;padding:18px 22px 14px!important;font-family:var(--v5-mono)!important;font-size:10px!important;letter-spacing:2.4px!important;color:rgba(250,246,240,0.55)!important;text-transform:uppercase!important;font-weight:500!important}
body.berber-dark .ayar-item{padding:13px 22px!important;border-bottom:1px solid rgba(255,255,255,0.04)!important;font-size:13px;background:transparent!important;flex-wrap:wrap;gap:10px}
body.berber-dark .ayar-item:last-child{border-bottom:none!important}
body.berber-dark .ayar-item .ayar-label{font-family:var(--v5-mono)!important;font-size:10px!important;letter-spacing:1.4px!important;color:rgba(250,246,240,0.55)!important;text-transform:uppercase!important;font-weight:500!important;flex:1;min-width:120px}
body.berber-dark .ayar-item .ayar-label small{color:rgba(250,246,240,0.35)!important;text-transform:none!important;letter-spacing:0.2px!important;font-size:10px!important}
body.berber-dark .ayar-item input[type=text],body.berber-dark .ayar-item input[type=time],body.berber-dark .ayar-item input[type=tel],body.berber-dark .ayar-item input[type=number]{background:rgba(255,255,255,0.03)!important;border:1px solid rgba(255,255,255,0.1)!important;color:#FAF6F0!important;font-family:var(--v5-sans)!important;padding:10px 12px!important;border-radius:2px!important;font-size:13px!important;min-width:160px;transition:border-color .15s;text-align:start!important;direction:inherit!important}
body.berber-dark .ayar-item input[type=time],body.berber-dark .ayar-item input[type=tel]{direction:ltr!important;text-align:left!important}
html[dir=rtl] body.berber-dark .ayar-item input[type=time],html[dir=rtl] body.berber-dark .ayar-item input[type=tel]{text-align:right!important}
body.berber-dark .ayar-item input:focus{outline:none;border-color:var(--v5-red)!important;background:rgba(255,255,255,0.05)!important}
body.berber-dark .ayar-item input::placeholder{color:rgba(250,246,240,0.25)!important}
body.berber-dark .ayar-kart > div[style*="padding:12px"]{padding:14px 22px 18px!important}
body.berber-dark .ayar-kart .ekle-btn{background:rgba(155,29,32,0.08)!important;color:var(--v5-red)!important;border:1px dashed rgba(155,29,32,0.4)!important;border-radius:2px!important;padding:12px!important;font-family:var(--v5-mono)!important;font-size:10px!important;letter-spacing:1.4px!important;text-transform:uppercase!important;font-weight:600!important;cursor:pointer!important;transition:all .15s}
body.berber-dark .ayar-kart .ekle-btn:hover{background:rgba(155,29,32,0.18)!important;border-style:solid!important}
body.berber-dark .ayar-kart .kk-btn{background:rgba(255,255,255,0.04)!important;color:rgba(250,246,240,0.75)!important;border:1px solid rgba(255,255,255,0.12)!important;border-radius:2px!important;padding:6px 10px!important;font-family:var(--v5-mono)!important;font-size:9px!important;letter-spacing:1.1px!important;text-transform:uppercase!important;font-weight:600!important;transition:all .15s;align-self:center;white-space:nowrap;line-height:1.1}
body.berber-dark .ayar-kart .kk-btn:hover{background:rgba(155,29,32,0.15)!important;color:#FAF6F0!important;border-color:var(--v5-red)!important}
body.berber-dark .ayar-kart .hizmet-item{border-bottom:1px solid rgba(255,255,255,0.06)!important;padding:14px 22px!important;background:transparent!important;gap:10px!important}
body.berber-dark .ayar-kart .hizmet-item:last-child{border-bottom:none!important}
body.berber-dark .ayar-kart .hizmet-item:hover{background:rgba(255,255,255,0.015)!important}
body.berber-dark .ayar-kart .hizmet-isim{color:#FAF6F0!important;font-family:var(--v5-serif)!important;font-size:14px!important;font-weight:400!important;letter-spacing:0.2px!important}
body.berber-dark .ayar-kart .hizmet-item > div[style*="flex:1"] > div:nth-child(2){color:rgba(250,246,240,0.4)!important;font-family:var(--v5-mono)!important;font-size:10px!important;letter-spacing:1px!important;text-transform:uppercase!important;margin-top:4px!important}
/* Override inline orange/blue/red button colors in dark mode */
body.berber-dark .ayar-kart .kk-btn[onclick*="hizmetDuzenle"]{background:rgba(255,255,255,0.04)!important;color:rgba(250,246,240,0.75)!important}
body.berber-dark .ayar-kart .kk-btn[onclick*="hizmetSil"]{background:rgba(155,29,32,0.08)!important;color:rgba(230,140,140,0.85)!important;border-color:rgba(155,29,32,0.25)!important}
body.berber-dark .ayar-kart .kk-btn[onclick*="hizmetleriSifirla"]{background:rgba(255,255,255,0.04)!important;color:rgba(250,246,240,0.55)!important}
body.berber-dark .berber-kart-ayar{background:rgba(255,255,255,0.02)!important;border:1px solid rgba(255,255,255,0.06)!important;border-radius:2px!important;margin:0 18px 10px!important;overflow:hidden}
body.berber-dark .berber-kart-ayar:last-child{margin-bottom:14px!important}
body.berber-dark .berber-kart-ayar .berber-kart-head{padding:10px 14px!important;gap:10px!important;display:flex!important;align-items:center!important;border-bottom:1px solid rgba(255,255,255,0.04);line-height:1.1!important;min-height:0!important}body.berber-dark .berber-kart-ayar .berber-kart-head > div[style*="flex:1"]{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;line-height:1.1!important;min-width:0!important}body.berber-dark .berber-kart-ayar .b-isim-input{display:block!important;width:100%!important}body.berber-dark .berber-kart-ayar .b-durum{display:block!important}
body.berber-dark .b-isim-input{background:transparent!important;color:#FAF6F0!important;font-family:var(--v5-serif)!important;font-size:14px!important;font-weight:400!important;border:none!important;border-bottom:1px dashed transparent!important;padding:1px 0!important;outline:none;transition:border-color .15s;line-height:1.2}
body.berber-dark .b-isim-input:focus{border-bottom-color:var(--v5-red)!important}
body.berber-dark .b-durum{font-family:var(--v5-mono)!important;font-size:8.5px!important;letter-spacing:1.1px!important;text-transform:uppercase!important;margin-top:2px!important;line-height:1.2}
body.berber-dark .b-owner-badge{background:var(--v5-red)!important;color:#FAF6F0!important}
body.berber-dark{color-scheme:dark}
body.berber-dark .mesai-satir{background:transparent!important;border-top:1px solid rgba(255,255,255,0.04)!important;padding:10px 14px!important;gap:10px!important;flex-wrap:nowrap!important;align-items:center!important;min-height:0!important;justify-content:flex-start!important}
body.berber-dark .mesai-label{color:rgba(250,246,240,0.45)!important;font-family:var(--v5-mono)!important;font-size:9px!important;letter-spacing:1.1px!important;text-transform:uppercase!important;min-width:0!important;flex:0 0 auto!important;margin:0!important;white-space:nowrap}
body.berber-dark .mesai-satir .mesai-label[style*="margin-left"]{margin-left:8px!important}
body.berber-dark .mesai-input{background:rgba(255,255,255,0.03)!important;border:1px solid rgba(255,255,255,0.1)!important;color:#FAF6F0!important;padding:6px 8px!important;border-radius:2px!important;font-family:var(--v5-sans)!important;font-size:12px!important;width:96px!important;flex:0 0 96px!important;box-sizing:border-box!important;color-scheme:dark}
body.berber-dark .mesai-input:focus{outline:none;border-color:var(--v5-red)!important}
body.berber-dark .mesai-input::-webkit-datetime-edit{color:#FAF6F0!important;padding:0!important}
body.berber-dark .mesai-input::-webkit-datetime-edit-fields-wrapper{padding:0!important}
body.berber-dark .mesai-input::-webkit-datetime-edit-text{color:rgba(250,246,240,0.5)!important;padding:0 1px!important}
body.berber-dark .mesai-input::-webkit-datetime-edit-hour-field,body.berber-dark .mesai-input::-webkit-datetime-edit-minute-field{color:#FAF6F0!important;background:transparent!important}
body.berber-dark .mesai-input::-webkit-datetime-edit-hour-field:focus,body.berber-dark .mesai-input::-webkit-datetime-edit-minute-field:focus{background:rgba(155,29,32,0.3)!important;color:#FAF6F0!important;outline:none}
body.berber-dark .mesai-input::-webkit-calendar-picker-indicator{filter:invert(0.85) brightness(0.9)!important;cursor:pointer;padding:0;margin-left:4px;opacity:0.7}
body.berber-dark .mesai-input::-webkit-calendar-picker-indicator:hover{opacity:1}
body.berber-dark .mesai-input::-webkit-inner-spin-button,body.berber-dark .mesai-input::-webkit-clear-button{display:none!important}
/* ==================== ACCORDION: berber ayarlar ==================== */
body.berber-dark .berber-accordion-row{display:flex;align-items:center;gap:12px;padding:14px 18px;cursor:pointer;user-select:none;background:transparent;transition:background .15s ease;min-height:48px}
body.berber-dark .berber-accordion-row:hover{background:rgba(155,29,32,0.08)}
body.berber-dark .berber-kart-ayar.acc-open .berber-accordion-row{background:rgba(155,29,32,0.12);border-bottom:1px solid rgba(155,29,32,0.25)}
body.berber-dark .berber-accordion-row .acc-name{flex:1 1 auto;min-width:0;font-family:var(--v5-serif);font-size:15px;font-weight:500;color:#FAF6F0;letter-spacing:0.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.berber-dark .berber-accordion-row .b-owner-badge{flex:0 0 auto;background:var(--v5-red)!important;color:#FAF6F0!important;font-family:var(--v5-mono);font-size:8px;letter-spacing:1.2px;text-transform:uppercase;padding:4px 8px;border-radius:2px;font-weight:600}
body.berber-dark .berber-accordion-row .acc-durum{flex:0 0 auto;font-family:var(--v5-mono);font-size:9px;letter-spacing:1.1px;text-transform:uppercase;font-weight:500}
body.berber-dark .berber-accordion-row .acc-chevron{flex:0 0 18px;width:18px;height:18px;color:rgba(250,246,240,0.5);transition:transform .25s ease}
body.berber-dark .berber-kart-ayar.acc-open .berber-accordion-row .acc-chevron{transform:rotate(180deg);color:var(--v5-red)}
body.berber-dark .berber-accordion-body{display:none;padding-bottom:6px;animation:accFade .22s ease-out}
body.berber-dark .berber-kart-ayar.acc-open .berber-accordion-body{display:block}
@keyframes accFade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
body.berber-dark .yetki-header{padding:12px 18px 6px!important;font-family:var(--v5-mono)!important;font-size:9px!important;letter-spacing:1.3px!important;color:rgba(250,246,240,0.4)!important;text-transform:uppercase!important;background:transparent!important;font-weight:500!important}
body.berber-dark .berber-aksiyon-row{display:flex;gap:10px;padding:12px 18px 14px;border-top:1px solid rgba(255,255,255,0.05);margin-top:6px}
body.berber-dark .berber-aksiyon-row .kk-btn{flex:1;padding:10px 14px!important;font-family:var(--v5-mono)!important;font-size:10px!important;letter-spacing:1.3px!important;text-transform:uppercase!important;font-weight:600!important;border-radius:2px!important;cursor:pointer;transition:all .15s}
body.berber-dark .berber-aksiyon-row .kk-btn-toggle{background:rgba(255,255,255,0.04)!important;color:rgba(250,246,240,0.75)!important;border:1px solid rgba(255,255,255,0.1)!important}
body.berber-dark .berber-aksiyon-row .kk-btn-toggle:hover{background:rgba(255,255,255,0.08)!important;border-color:rgba(255,255,255,0.2)!important}
body.berber-dark .berber-aksiyon-row .kk-btn-sil{background:rgba(155,29,32,0.08)!important;color:rgba(230,140,140,0.9)!important;border:1px solid rgba(155,29,32,0.3)!important}
body.berber-dark .berber-aksiyon-row .kk-btn-sil:hover{background:rgba(155,29,32,0.18)!important;border-color:rgba(155,29,32,0.55)!important;color:#ff9090!important}
/* Premium locked overlay */
body.berber-dark .premium-locked{position:relative}
body:not(.paket-premium) .premium-locked > *{filter:blur(4px) saturate(0.5);pointer-events:none;user-select:none}
body:not(.paket-premium) .premium-locked::after{content:"🔒 PREMIUM";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(8,8,8,0.88),rgba(155,29,32,0.3));color:#FAF6F0;font-family:var(--v5-mono);font-size:11px;letter-spacing:1.4px;text-transform:uppercase;font-weight:600;text-align:center;padding:16px;z-index:2;pointer-events:none}
body:not(.paket-premium) .premium-locked{cursor:pointer}
body:not(.paket-premium) .premium-locked:hover::after{background:linear-gradient(135deg,rgba(8,8,8,0.94),rgba(155,29,32,0.45))}
body.berber-dark .md-satir{background:transparent!important;border-top:1px solid rgba(255,255,255,0.03)!important;padding:10px 16px!important}
body.berber-dark .md-ico{color:rgba(250,246,240,0.4)!important}
body.berber-dark .md-dash{color:rgba(250,246,240,0.3)!important}
body.berber-dark .md-reason{background:rgba(255,255,255,0.03)!important;color:#FAF6F0!important}
body.berber-dark .md-reason::placeholder{color:rgba(250,246,240,0.25)!important}
body.berber-dark .mola-sil{background:transparent!important;color:var(--v5-red)!important;border:1px solid rgba(155,29,32,0.4)!important;border-radius:2px!important}
body.berber-dark .md-add-btn{background:rgba(155,29,32,0.06)!important;color:var(--v5-red)!important;border:1px dashed rgba(155,29,32,0.35)!important;padding:8px 12px!important;font-size:9px!important}body.berber-dark .berber-kart-ayar > div[style*="padding:10px 16px 4px"]{padding:6px 14px 4px!important}
body.berber-dark .md-add-btn:hover{background:rgba(155,29,32,0.15)!important}
body.berber-dark .berber-kart-ayar > div[style*="background:#f8f8f8"]{background:transparent!important;color:rgba(250,246,240,0.4)!important;border-top:1px solid rgba(255,255,255,0.04)}
body.berber-dark .yetki-satir{background:transparent!important;color:rgba(250,246,240,0.7)!important;border-top:1px solid rgba(255,255,255,0.03)!important;padding:8px 14px!important;font-size:11.5px!important;min-height:0!important}body.berber-dark .yetki-satir .toggle{transform:scale(0.85);transform-origin:right center}body.berber-dark .berber-kart-ayar > div[style*="padding:4px 0 8px"]{padding:0!important}body.berber-dark .berber-kart-ayar > div[style*="padding:4px 0 8px"] > div[style*="font-size:11px;font-weight:bold"]{padding:7px 14px 6px!important;font-family:var(--v5-mono)!important;font-size:9px!important;letter-spacing:1.4px!important;color:rgba(250,246,240,0.45)!important;background:transparent!important;border-top:1px solid rgba(255,255,255,0.04)!important;text-transform:uppercase!important}
body.berber-dark .berber-kart-ayar > div[style*="border-top:1px solid #f0f0f0"]{border-top:1px solid rgba(255,255,255,0.04)!important;background:transparent!important}
body.berber-dark .berber-kart-ayar input[type=tel]{background:rgba(255,255,255,0.03)!important;border:1px solid rgba(255,255,255,0.1)!important;color:#FAF6F0!important}
body.berber-dark .berber-kart-ayar input[type=tel]::placeholder{color:rgba(250,246,240,0.25)!important}
body.berber-dark .berber-kart-ayar div[style*="font-size:11px;font-weight:bold;color:#888"],body.berber-dark .berber-kart-ayar div[style*="font-size:10px;color:#bbb"]{color:rgba(250,246,240,0.4)!important}
body.berber-dark .berber-kart-ayar > div[style*="padding:10px 16px 14px"]{padding:8px 14px 10px!important;border-top:1px solid rgba(255,255,255,0.04)!important}
body.berber-dark .mh-komisyon-kart{background:transparent!important;border-top:1px solid rgba(255,255,255,0.04)!important;padding:10px 14px!important}
body.berber-dark .mh-komisyon-kart-title{color:rgba(250,246,240,0.4)!important;font-family:var(--v5-mono)!important;letter-spacing:1.4px!important}
body.berber-dark .mh-kom-select,body.berber-dark .mh-kom-input{background:rgba(255,255,255,0.03)!important;border:1px solid rgba(255,255,255,0.1)!important;color:#FAF6F0!important;padding:8px 10px!important;border-radius:2px!important;font-family:var(--v5-sans)!important}
body.berber-dark .mh-kom-hint{color:rgba(250,246,240,0.35)!important}
body.berber-dark .toggle{background:rgba(255,255,255,0.1)!important}
body.berber-dark .toggle.on{background:var(--v5-red)!important}
body.berber-dark .namaz-kart{background:rgba(255,255,255,0.02)!important;border:1px solid rgba(255,255,255,0.08)!important;border-left:1px solid rgba(255,255,255,0.08)!important}
body.berber-dark .gun-sonu-kart{background:rgba(255,255,255,0.02)!important;border:1px solid rgba(255,255,255,0.08)!important}
body.berber-dark .gun-sonu-kart .ayar-baslik{color:rgba(250,246,240,0.55)!important}
body.berber-dark .gs-mini-desc,body.berber-dark .nz-hint{color:rgba(250,246,240,0.45)!important}
body.berber-dark .gs-btn{background:rgba(155,29,32,0.15)!important;color:#FAF6F0!important;border:1px solid var(--v5-red)!important}
body.berber-dark .gs-btn:hover{background:var(--v5-red)!important}
body.berber-dark .nz-ctrl{border-bottom-color:rgba(255,255,255,0.06)!important}
body.berber-dark .nz-row + .nz-row{border-top-color:rgba(255,255,255,0.04)!important}
body.berber-dark .nz-label{color:rgba(250,246,240,0.55)!important}
body.berber-dark .nz-input{background:rgba(255,255,255,0.03)!important;border:1px solid rgba(255,255,255,0.1)!important;color:#FAF6F0!important}
body.berber-dark .nz-time-cell{background:rgba(255,255,255,0.03)!important;border:1px solid rgba(255,255,255,0.06)!important}
body.berber-dark .nz-time-name{color:rgba(250,246,240,0.45)!important}
body.berber-dark .nz-time-val{color:#FAF6F0!important}
body.berber-dark .nz-loading{color:rgba(250,246,240,0.4)!important}
body.berber-dark .kl-wrap{padding:14px 22px 18px!important}
body.berber-dark .kl-bos{color:rgba(250,246,240,0.35)!important;padding:18px 0!important}
body.berber-dark .kl-row{background:rgba(255,255,255,0.02)!important;border:1px solid rgba(255,255,255,0.06)!important}
body.berber-dark .kl-isim{color:#FAF6F0!important}
body.berber-dark .kl-tel{color:#E8B5B7!important}
body.berber-dark .kl-meta{color:rgba(250,246,240,0.4)!important}
body.berber-dark .kl-kaldir{background:transparent!important;color:var(--v5-red)!important;border:1px solid var(--v5-red)!important}
body.berber-dark .kl-kaldir:hover{background:var(--v5-red)!important;color:#FAF6F0!important}
body.berber-dark .kaydet-btn{background:var(--v5-red)!important;color:#FAF6F0!important;border:none!important;padding:16px!important;font-family:var(--v5-mono)!important;font-size:11px!important;letter-spacing:2px!important;text-transform:uppercase!important;font-weight:600!important;border-radius:2px!important;margin-top:8px!important;transition:background .2s}
body.berber-dark .kaydet-btn:hover{background:#7d1619!important}
body.berber-dark .b-avatar{background:rgba(255,255,255,0.06)!important;color:#FAF6F0!important;width:34px!important;height:34px!important;font-family:var(--v5-serif)!important;font-weight:400!important;font-size:15px!important;border:1px solid rgba(255,255,255,0.1)!important;flex-shrink:0}
body.berber-dark .berber-kart-ayar button[style*="background:#e8f5e9"]{background:rgba(45,106,45,0.15)!important;color:#7bc97b!important;border:1px solid rgba(45,106,45,0.4)!important}
body.berber-dark .gs-wrap{padding:16px 22px 20px!important}
/* ========== Bugun plani - v5 premium dark ========== */
body.berber-dark .gun-plani-wrap{background:rgba(255,255,255,0.02)!important;border:1px solid rgba(255,255,255,0.08)!important;border-radius:2px!important;box-shadow:none!important;overflow:hidden!important;margin:0 0 12px!important}
body.berber-dark .gun-plani-baslik{background:transparent!important;padding:18px 22px 14px!important;border-bottom:1px solid rgba(255,255,255,0.06)!important;display:flex!important;align-items:center!important;gap:10px!important;font-family:var(--v5-mono)!important;font-size:10px!important;letter-spacing:2.4px!important;color:rgba(250,246,240,0.75)!important;text-transform:uppercase!important;font-weight:500!important}
body.berber-dark .gun-plani-baslik::before{content:"";width:3px;height:14px;background:var(--v5-red);flex-shrink:0}
body.berber-dark .berber-plan-blok{padding:16px 22px 18px!important;border-bottom:1px solid rgba(255,255,255,0.04)!important;background:transparent!important}
body.berber-dark .berber-plan-blok:last-child{border-bottom:none!important}
body.berber-dark .berber-plan-isim{font-family:var(--v5-mono)!important;font-size:9px!important;letter-spacing:1.8px!important;color:rgba(250,246,240,0.55)!important;text-transform:uppercase!important;margin-bottom:10px!important;display:flex!important;align-items:center!important;gap:10px!important;font-weight:500!important}
body.berber-dark .berber-plan-isim::after{content:"";flex:1;height:1px;background:rgba(255,255,255,0.06)}
body.berber-dark .berber-plan-isim > span[style*="border-radius:50%"]{background:var(--v5-red)!important;width:2px!important;height:11px!important;border-radius:0!important;margin-right:4px!important}
body.berber-dark .berber-plan-slot{display:flex!important;align-items:flex-start!important;gap:14px!important;padding:12px 0!important;border-top:1px solid rgba(255,255,255,0.04)!important;border-left:none!important;margin-left:0!important;padding-left:0!important}
body.berber-dark .berber-plan-isim + .berber-plan-slot{border-top:none!important;padding-top:2px!important}
body.berber-dark .berber-plan-saat{font-family:var(--v5-mono)!important;font-size:12px!important;color:#FAF6F0!important;letter-spacing:0.6px!important;min-width:54px!important;padding-top:4px!important;font-weight:500!important;flex-shrink:0}
body.berber-dark .berber-plan-info{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:baseline!important;gap:10px!important;flex:1 1 0!important;min-width:0!important;overflow:hidden!important;white-space:nowrap!important}
body.berber-dark .berber-plan-musteri{font-family:var(--v5-serif)!important;font-size:17px!important;color:#FAF6F0!important;font-weight:400!important;line-height:1.2!important;letter-spacing:-0.2px!important}
body.berber-dark .berber-plan-tel{font-family:var(--v5-mono)!important;font-size:9px!important;color:rgba(250,246,240,0.45)!important;letter-spacing:0.4px!important}
body.berber-dark .berber-plan-tel a{color:inherit!important;text-decoration:none!important}
body.berber-dark .berber-plan-hizmet{font-family:var(--v5-mono)!important;font-size:9px!important;color:rgba(250,246,240,0.5)!important;letter-spacing:0.6px!important;text-transform:uppercase!important;padding-top:5px!important;text-align:right;flex-shrink:0}

.kaydet-btn{width:100%;padding:14px;background:var(--v5-black);color:#FAF6F0;border:none;border-radius:2px;font-family:var(--v5-mono);font-size:11px;letter-spacing:1.8px;text-transform:uppercase;font-weight:600;cursor:pointer;transition:background .15s;margin-top:12px}
.kaydet-btn:hover{background:#1a1a1a}
.ekle-btn{width:100%;padding:11px;background:#FAF6F0;color:var(--v5-red);border:1px dashed rgba(155,29,32,0.4);border-radius:2px;font-family:var(--v5-mono);font-size:10px;letter-spacing:1.3px;text-transform:uppercase;font-weight:600;cursor:pointer;transition:all .15s}
.ekle-btn:hover{background:rgba(155,29,32,0.06);border-style:solid}
/* Loading spinner */
.loading-dot{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:loading-spin .7s linear infinite;vertical-align:middle}
@keyframes loading-spin{to{transform:rotate(360deg)}}
button[disabled]{opacity:.65;cursor:not-allowed}


/* ========= Realtime Toast Stack (premium) ========= */
.toast-stack{position:fixed;top:calc(20px + env(safe-area-inset-top,0));right:calc(20px + env(safe-area-inset-right,0));z-index:99999;display:flex;flex-direction:column;gap:10px;pointer-events:none;max-width:360px}
html[dir=rtl] .toast-stack{right:auto;left:calc(20px + env(safe-area-inset-left,0))}
.toast-item{pointer-events:auto;background:#080808;color:#FAF6F0;border-left:3px solid #9B1D20;padding:14px 16px 14px 14px;display:flex;gap:12px;align-items:flex-start;box-shadow:0 12px 40px rgba(0,0,0,0.4), 0 0 0 1px rgba(155,29,32,0.25);font-family:var(--v5-sans);min-width:300px;transform:translateX(400px);opacity:0;animation:toast-in .35s cubic-bezier(.2,.8,.2,1) forwards;cursor:pointer;border-radius:2px}
html[dir=rtl] .toast-item{transform:translateX(-400px);border-left:none;border-right:3px solid #9B1D20}
html[dir=rtl] .fiyat-tablo td:first-child{text-align:right}
html[dir=rtl] .bildirim-dot{margin-left:0;margin-right:4px}
html[dir=rtl] .vip-badge{margin-right:0;margin-left:3px}
html[dir=rtl] .hizmet-fiyat{margin-right:0;margin-left:4px}
html[dir=rtl] .b-owner-badge{margin-left:0;margin-right:8px}
html[dir=rtl] .mh-kpi-unit{margin-left:0;margin-right:4px}
@keyframes toast-in{to{transform:translateX(0);opacity:1}}
.toast-item.toast-out{animation:toast-out .25s ease forwards}
@keyframes toast-out{to{transform:translateX(400px);opacity:0}}
.toast-ico{color:#9B1D20;padding-top:2px;flex-shrink:0}
.toast-body{flex:1;min-width:0}
.toast-label{font-family:var(--v5-mono);font-size:9px;letter-spacing:1.6px;color:#9B1D20;margin-bottom:4px}
.toast-name{font-family:var(--v5-serif);font-size:19px;font-weight:400;line-height:1.2;color:#FAF6F0;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.toast-meta{font-family:var(--v5-mono);font-size:10px;letter-spacing:0.4px;color:rgba(250,246,240,0.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.toast-x{background:none;border:none;color:rgba(250,246,240,0.4);font-size:20px;cursor:pointer;padding:0 4px;line-height:1;transition:color .2s;flex-shrink:0}
.toast-x:hover{color:#FAF6F0}
.toast-item:hover{box-shadow:0 14px 46px rgba(0,0,0,0.5), 0 0 0 1px rgba(155,29,32,0.4), 0 0 20px rgba(155,29,32,0.15)}
@media(max-width:480px){
  .toast-stack{top:12px;right:12px;left:12px;max-width:none}
  .toast-item{min-width:0}
}


/* === P1 gecti-row & snackbar === */
.gecti-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--v5-line,#e5e5e5);background:rgba(156,90,0,0.03)}
.gecti-saat{font-family:var(--v5-mono,monospace);font-size:11px;color:var(--v5-warn,#9C5A00);min-width:42px;letter-spacing:0.4px;font-weight:500}
.gecti-isim{flex:1;font-family:var(--v5-sans,sans-serif);font-size:13px;color:var(--v5-text,#080808);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column}
.gecti-hiz{font-family:var(--v5-mono,monospace);font-size:9px;color:var(--v5-faint,#999);letter-spacing:0.4px;margin-top:1px;text-transform:uppercase}
.gecti-acts{display:flex;gap:4px;flex-shrink:0}
.gecti-btn{width:32px;height:32px;border-radius:2px;border:1px solid var(--v5-line-2,#d9d9d9);background:#fff;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .15s;line-height:1;padding:0;font-weight:600}
.gecti-btn-ok{color:#2D6A2D}
.gecti-btn-ok:hover{background:rgba(45,106,45,.08);border-color:#2D6A2D}
.gecti-btn-no{color:#9B1D20}
.gecti-btn-no:hover{background:rgba(155,29,32,.08);border-color:#9B1D20}

.snackbar{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom,0));left:50%;transform:translateX(-50%) translateY(140px);background:#080808;color:#FAF6F0;padding:14px 18px;display:flex;align-items:center;gap:18px;z-index:99998;box-shadow:0 12px 40px rgba(0,0,0,.35);font-family:var(--v5-sans,sans-serif);font-size:13px;opacity:0;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s;pointer-events:none;border-radius:2px;border-left:3px solid #9B1D20;max-width:92vw;min-width:280px}
.snackbar-show{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:auto}
.snackbar-msg{flex:1;line-height:1.4}
.snackbar-undo{background:none;border:none;color:#E8B5B7;font-family:var(--v5-mono,monospace);font-size:10px;letter-spacing:1.6px;font-weight:700;cursor:pointer;padding:4px 8px;text-transform:uppercase}
.snackbar-undo:hover{color:#fff}


/* === P2 Customer Booking Page === */
#musteri-booking-page{display:none;position:fixed;inset:0;overflow-y:auto;background:#FAF6F0;color:#080808;z-index:2000;font-family:var(--v5-sans,'DM Sans',sans-serif);-webkit-font-smoothing:antialiased;padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);padding-bottom:env(safe-area-inset-bottom,0)}
#musteri-booking-page *{box-sizing:border-box}
.mb-hero{padding:calc(56px + env(safe-area-inset-top,0)) calc(24px + env(safe-area-inset-right,0)) 40px calc(24px + env(safe-area-inset-left,0));text-align:center;background:#fff;border-bottom:1px solid #e5e5e5;position:relative}
.mb-hero::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:60px;height:2px;background:#9B1D20}
.mb-hero-label{font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:10px;letter-spacing:3px;color:#9B1D20;margin-bottom:18px;font-weight:500}
.mb-hero-ad{font-family:var(--v5-serif,'Instrument Serif',Georgia,serif);font-size:48px;font-weight:400;margin:0 0 14px;letter-spacing:-0.8px;line-height:1;color:#080808}
.mb-hero-meta{font-family:var(--v5-sans,'DM Sans',sans-serif);font-size:14px;color:#666;line-height:1.5;max-width:400px;margin:0 auto}
.mb-hero-tel{font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:12px;margin-top:8px;letter-spacing:1.4px}
.mb-hero-tel a{color:#9B1D20;text-decoration:none;border-bottom:1px solid #9B1D20;padding-bottom:2px}
.mb-body{max-width:640px;margin:0 auto;padding:40px 24px 120px}
.mb-section{margin-bottom:44px;animation:mbFade .4s ease-out}
@keyframes mbFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.mb-h3{font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:11px;letter-spacing:2.8px;color:#999;font-weight:500;margin:0 0 18px;text-transform:uppercase;display:flex;align-items:center;gap:12px}
.mb-h3::after{content:'';flex:1;height:1px;background:#e5e5e5}
.mb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.mb-card{border:1px solid #d9d9d9;padding:18px 16px;cursor:pointer;background:#fff;transition:all .2s ease;position:relative}
.mb-card:hover{border-color:#9B1D20;transform:translateY(-1px);box-shadow:0 4px 16px rgba(155,29,32,0.08)}
.mb-card.mb-selected{border-color:#9B1D20;background:#9B1D20;color:#FAF6F0}
.mb-card.mb-selected .mb-card-meta{color:#FAF6F0;opacity:.8}
.mb-card-isim{font-family:var(--v5-sans,'DM Sans',sans-serif);font-size:14px;font-weight:500;margin-bottom:6px;line-height:1.3}
.mb-card-meta{font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:10px;letter-spacing:1.4px;color:#888}
.mb-card-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}
.mb-card-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:rgba(8,8,8,0.06);border-radius:2px;font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:9px;letter-spacing:1.1px;color:#555;text-transform:uppercase;font-weight:600;white-space:nowrap}
.mb-card-price{font-family:var(--v5-serif,'Instrument Serif',Georgia,serif);font-size:18px;font-weight:400;color:#080808;letter-spacing:0.3px;white-space:nowrap}
.mb-card.mb-selected .mb-card-chip{background:rgba(250,246,240,0.15);color:rgba(250,246,240,0.85)}
.mb-card.mb-selected .mb-card-price{color:#FAF6F0}
.mb-card{padding:16px 18px!important}
.mb-card-isim{font-size:15px!important;font-weight:500!important;margin-bottom:8px!important}

.mb-berber-card{text-align:center;padding:20px 14px}
.mb-berber-avatar{width:48px;height:48px;border-radius:50%;background:#FAF6F0;color:#080808;display:flex;align-items:center;justify-content:center;font-family:var(--v5-serif,'Instrument Serif',Georgia,serif);font-size:24px;font-weight:400;margin:0 auto 10px;border:1px solid #e5e5e5}
.mb-card.mb-selected .mb-berber-avatar{background:#FAF6F0;color:#9B1D20;border-color:#FAF6F0}
.mb-days{display:flex;gap:8px;overflow-x:auto;padding:4px 0 10px;scrollbar-width:thin}
.mb-days::-webkit-scrollbar{height:4px}
.mb-days::-webkit-scrollbar-thumb{background:#ccc}
.mb-day{flex-shrink:0;border:1px solid #d9d9d9;padding:12px 16px;cursor:pointer;background:#fff;transition:all .2s;min-width:72px;text-align:center}
.mb-day:hover{border-color:#9B1D20}
.mb-day.mb-selected{background:#080808;color:#FAF6F0;border-color:#080808}
.mb-day-dow{font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:9px;letter-spacing:1.5px;opacity:.7;margin-bottom:4px}
.mb-day-num{font-family:var(--v5-serif,'Instrument Serif',Georgia,serif);font-size:22px;line-height:1;margin-bottom:2px}
.mb-day-mon{font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:8px;letter-spacing:1.4px;opacity:.7}
.mb-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px}
.mb-slot{border:1px solid #d9d9d9;padding:12px 6px;text-align:center;cursor:pointer;background:#fff;font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:12px;letter-spacing:0.5px;transition:all .15s;font-weight:500}
.mb-slot:hover:not(.mb-dolu){border-color:#9B1D20;color:#9B1D20}
.mb-slot.mb-selected{background:#9B1D20;color:#FAF6F0;border-color:#9B1D20}
.mb-slot.mb-dolu{opacity:.25;cursor:not-allowed;text-decoration:line-through;background:#f5f5f5}
.mb-slot-group{margin-bottom:20px}
.mb-slot-group:last-child{margin-bottom:0}
.mb-slot-group-head{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:10px;letter-spacing:1.8px;color:#888;text-transform:uppercase;font-weight:600}
.mb-slot-group-head::after{content:'';flex:1;height:1px;background:#ececec}
.mb-slot-ico{font-size:13px;line-height:1}
.mb-slot-count{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;background:rgba(46,125,50,0.1);border:1px solid rgba(46,125,50,0.28);border-radius:2px;font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:9px;letter-spacing:1.2px;color:#2e7d32;text-transform:uppercase;font-weight:700;white-space:nowrap}
.mb-slot-count.mb-slot-count-zero{background:rgba(155,29,32,0.1);border-color:rgba(155,29,32,0.28);color:#9B1D20}
.mb-next-avail{padding:22px 20px;text-align:center;background:rgba(155,29,32,0.05);border:1px dashed rgba(155,29,32,0.32);border-radius:2px;font-family:var(--v5-sans,'DM Sans',sans-serif);font-size:12px;color:#9B1D20;letter-spacing:1.3px;text-transform:uppercase}
.mb-next-avail strong{display:block;margin-top:8px;font-family:var(--v5-serif,'Instrument Serif',Georgia,serif);font-size:22px;font-weight:400;color:#080808;letter-spacing:-0.3px;text-transform:none}
.mb-next-avail button{margin-top:14px;padding:8px 18px;background:#9B1D20;color:#FAF6F0;border:none;font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border-radius:2px}
.mb-next-avail button:hover{background:#7d1518}
.mb-day.mb-day-special .mb-day-dow{color:#9B1D20;font-weight:700}
.mb-day.mb-day-special.mb-selected .mb-day-dow{color:#FAF6F0}

.mb-input{width:100%;padding:16px 18px;border:1px solid #d9d9d9;background:#fff;font-family:var(--v5-sans,'DM Sans',sans-serif);font-size:15px;margin-bottom:12px;outline:none;transition:border-color .15s;border-radius:0}
.mb-input:focus{border-color:#9B1D20}
.mb-input.mb-err{border-color:#9B1D20;background:rgba(155,29,32,0.04)}
.mb-summary{background:#fff;border:1px solid #e5e5e5;padding:18px 20px;margin:20px 0}
.mb-sum-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed #eee}
.mb-sum-row:last-child{border-bottom:none}
.mb-sum-k{font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:10px;letter-spacing:1.8px;color:#999}
.mb-sum-v{font-family:var(--v5-sans,'DM Sans',sans-serif);font-size:14px;color:#080808;font-weight:500;text-align:right}
.mb-sum-fiyat .mb-sum-v{font-family:var(--v5-serif,'Instrument Serif',Georgia,serif);font-size:22px;font-weight:400;color:#9B1D20}
.mb-confirm{display:block;width:100%;padding:20px;background:#080808;color:#FAF6F0;border:none;font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:12px;letter-spacing:2.8px;font-weight:600;cursor:pointer;margin-top:16px;transition:background .2s,transform .1s;text-decoration:none;text-align:center;box-sizing:border-box}
.mb-confirm:hover:not(:disabled){background:#9B1D20}
.mb-confirm:active{transform:scale(0.99)}
.mb-confirm:disabled{opacity:.6;cursor:wait}
.mb-confirm-alt{background:#9B1D20}
.mb-bos{padding:24px;text-align:center;color:#999;font-family:var(--v5-sans,'DM Sans',sans-serif);font-size:13px;border:1px dashed #e5e5e5}
.mb-footer{border-top:1px solid #e5e5e5;padding:24px;text-align:center;background:#fff}
.mb-footer-sig{font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:10px;letter-spacing:3px;color:#888}
.mb-wa-confirm{display:block;background:#25D366;color:#fff;text-align:center;padding:14px 18px;border-radius:12px;font-weight:700;font-size:14px;text-decoration:none;margin-top:14px;box-shadow:0 4px 12px rgba(37,211,102,.3);transition:transform .15s}
.mb-wa-confirm:active{transform:scale(.97)}
.mb-otp-desc{font-family:var(--v5-sans,'DM Sans',sans-serif);font-size:14px;color:#666;text-align:center;margin:8px 0 4px}
.mb-otp-phone{font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:14px;color:#080808;text-align:center;margin:0 0 24px}
.mb-otp-phone a{color:#9B1D20;margin-left:8px;font-size:11px;text-decoration:none}
.mb-otp-phone a:hover{text-decoration:underline}
.mb-otp-inputs{display:flex;gap:10px;justify-content:center;margin:24px 0 12px}
.mb-otp-digit{width:46px;height:58px;text-align:center;font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:24px;font-weight:600;background:#fff;border:1.5px solid #e5e5e5;color:#080808;outline:none;transition:border-color .15s;box-sizing:border-box;padding:0}
.mb-otp-digit:focus{border-color:#9B1D20}
.mb-otp-hata{font-family:var(--v5-sans,'DM Sans',sans-serif);font-size:13px;color:#e53935;text-align:center;min-height:20px;margin:8px 0}
.mb-otp-resend{text-align:center;margin-top:16px;font-family:var(--v5-sans,'DM Sans',sans-serif);font-size:13px;color:#888}
.mb-otp-resend a{color:#9B1D20;text-decoration:none;font-weight:500;margin-left:6px}
.mb-otp-resend a:hover{text-decoration:underline}
.mb-lang-picker{min-height:100vh;background:#faf6f0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;font-family:var(--v5-sans,'DM Sans',sans-serif)}
.mb-lang-title{font-family:var(--v5-serif,'Instrument Serif',Georgia,serif);font-size:36px;font-weight:400;color:#1a1a1a;text-align:center;margin-bottom:8px}
.mb-lang-sub{font-size:13px;color:#888;text-align:center;letter-spacing:1px;margin-bottom:36px}
.mb-lang-grid{display:flex;flex-direction:column;gap:14px;width:100%;max-width:360px}
.mb-lang-btn{display:flex;align-items:center;gap:18px;background:#fff;border:1.5px solid #e5ddc9;border-radius:14px;padding:18px 24px;cursor:pointer;transition:all .2s;font-family:inherit}
/* Booking persistent language FAB (bottom-left, landing-style) */
.mb-lang-fab{position:fixed;bottom:calc(1.5rem + env(safe-area-inset-bottom,0));left:calc(1.5rem + env(safe-area-inset-left,0));z-index:9999;direction:ltr!important;display:flex;align-items:center;gap:6px;font-family:var(--v5-mono,monospace)}
html[dir=rtl] .mb-lang-fab{left:calc(1.5rem + env(safe-area-inset-left,0));right:auto;direction:ltr!important}
.mb-lang-fab-diamond{width:38px;height:38px;transform:rotate(45deg);background:rgba(155,29,32,0.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1.5px solid rgba(155,29,32,0.9);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;box-shadow:0 2px 12px rgba(0,0,0,0.3),0 0 0 2px rgba(255,255,255,0.2);flex-shrink:0}
.mb-lang-fab-diamond:hover{transform:rotate(45deg) scale(1.08);box-shadow:0 4px 18px rgba(155,29,32,0.4)}
.mb-lang-fab-diamond span{transform:rotate(-45deg);color:#fff;font-size:0.6rem;letter-spacing:1px;font-weight:600;pointer-events:none}
.mb-lang-fab-opts{display:flex;align-items:center;gap:6px;margin-left:2px}
.mb-lang-fab-opts button{width:34px;height:34px;transform:rotate(45deg) scale(0);background:rgba(0,0,0,0.55);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1.5px solid rgba(155,29,32,0.4);color:rgba(255,255,255,0.7);font-size:0.52rem;font-weight:600;letter-spacing:1px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 2px 10px rgba(0,0,0,0.25);padding:0;font-family:inherit}
.mb-lang-fab-opts button span{transform:rotate(-45deg);pointer-events:none}
.mb-lang-fab.open .mb-lang-fab-opts button{transform:rotate(45deg) scale(1);opacity:1;pointer-events:auto}
.mb-lang-fab.open .mb-lang-fab-opts button:nth-child(1){transition-delay:0s}
.mb-lang-fab.open .mb-lang-fab-opts button:nth-child(2){transition-delay:.04s}
.mb-lang-fab.open .mb-lang-fab-opts button:nth-child(3){transition-delay:.08s}
.mb-lang-fab.open .mb-lang-fab-opts button:nth-child(4){transition-delay:.12s}
.mb-lang-fab.open .mb-lang-fab-opts button:nth-child(5){transition-delay:.16s}
.mb-lang-fab-opts button:hover{border-color:#9B1D20;background:rgba(155,29,32,0.2);color:#fff;transform:rotate(45deg) scale(1.1)!important}
.mb-lang-fab-opts button.aktif{background:rgba(155,29,32,0.7);border-color:rgba(155,29,32,0.9);color:#fff}
/* ============ BOOKING DARK THEME (berber-dark uyumlu) ============ */
html:has(body.mb-dark),body.mb-dark{background:#080808!important;color:#FAF6F0}
body.mb-dark{background:#080808!important;color:#FAF6F0;font-family:var(--v5-sans,'DM Sans',sans-serif)}
body.mb-dark #musteri-booking-page{background:#080808;min-height:100vh;color:#FAF6F0}
body.mb-dark .mb-hero{background:transparent!important;border-bottom:1px solid rgba(255,255,255,0.06)!important;padding:72px 24px 48px!important;position:relative;overflow:hidden}
body.mb-dark .mb-hero::before{background:#9B1D20!important;width:80px;height:2px}
body.mb-dark .mb-hero::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center top,rgba(155,29,32,0.12) 0%,rgba(155,29,32,0) 65%);pointer-events:none}
body.mb-dark .mb-hero-label{color:#9B1D20!important;opacity:0.9;font-weight:600!important}
body.mb-dark .mb-hero-ad{color:#FAF6F0!important;font-family:var(--v5-serif,'Instrument Serif',Georgia,serif)!important}
body.mb-dark .mb-hero-meta{color:rgba(250,246,240,0.55)!important}
body.mb-dark .mb-hero-tel{color:rgba(250,246,240,0.7)!important}
body.mb-dark .mb-hero-tel a{color:#9B1D20!important;border-bottom-color:rgba(155,29,32,0.4)!important}
body.mb-dark .mb-body{background:transparent;padding:48px 24px 140px}
body.mb-dark .mb-section{margin-bottom:52px}
body.mb-dark .mb-h3{color:rgba(250,246,240,0.45)!important;font-weight:500!important;letter-spacing:3px!important}
body.mb-dark .mb-h3::after{background:rgba(255,255,255,0.08)!important}
body.mb-dark .mb-card{background:rgba(255,255,255,0.025)!important;border:1px solid rgba(255,255,255,0.08)!important;color:#FAF6F0;border-radius:2px!important}
body.mb-dark .mb-card:hover{background:rgba(255,255,255,0.04)!important;border-color:rgba(155,29,32,0.45)!important;box-shadow:0 6px 24px rgba(155,29,32,0.15)!important;transform:translateY(-2px)}
body.mb-dark .mb-card.mb-selected{background:rgba(155,29,32,0.15)!important;border-color:#9B1D20!important;color:#FAF6F0;box-shadow:inset 0 0 0 1px rgba(155,29,32,0.4),0 0 20px rgba(155,29,32,0.25)!important}
body.mb-dark .mb-card-isim{color:#FAF6F0!important}
body.mb-dark .mb-card-chip{background:rgba(255,255,255,0.05)!important;color:rgba(250,246,240,0.6)!important}
body.mb-dark .mb-card-price{color:#FAF6F0!important}
body.mb-dark .mb-card.mb-selected .mb-card-chip{background:rgba(155,29,32,0.3)!important;color:#FAF6F0!important}
body.mb-dark .mb-card.mb-selected .mb-card-price{color:#FAF6F0!important}
body.mb-dark .mb-berber-avatar{background:rgba(255,255,255,0.05)!important;color:#FAF6F0!important;border:1px solid rgba(255,255,255,0.15)!important}
body.mb-dark .mb-card.mb-selected .mb-berber-avatar{background:#9B1D20!important;color:#FAF6F0!important;border-color:#9B1D20!important}
body.mb-dark .mb-day{background:rgba(255,255,255,0.025)!important;border:1px solid rgba(255,255,255,0.08)!important;color:#FAF6F0;border-radius:2px!important}
body.mb-dark .mb-day:hover{border-color:rgba(155,29,32,0.45)!important;background:rgba(255,255,255,0.04)!important}
body.mb-dark .mb-day.mb-selected{background:#9B1D20!important;color:#FAF6F0!important;border-color:#9B1D20!important}
body.mb-dark .mb-day-dow{color:rgba(250,246,240,0.5)!important}
body.mb-dark .mb-day-num{color:#FAF6F0!important}
body.mb-dark .mb-day-mon{color:rgba(250,246,240,0.5)!important}
body.mb-dark .mb-day.mb-selected .mb-day-dow,body.mb-dark .mb-day.mb-selected .mb-day-mon{color:rgba(250,246,240,0.85)!important}
body.mb-dark .mb-days::-webkit-scrollbar-thumb{background:rgba(155,29,32,0.4)!important}
body.mb-dark .mb-slot{background:rgba(255,255,255,0.025)!important;border:1px solid rgba(255,255,255,0.08)!important;color:#FAF6F0;border-radius:2px!important}
body.mb-dark .mb-slot:hover{border-color:rgba(155,29,32,0.45)!important;background:rgba(255,255,255,0.04)!important}
body.mb-dark .mb-slot.mb-selected{background:#9B1D20!important;color:#FAF6F0!important;border-color:#9B1D20!important}
body.mb-dark .mb-slot.mb-dolu{background:rgba(255,255,255,0.01)!important;color:rgba(250,246,240,0.2)!important;border-color:rgba(255,255,255,0.04)!important}
body.mb-dark .mb-slot-group-head{color:rgba(250,246,240,0.45)!important}
body.mb-dark .mb-slot-group-head::after{background:rgba(255,255,255,0.08)!important}
body.mb-dark .mb-slot-count{background:rgba(46,125,50,0.18)!important;border-color:rgba(46,125,50,0.4)!important;color:#7ec47e!important}
body.mb-dark .mb-slot-count.mb-slot-count-zero{background:rgba(155,29,32,0.2)!important;border-color:rgba(155,29,32,0.45)!important;color:#e88a8c!important}
body.mb-dark .mb-next-avail{background:rgba(155,29,32,0.08)!important;border-color:rgba(155,29,32,0.4)!important;color:#c9a0a2!important}
body.mb-dark .mb-next-avail strong{color:#FAF6F0!important}
body.mb-dark .mb-next-avail button{background:#9B1D20!important;color:#FAF6F0!important}
body.mb-dark .mb-day.mb-day-special .mb-day-dow{color:#e88a8c!important;font-weight:700!important}
body.mb-dark .mb-day.mb-day-special.mb-selected .mb-day-dow{color:#FAF6F0!important}

body.mb-dark .mb-input{background:rgba(255,255,255,0.08)!important;border:2px solid rgba(255,255,255,0.25)!important;color:#FAF6F0!important;border-radius:10px!important;padding:18px 20px!important;font-size:16px!important;box-shadow:0 2px 8px rgba(0,0,0,0.15) inset!important}
body.mb-dark .mb-input:focus{border-color:#9B1D20!important;background:rgba(255,255,255,0.12)!important;outline:none;box-shadow:0 0 0 3px rgba(155,29,32,0.25)!important}
body.mb-dark .mb-input::placeholder{color:rgba(250,246,240,0.55)!important;font-weight:500}
body.mb-dark .mb-input.mb-err{border-color:#9B1D20!important;background:rgba(155,29,32,0.08)!important}
body.mb-dark .mb-summary{background:rgba(255,255,255,0.02)!important;border:1px solid rgba(255,255,255,0.08)!important;padding:20px 22px!important}
body.mb-dark .mb-sum-row{border-bottom:1px dashed rgba(255,255,255,0.08)!important}
body.mb-dark .mb-sum-k{color:rgba(250,246,240,0.45)!important}
body.mb-dark .mb-sum-v{color:#FAF6F0!important}
body.mb-dark .mb-confirm{background:#9B1D20!important;color:#FAF6F0!important;border-radius:2px!important;letter-spacing:3px!important;box-shadow:0 8px 24px rgba(155,29,32,0.3)!important;transition:all .2s!important}
body.mb-dark .mb-confirm:hover{background:#b01f23!important;box-shadow:0 10px 30px rgba(155,29,32,0.45)!important;transform:translateY(-1px)}
body.mb-dark .mb-confirm:disabled{background:rgba(155,29,32,0.4)!important;box-shadow:none!important;transform:none}
body.mb-dark .mb-confirm-alt{background:rgba(255,255,255,0.05)!important;border:1px solid rgba(255,255,255,0.12)!important}
body.mb-dark .mb-bos{background:rgba(255,255,255,0.015)!important;border:1px dashed rgba(255,255,255,0.1)!important;color:rgba(250,246,240,0.4)!important}
body.mb-dark .mb-footer{background:transparent!important;border-top:1px solid rgba(255,255,255,0.06)!important;padding:32px 24px!important}
body.mb-dark .mb-footer-sig{color:rgba(250,246,240,0.3)!important;letter-spacing:4px!important}
body.mb-dark .mb-wa-confirm{background:#25D366!important;box-shadow:0 6px 18px rgba(37,211,102,0.3)!important;border-radius:2px!important}
body.mb-dark .mb-otp-desc{color:rgba(250,246,240,0.55)!important}
body.mb-dark .mb-otp-phone{color:#FAF6F0!important}
body.mb-dark .mb-otp-digit{background:rgba(255,255,255,0.03)!important;border:1.5px solid rgba(255,255,255,0.1)!important;color:#FAF6F0!important;border-radius:2px!important}
body.mb-dark .mb-otp-digit:focus{border-color:#9B1D20!important;background:rgba(255,255,255,0.05)!important;outline:none}
body.mb-dark .mb-otp-hata{color:#ff5e5e!important}
body.mb-dark .mb-otp-resend{color:rgba(250,246,240,0.45)!important}
body.mb-dark .mb-otp-resend a{color:#9B1D20!important}
/* Initial language picker dark */
body.mb-dark .mb-lang-picker{background:#080808!important;position:relative;overflow:hidden}
body.mb-dark .mb-lang-picker::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(155,29,32,0.1) 0%,rgba(155,29,32,0) 60%);pointer-events:none}
body.mb-dark .mb-lang-title{color:#FAF6F0!important;font-family:var(--v5-serif,'Instrument Serif',Georgia,serif)!important;position:relative}
body.mb-dark .mb-lang-sub{color:rgba(250,246,240,0.45)!important;position:relative}
body.mb-dark .mb-lang-grid{position:relative}
body.mb-dark .mb-lang-btn{background:rgba(255,255,255,0.03)!important;border:1px solid rgba(255,255,255,0.1)!important;border-radius:2px!important;transition:all .2s!important}
body.mb-dark .mb-lang-btn:hover{background:rgba(255,255,255,0.06)!important;border-color:rgba(155,29,32,0.45)!important;transform:translateX(4px)}
body.mb-dark .mb-lang-name{color:#FAF6F0!important}
/* The old .mb-hero-lang is no longer rendered, but hide it anyway if somehow present */
body.mb-dark .mb-hero-lang{display:none!important}
.mb-hero-lang{display:none!important}


.mb-lang-btn:hover{border-color:#9B1D20;transform:translateX(3px)}
.mb-lang-btn:active{transform:scale(.98)}
.mb-lang-flag{font-size:30px;line-height:1}
.mb-lang-code{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:#fff;font-weight:800;font-size:14px;letter-spacing:0.5px;flex-shrink:0;box-shadow:0 2px 6px rgba(0,0,0,0.15)}
.mb-lang-name{font-size:20px;font-weight:600;color:#1a1a1a}
.mb-hero-lang{position:absolute;top:14px;right:14px;display:flex;gap:4px;z-index:5;background:#f5ede0;padding:5px;border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,0.08);border:1px solid #e5ddc9}
.mb-hero-lang button{background:transparent;border:none;color:#7a5c3a;padding:6px 11px;font-size:12px;font-weight:800;border-radius:999px;cursor:pointer;letter-spacing:0.5px;min-width:32px;transition:all .15s;font-family:inherit}
.mb-hero-lang button:hover{background:rgba(155,29,32,0.08)}
.mb-hero-lang button.aktif{background:#9B1D20;color:#fff}
.mb-hero{position:relative}
html[dir="rtl"] .mb-hero-lang{right:auto;left:14px}
.mb-refcode{font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:12px;letter-spacing:2px;color:#555;text-align:center;margin:16px 0 8px;padding:10px 14px;background:#faf6f0;border:1px dashed #d4c8b0;border-radius:8px}
.mb-refcode b{color:#9B1D20;font-size:14px;letter-spacing:3px}
.mb-ics-btn{display:block;width:100%;background:#2D6A2D;color:#fff;text-align:center;padding:14px 18px;border-radius:12px;font-weight:700;font-size:14px;text-decoration:none;margin-top:14px;box-shadow:0 4px 12px rgba(45,106,45,.25);transition:transform .15s;border:none;cursor:pointer;font-family:var(--v5-sans,'DM Sans',sans-serif)}
.mb-ics-btn:active{transform:scale(.97)}
.mb-cancel-btn{display:block;background:#fff;color:#9B1D20;text-align:center;padding:12px 18px;border-radius:12px;font-weight:700;font-size:13px;text-decoration:none;margin-top:10px;border:1px solid #9B1D20;transition:transform .15s}
.mb-cancel-btn:active{transform:scale(.97)}
.mb-success{text-align:center;padding:40px 20px}
.mb-success-ico{width:88px;height:88px;border-radius:50%;background:#2D6A2D;color:#fff;display:flex;align-items:center;justify-content:center;font-size:44px;margin:0 auto 28px;box-shadow:0 6px 24px rgba(45,106,45,.25)}
.mb-success-msg{font-family:var(--v5-sans,'DM Sans',sans-serif);font-size:15px;color:#666;line-height:1.6;max-width:400px;margin:24px auto 0}
.mb-warn{text-align:center;padding:40px 20px}
.mb-warn-ico{width:88px;height:88px;border-radius:50%;background:#9B1D20;color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--v5-serif,'Instrument Serif',Georgia,serif);font-size:56px;margin:0 auto 28px;box-shadow:0 6px 24px rgba(155,29,32,.25);font-weight:400;line-height:1}
.mb-warn-msg{font-family:var(--v5-sans,'DM Sans',sans-serif);font-size:15px;color:#666;line-height:1.6;max-width:400px;margin:0 auto 24px}

@media (max-width:600px){
  .mb-hero{padding:40px 20px 32px}
  .mb-hero-ad{font-size:36px}
  .mb-body{padding:32px 16px 100px}
  .mb-section{margin-bottom:36px}
  .mb-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
  .mb-slots{grid-template-columns:repeat(auto-fill,minmax(66px,1fr))}
}


/* === P3 Premium QR modal === */
.qrm-ov{display:none;position:fixed;inset:0;background:rgba(8,8,8,0.88);z-index:99997;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.qrm{background:#FAF6F0;max-width:380px;width:100%;padding:32px 28px 24px;position:relative;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,0.4);animation:qrmIn .4s cubic-bezier(.2,.8,.2,1);border-radius:0}
@keyframes qrmIn{from{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}
.qrm-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border:none;background:transparent;cursor:pointer;font-size:18px;color:#666;transition:color .15s;line-height:1;font-family:inherit}
.qrm-close:hover{color:#9B1D20}
.qrm-label{font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:10px;letter-spacing:2.8px;color:#9B1D20;margin-bottom:6px;font-weight:500}
.qrm-title{font-family:var(--v5-serif,'Instrument Serif',Georgia,serif);font-size:32px;font-weight:400;margin:0 0 22px;letter-spacing:-0.4px;line-height:1.1;color:#080808}
.qrm-tabs{display:flex;gap:0;margin-bottom:24px;border:1px solid #d9d9d9;background:#fff}
.qrm-tab{flex:1;padding:12px 8px;background:transparent;border:none;font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:11px;letter-spacing:2px;cursor:pointer;color:#888;transition:all .2s;font-weight:500}
.qrm-tab:first-child{border-right:1px solid #d9d9d9}
.qrm-tab.qrm-tab-on{background:#080808;color:#FAF6F0}
.qrm-qr-box{padding:16px;background:#fff;border:1px solid #d9d9d9;display:inline-block;margin-bottom:20px;box-shadow:0 4px 20px rgba(0,0,0,0.08)}
.qrm-qr{width:260px;height:260px;display:flex;align-items:center;justify-content:center}
.qrm-qr svg{max-width:100%;height:auto;display:block}
.qrm-qr svg path{fill:#080808}
.qrm-mode-label{font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:11px;letter-spacing:2.4px;color:#080808;font-weight:600;margin-bottom:4px}
.qrm-mode-desc{font-family:var(--v5-sans,'DM Sans',sans-serif);font-size:12px;color:#888;margin-bottom:16px}
.qrm-link{font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:11px;color:#9B1D20;background:#fff;border:1px dashed #d9d9d9;padding:12px 14px;word-break:break-all;cursor:pointer;transition:all .15s;margin-bottom:16px;line-height:1.4;letter-spacing:0.3px}
.qrm-link:hover{border-color:#9B1D20;background:rgba(155,29,32,0.03)}
.qrm-link.qrm-copied{color:#2D6A2D;border-color:#2D6A2D;background:rgba(45,106,45,0.05)}
.qrm-acts{display:flex;gap:8px;margin-bottom:16px}
.qrm-btn{flex:1;padding:14px 8px;border:1px solid #080808;background:#fff;color:#080808;font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:10px;letter-spacing:1.8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;transition:all .2s;font-weight:600}
.qrm-btn:hover{background:#080808;color:#FAF6F0}
.qrm-btn-ico{font-size:18px;line-height:1;font-weight:400}
.qrm-footer-sig{font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:9px;letter-spacing:2.8px;color:#aaa;padding-top:12px;border-top:1px solid #e5e5e5;margin-top:6px}

/* === P3 Dukkan Linki card in Ayarlar === */
.dukkan-linki-kart{background:linear-gradient(135deg,#080808 0%,#1a1a1a 100%)!important;color:#FAF6F0!important;border:none!important;border-radius:0!important;box-shadow:0 8px 24px rgba(0,0,0,0.25)!important;position:relative;overflow:hidden;margin-bottom:18px}
.dukkan-linki-kart::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:#9B1D20}
.dukkan-linki-kart .ayar-baslik{color:#9B1D20!important;font-family:var(--v5-mono,'JetBrains Mono',monospace)!important;font-size:11px!important;letter-spacing:2.4px!important;font-weight:500!important;padding:18px 22px 8px!important;border:none!important;background:transparent!important}
.dl-mini{padding:4px 22px 22px}
.dl-mini-label{font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:9px;letter-spacing:2px;color:rgba(250,246,240,0.55);margin-bottom:10px;font-weight:500}
.dl-mini-url{font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:12px;color:#FAF6F0;background:rgba(255,255,255,0.05);border:1px dashed rgba(250,246,240,0.2);padding:14px 14px;word-break:break-all;cursor:pointer;transition:all .15s;margin-bottom:14px;letter-spacing:0.3px;line-height:1.4}
.dl-mini-url:hover{border-color:#9B1D20;color:#E8B5B7}
.dl-mini-acts{display:flex;gap:8px}
.dl-btn{flex:1;padding:12px 10px;background:transparent;border:1px solid rgba(250,246,240,0.25);color:#FAF6F0;font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:10px;letter-spacing:1.6px;cursor:pointer;transition:all .2s;font-weight:600}
.dl-btn:hover{border-color:#FAF6F0;background:rgba(255,255,255,0.05)}
.dl-btn-on{background:#9B1D20;border-color:#9B1D20}
.dl-btn-on:hover{background:#7a161a;border-color:#7a161a}


/* === P4 Kara liste + Gun sonu === */
.kl-wrap{padding:12px 16px 16px}
.kl-bos{padding:20px 16px;text-align:center;color:#aaa;font-size:12px;font-family:var(--v5-mono,'JetBrains Mono',monospace);letter-spacing:1px;font-style:italic}
.kl-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e5e5e5;background:#fff;margin-bottom:8px}
.kl-info{flex:1;min-width:0}
.kl-isim{font-family:var(--v5-sans,'DM Sans',sans-serif);font-size:14px;font-weight:500;color:#080808;margin-bottom:2px}
.kl-tel{font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:11px;color:#9B1D20;letter-spacing:0.3px;margin-bottom:3px}
.kl-meta{font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:9px;color:#999;letter-spacing:0.8px;text-transform:uppercase}
.kl-kaldir{padding:8px 14px;background:#fff;border:1px solid #9B1D20;color:#9B1D20;font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:10px;letter-spacing:1.4px;font-weight:600;cursor:pointer;transition:all .2s;flex-shrink:0}
.kl-kaldir:hover{background:#9B1D20;color:#FAF6F0}

.gun-sonu-kart .ayar-baslik{color:#9C5A00!important}
.gs-wrap{padding:14px 18px 18px}
.gs-mini-desc{font-family:var(--v5-sans,'DM Sans',sans-serif);font-size:12px;color:#666;line-height:1.5;margin-bottom:14px}
.gs-btn{width:100%;padding:16px;background:#080808;color:#FAF6F0;border:none;font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:11px;letter-spacing:2.4px;font-weight:600;cursor:pointer;transition:background .2s}
.gs-btn:hover{background:#9C5A00}

/* Namaz Saatleri Card */
.namaz-kart{background:#fff!important;border:1px solid var(--v5-line,rgba(8,8,8,0.08))!important;border-left:3px solid #2D6A2D!important;border-radius:2px!important;margin-bottom:10px}
.nz-wrap{padding:14px 18px 18px}
.nz-ctrl{border-bottom:1px solid var(--v5-line,rgba(8,8,8,0.08));padding-bottom:14px;margin-bottom:14px}
.nz-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;gap:12px}
.nz-row + .nz-row{border-top:1px dashed rgba(8,8,8,0.05)}
.nz-label{font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:10px;letter-spacing:1.1px;color:var(--v5-muted,#6B6B6B);text-transform:uppercase;font-weight:400;flex:1}
.nz-input{border:1px solid rgba(8,8,8,0.12);border-radius:2px;padding:8px 11px;font-family:var(--v5-sans,'DM Sans',sans-serif);font-size:12px;background:#fff;min-width:110px;text-align:right}
.nz-input:focus{outline:none;border-color:#9B1D20}
.nz-times{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:10px}
.nz-time-cell{background:#FAF6F0;border:1px solid rgba(8,8,8,0.06);padding:10px 4px;text-align:center;border-radius:2px}
.nz-time-name{font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:8px;letter-spacing:1px;color:#6B6B6B;text-transform:uppercase;margin-bottom:4px}
.nz-time-val{font-family:var(--v5-serif,'Instrument Serif',Georgia,serif);font-size:18px;font-weight:400;color:#080808;letter-spacing:-0.3px}
.nz-loading{grid-column:1/-1;text-align:center;padding:20px;font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:9px;letter-spacing:1.3px;color:#9A9A9A;text-transform:uppercase}
.nz-err{grid-column:1/-1;text-align:center;padding:18px;font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:9px;letter-spacing:1.1px;color:#9B1D20;text-transform:uppercase}
.nz-hint{font-family:var(--v5-sans,'DM Sans',sans-serif);font-size:11px;color:#9A9A9A;line-height:1.55;padding-top:6px}
@media(max-width:400px){.nz-times{grid-template-columns:repeat(3,1fr)}}

.gs-modal-ov{display:none;position:fixed;inset:0;background:rgba(8,8,8,0.88);z-index:99997;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.gs-modal{background:#FAF6F0;max-width:460px;width:100%;max-height:90vh;display:flex;flex-direction:column;padding:28px 24px 20px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,0.4);animation:qrmIn .4s cubic-bezier(.2,.8,.2,1)}
.gs-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border:none;background:transparent;cursor:pointer;font-size:18px;color:#666;line-height:1}
.gs-label{font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:10px;letter-spacing:2.8px;color:#9C5A00;margin-bottom:4px;text-align:center;font-weight:500}
.gs-title{font-family:var(--v5-serif,'Instrument Serif',Georgia,serif);font-size:32px;font-weight:400;text-align:center;margin:0 0 4px;color:#080808}
.gs-meta{font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:10px;letter-spacing:1.8px;color:#888;text-align:center;margin-bottom:20px}
.gs-list{flex:1;overflow-y:auto;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding:4px 0;margin-bottom:16px}
.gs-row{display:flex;align-items:center;gap:12px;padding:12px 6px;border-bottom:1px solid #f0f0f0;transition:all .3s}
.gs-row:last-child{border-bottom:none}
.gs-row-ok{background:rgba(45,106,45,.1);opacity:.5}
.gs-row-no{background:rgba(155,29,32,.1);opacity:.5}
.gs-saat{font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:13px;color:#9C5A00;font-weight:600;min-width:44px;letter-spacing:0.4px}
.gs-isim{flex:1;min-width:0}
.gs-isim-ad{font-family:var(--v5-sans,'DM Sans',sans-serif);font-size:14px;font-weight:500;color:#080808;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px}
.gs-isim-meta{font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:9px;letter-spacing:1px;color:#999;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gs-acts{display:flex;gap:6px;flex-shrink:0}
.gs-act{width:38px;height:38px;border:1px solid #d9d9d9;background:#fff;cursor:pointer;font-size:16px;font-weight:700;transition:all .15s;line-height:1;padding:0}
.gs-act-ok{color:#2D6A2D}
.gs-act-ok:hover{background:#2D6A2D;color:#fff;border-color:#2D6A2D}
.gs-act-no{color:#9B1D20}
.gs-act-no:hover{background:#9B1D20;color:#fff;border-color:#9B1D20}
.gs-footer{padding-top:8px}
.gs-all{width:100%;padding:14px;background:#080808;color:#FAF6F0;border:none;font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:11px;letter-spacing:2.2px;font-weight:600;cursor:pointer;margin-bottom:10px;transition:background .2s}
.gs-all:hover{background:#2D6A2D}
.gs-hint{font-family:var(--v5-sans,'DM Sans',sans-serif);font-size:11px;color:#888;text-align:center;line-height:1.5}


/* === P5 Muhasebe (Premium Accounting) === */
.sayfa-muhasebe-wrap{padding:16px 14px 80px;font-family:var(--v5-sans,'DM Sans',sans-serif)}
.mh-gate{background:linear-gradient(135deg,#080808 0%,#1a1a1a 100%);color:#FAF6F0;border-radius:16px;padding:32px 24px;text-align:center;margin:20px 0}
.mh-gate-icon{font-size:42px;margin-bottom:12px}
.mh-gate-title{font-family:'Instrument Serif',Georgia,serif;font-size:28px;font-weight:400;letter-spacing:.5px;margin-bottom:8px}
.mh-gate-sub{font-size:12px;color:#999;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:20px}
.mh-gate-desc{font-size:13px;color:#ccc;line-height:1.6;margin-bottom:24px}
.mh-gate-btn{background:#9B1D20;color:#FAF6F0;border:none;padding:14px 36px;font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:11px;letter-spacing:2.2px;font-weight:600;cursor:pointer;text-transform:uppercase;transition:background .2s}
.mh-gate-btn:hover{background:#7A1418}
.mh-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #e8e4dd}
.mh-head-left h2{font-family:'Instrument Serif',Georgia,serif;font-size:26px;font-weight:400;color:#080808;margin:0 0 2px;letter-spacing:.3px}
.mh-head-left p{font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:9px;letter-spacing:1.8px;color:#888;text-transform:uppercase;margin:0}
.mh-period{display:flex;gap:0;border:1px solid #d9d4c8;background:#fff;overflow:hidden}
.mh-period-btn{padding:8px 14px;background:transparent;border:none;font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:10px;letter-spacing:1.5px;color:#666;cursor:pointer;font-weight:600;transition:all .15s;text-transform:uppercase}
.mh-period-btn.aktif{background:#080808;color:#FAF6F0}
.mh-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}
.mh-kpi{background:#fff;border:1px solid #e8e4dd;padding:14px 14px 12px;position:relative;overflow:hidden}
.mh-kpi-label{font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:9px;letter-spacing:1.8px;color:#888;text-transform:uppercase;margin-bottom:6px;font-weight:600}
.mh-kpi-val{font-family:'Instrument Serif',Georgia,serif;font-size:24px;font-weight:400;color:#080808;line-height:1.1}
.mh-kpi-unit{font-size:11px;color:#888;font-family:var(--v5-mono,'JetBrains Mono',monospace);letter-spacing:1px;margin-left:4px}
.mh-kpi-sub{font-size:10px;color:#666;margin-top:4px;font-family:var(--v5-mono,'JetBrains Mono',monospace);letter-spacing:.5px}
.mh-kpi.ciro{border-left:3px solid #2D6A2D}
.mh-kpi.gider{border-left:3px solid #9B1D20}
.mh-kpi.kar{border-left:3px solid #080808;grid-column:1/-1}
.mh-kpi.kar .mh-kpi-val{font-size:32px}
.mh-kpi.ort{border-left:3px solid #c8a055}
.mh-section{background:#fff;border:1px solid #e8e4dd;margin-bottom:16px;overflow:hidden}
.mh-section-head{padding:12px 16px;border-bottom:1px solid #e8e4dd;background:#FAF6F0;display:flex;justify-content:space-between;align-items:center}
.mh-section-title{font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:10px;letter-spacing:1.8px;color:#080808;text-transform:uppercase;font-weight:700}
.mh-section-body{padding:14px 16px}
.mh-chart{height:140px;display:flex;align-items:flex-end;gap:4px;padding:8px 0 20px;position:relative;border-bottom:1px solid #e8e4dd}
.mh-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}
.mh-bar{width:100%;background:#080808;transition:height .3s;min-height:2px;position:relative}
.mh-bar-val{position:absolute;top:-14px;left:50%;transform:translateX(-50%);font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:8px;color:#666;white-space:nowrap;letter-spacing:.5px}
.mh-bar-lbl{position:absolute;bottom:-18px;font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:8px;color:#888;letter-spacing:.5px}
.mh-berber-row{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #f0ebe1;gap:10px}
.mh-berber-row:last-child{border-bottom:none}
.mh-berber-av{width:34px;height:34px;border-radius:0;display:flex;align-items:center;justify-content:center;font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:13px;font-weight:700;color:#FAF6F0}
.mh-berber-info{flex:1;min-width:0}
.mh-berber-isim{font-size:13px;font-weight:600;color:#080808;margin-bottom:1px}
.mh-berber-sub{font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:9px;color:#888;letter-spacing:.6px}
.mh-berber-vals{text-align:right;flex-shrink:0}
.mh-berber-ciro{font-family:'Instrument Serif',Georgia,serif;font-size:18px;color:#080808;line-height:1}
.mh-berber-kom{font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:9px;color:#9B1D20;margin-top:3px;letter-spacing:.6px}
.mh-gider-row{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #f0ebe1;gap:10px}
.mh-gider-row:last-child{border-bottom:none}
.mh-gider-ico{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#FAF6F0;font-size:14px;flex-shrink:0}
.mh-gider-info{flex:1;min-width:0}
.mh-gider-ac{font-size:13px;color:#080808;margin-bottom:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mh-gider-meta{font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:9px;color:#888;letter-spacing:.5px;text-transform:uppercase}
.mh-gider-tut{font-family:'Instrument Serif',Georgia,serif;font-size:16px;color:#9B1D20;flex-shrink:0}
.mh-gider-sil{background:none;border:none;color:#bbb;font-size:16px;cursor:pointer;padding:0 4px;flex-shrink:0}
.mh-gider-sil:hover{color:#9B1D20}
.mh-add-btn{background:#080808;color:#FAF6F0;border:none;padding:10px 18px;font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:10px;letter-spacing:1.5px;font-weight:600;cursor:pointer;text-transform:uppercase;transition:background .2s}
.mh-add-btn:hover{background:#9B1D20}
.mh-empty{text-align:center;padding:20px;font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:10px;color:#888;letter-spacing:1.2px;text-transform:uppercase}
.mh-hizmet-row{display:flex;align-items:center;padding:8px 0;gap:10px;border-bottom:1px solid #f0ebe1}
.mh-hizmet-row:last-child{border-bottom:none}
.mh-hizmet-isim{flex:1;font-size:12px;color:#080808}
.mh-hizmet-count{font-family:var(--v5-mono,'JetBrains Mono',monospace);font-size:10px;color:#888;letter-spacing:.5px}
.mh-hizmet-bar{flex:1.5;height:4px;background:#f0ebe1;position:relative;margin:0 10px}
.mh-hizmet-bar-fill{position:absolute;left:0;top:0;bottom:0;background:#080808}
.mh-komisyon-kart{border-top:1px solid #f0f0f0;padding:10px 16px 14px;background:#fffdf8}
.mh-komisyon-kart-title{font-size:11px;font-weight:bold;color:#888;margin-bottom:8px;letter-spacing:.8px;text-transform:uppercase}
.mh-kom-row{display:flex;gap:8px;align-items:center;margin-bottom:6px}
.mh-kom-select{flex:1;padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:12px;background:#fff}
.mh-kom-input{flex:1;padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:12px;box-sizing:border-box}
.mh-kom-hint{font-size:10px;color:#bbb;margin-top:2px}
.mh-gider-modal-tip{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}
.mh-gider-tip-btn{padding:10px 4px;background:#FAF6F0;border:1px solid #e8e4dd;cursor:pointer;font-size:11px;color:#080808;font-family:var(--v5-mono,'JetBrains Mono',monospace);letter-spacing:.5px;text-transform:uppercase;transition:all .15s}
.mh-gider-tip-btn.aktif{background:#080808;color:#FAF6F0;border-color:#080808}
.mh-gider-tip-btn .emo{display:block;font-size:18px;margin-bottom:2px;font-family:initial;letter-spacing:0}
/* === end P5 CSS === */
.sup-select{background:#1a1a1a!important;color:#FAF6F0!important;border:1px solid rgba(155,29,32,0.4)!important;padding:10px 14px!important;border-radius:8px!important;font-size:14px!important;appearance:none!important;-webkit-appearance:none!important}
.sup-select option{background:#1a1a1a;color:#FAF6F0}

/* === Landing: Paket Karsilastirma Matrisi === */
.l-card-plan-matrix{background:var(--v5-warm);color:var(--v5-black);padding:3rem 1.5rem 4rem}
.l-plan-matrix-inner{max-width:1000px;margin:0 auto}
.l-plan-matrix-title{font-family:var(--v5-serif);font-size:2.2rem;line-height:1.15;font-weight:400;color:var(--v5-black);margin:0 0 0.4rem;text-align:center}
.l-plan-matrix-sub{font-size:0.95rem;color:var(--v5-mid);margin:0 0 2rem;text-align:center}
.l-plan-matrix-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.l-plan-matrix-table{width:100%;min-width:540px;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,0.04)}
.l-plan-matrix-table thead th{background:#0f0f14;color:#FAF6F0;padding:1rem 0.8rem;text-align:center;font-size:0.85rem;font-weight:600;letter-spacing:0.5px;text-transform:uppercase}
.l-plan-matrix-table thead th:first-child{text-align:left;background:#080808}
.l-plan-matrix-table thead th.l-plm-pro{background:var(--v5-red);position:relative}
.l-plan-matrix-table thead th.l-plm-pro::after{content:"⭐";position:absolute;top:3px;right:6px;font-size:10px}
.l-plan-matrix-table tbody td{padding:0.9rem 0.8rem;text-align:center;font-size:0.9rem;border-top:1px solid #eee;color:#333}
.l-plan-matrix-table tbody td:first-child{text-align:left;font-weight:500;color:#111;width:40%}
.l-plan-matrix-table tbody tr:hover{background:#faf6f0}
.l-plm-yes{color:#22c55e;font-weight:bold;font-size:1.1rem}
.l-plm-no{color:#d1d5db;font-size:1rem}
.l-plm-partial{color:#f59e0b;font-weight:600;font-size:0.8rem}
@media(max-width:640px){
  .l-card-plan-matrix{padding:2.5rem 0.8rem 3rem}
  .l-plan-matrix-title{font-size:1.6rem}
  .l-plan-matrix-table{font-size:0.82rem}
  .l-plan-matrix-table thead th,.l-plan-matrix-table tbody td{padding:0.7rem 0.5rem}
}

/* === Landing: Sticky CTA Bar === */
.l-sticky-cta{
  position:fixed;bottom:0;left:0;right:0;z-index:90;
  padding:12px calc(16px + env(safe-area-inset-right,0)) calc(12px + env(safe-area-inset-bottom,0)) calc(16px + env(safe-area-inset-left,0));
  background:rgba(8,8,8,0.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-top:1px solid rgba(250,246,240,0.1);
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  transform:translateY(100%);transition:transform 0.3s ease;
  box-shadow:0 -4px 20px rgba(0,0,0,0.3);
}
.l-sticky-cta.visible{transform:translateY(0)}
.l-sticky-cta-text{color:#FAF6F0;font-size:14px;font-weight:600;flex:1;font-family:var(--v5-sans);letter-spacing:0.2px}
.l-sticky-cta-text small{display:block;font-weight:400;font-size:11px;color:rgba(250,246,240,0.6);margin-top:1px}
.l-sticky-cta-btns{display:flex;gap:8px;flex-shrink:0}
.l-sticky-cta-btn{
  background:var(--v5-red);color:#FAF6F0;border:none;
  padding:10px 20px;border-radius:999px;
  font-weight:600;cursor:pointer;white-space:nowrap;
  font-size:13px;font-family:var(--v5-sans);letter-spacing:0.3px;
  transition:background 0.2s ease;
}
.l-sticky-cta-btn:hover{background:#7a1518}
.l-sticky-cta-btn.ghost{background:transparent;border:1px solid rgba(250,246,240,0.3);color:#FAF6F0}
.l-sticky-cta-btn.ghost:hover{background:rgba(250,246,240,0.08)}
@media(max-width:640px){
  .l-sticky-cta{padding:10px 12px}
  .l-sticky-cta-text small{display:none}
  .l-sticky-cta-text{font-size:12px}
  .l-sticky-cta-btn{padding:9px 14px;font-size:12px}
  .l-sticky-cta-btn.ghost{display:none}
}
/* Booking mode, admin, berber panelinde sticky bar gosterme */
body.booking-mode .l-sticky-cta,body:has(#admin-panel:not([style*="display: none"])) .l-sticky-cta,body:has(#berber-panel:not([style*="display: none"])) .l-sticky-cta{display:none!important}
/* LAUNCH-ADMIN-BERBER-SCROLL: own scroll bypass body overflow:hidden */
#admin-panel, #berber-panel {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  height: 100vh !important;
  height: 100dvh !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
/* LAUNCH-DESKTOP-SCALE: CSS-level buyutme (font-size + container max-width) */
@media (min-width: 1024px) {
  html { font-size: 19px; }
  #berber-panel, #admin-panel { font-size: 17px; }
  #berber-panel .sayfa { max-width: 1020px !important; }
  .ayar-wrap { max-width: 920px !important; }
  .l-inner { max-width: 1280px; }
  .admin-nav, .admin-header { max-width: 1280px; margin-left: auto; margin-right: auto; }
  #berber-panel button, #admin-panel button { font-size: 15px; }
  #berber-panel input, #admin-panel input, #berber-panel select, #admin-panel select, #berber-panel textarea, #admin-panel textarea { font-size: 15px; }
  .alt-menu .alt-btn, .drawer-nav-item { font-size: 15px; }
  .istat-kart { padding: 20px 24px !important; }
  .istat-n { font-size: 26px !important; }
  .istat-l { font-size: 12px !important; }
}



/* =========================================================================
   LAUNCH-UI-SCALE-GLOBAL: landing ile uyumlu premium/rahat olcek
   giris/admin/berber/modal/signup/paketler hepsi icin
   ========================================================================= */

/* === GIRIS EKRANI === */
.giris-input { font-size: 16px !important; padding: 16px 18px !important; min-height: 52px !important; max-width: 340px !important; border-radius: 12px !important; }
.giris-btn { font-size: 16px !important; padding: 16px 20px !important; min-height: 52px !important; max-width: 340px !important; font-weight: 600 !important; letter-spacing: 0.3px !important; border-radius: 12px !important; }
.giris-title { font-size: 28px !important; letter-spacing: -0.3px !important; }
.giris-dil-btn { font-size: 13px !important; padding: 8px 14px !important; }
.giris-forgot-link { font-size: 14px !important; }

/* === ADMIN PANEL === */
.admin-header h1 { font-size: 22px !important; letter-spacing: -0.3px !important; }
.admin-nav-btn { font-size: 14px !important; padding: 12px 18px !important; font-weight: 500 !important; letter-spacing: 0.2px !important; }
.cikis-btn { font-size: 13px !important; padding: 8px 14px !important; }

/* === BERBER PANEL === */
.sayfa-baslik { font-size: 32px !important; letter-spacing: -0.3px !important; }
.sayfa-baslik-alt { font-size: 12px !important; letter-spacing: 2px !important; }
.berber-header h1, .berber-header .berber-dukkan-ad { font-size: 22px !important; }
.alt-menu .alt-btn { font-size: 11px !important; padding: 8px 4px !important; }
.alt-menu .alt-btn span { font-size: 11px !important; }
.drawer-nav-item { font-size: 15px !important; padding: 14px 24px !important; }
.drawer-logo { font-size: 24px !important; }
.drawer-dukkan { font-size: 14px !important; }
.drawer-sayac { font-size: 11px !important; }
.elle-fab { width: 56px !important; height: 56px !important; font-size: 26px !important; }
.filtre-btn, .filtre-btn2 { font-size: 13px !important; padding: 9px 16px !important; min-height: 38px !important; font-weight: 500 !important; }
.istat-kart { padding: 18px 22px !important; }
.istat-n { font-size: 26px !important; letter-spacing: -0.3px !important; }
.istat-l { font-size: 11px !important; letter-spacing: 1.5px !important; margin-top: 4px !important; }
.durum-btn { font-size: 12px !important; padding: 10px 14px !important; font-weight: 600 !important; letter-spacing: 0.8px !important; }
.header-durum-chip { font-size: 11px !important; padding: 6px 14px !important; letter-spacing: 1.5px !important; }
.header-home-btn, .header-cikis-btn { width: 40px !important; height: 40px !important; }

/* === SIGNUP FORM === */
.sup-input { font-size: 16px !important; padding: 15px 18px !important; min-height: 52px !important; border-radius: 10px !important; }
.sup-submit { font-size: 16px !important; padding: 16px 22px !important; min-height: 54px !important; font-weight: 600 !important; letter-spacing: 0.3px !important; border-radius: 10px !important; }
.sup-h1 { font-size: 32px !important; letter-spacing: -0.5px !important; }
.sup-sub { font-size: 15px !important; line-height: 1.55 !important; }
.sup-lbl { font-size: 13px !important; font-weight: 500 !important; }
.sup-terms { font-size: 12px !important; line-height: 1.5 !important; }
.sup-otp-digit { font-size: 24px !important; width: 48px !important; height: 56px !important; }
.sup-hizmet-ad { font-size: 14px !important; }
.sup-paket-card { padding: 20px !important; }

/* === MODAL === */
.custom-modal-title { font-size: 20px !important; letter-spacing: -0.2px !important; }
.custom-modal-box { padding: 32px 28px 24px !important; border-radius: 20px !important; }
.custom-modal-btn { font-size: 14px !important; padding: 13px 20px !important; min-height: 46px !important; font-weight: 600 !important; letter-spacing: 0.3px !important; border-radius: 10px !important; }
.modal input, .modal textarea, .modal select { font-size: 15px !important; padding: 13px 16px !important; min-height: 48px !important; }
.modal button:not(.modal-kapat) { font-size: 14px !important; padding: 13px 18px !important; min-height: 46px !important; font-weight: 600 !important; }
.modal h3 { font-size: 20px !important; }

/* === PAKETLER (pricing panel icinde) === */
.paket-kart { padding: 22px 20px !important; border-radius: 14px !important; }
.paket-ad { font-size: 18px !important; font-weight: 700 !important; letter-spacing: -0.3px !important; }
.paket-fiyat { font-size: 32px !important; letter-spacing: -1px !important; }
.paket-btn { font-size: 14px !important; padding: 13px 18px !important; min-height: 46px !important; font-weight: 600 !important; letter-spacing: 0.3px !important; border-radius: 10px !important; }
.paket-ozellik { font-size: 13px !important; padding: 3px 0 !important; }

/* === RANDEVU KART + LIST === */
.randevu-kart { padding: 16px 18px !important; border-radius: 12px !important; }
.randevu-saat { font-size: 14px !important; font-weight: 600 !important; }
.randevu-isim { font-size: 15px !important; font-weight: 600 !important; }
.randevu-hizmet, .randevu-tel { font-size: 12.5px !important; }

/* === AYAR SAYFASI === */
.ayar-kat-tab { font-size: 12px !important; padding: 14px 12px !important; letter-spacing: 1.8px !important; }
.ayar-bolum-baslik { font-size: 14px !important; letter-spacing: 1.5px !important; }
.ayar-input, .ayar-wrap input, .ayar-wrap textarea, .ayar-wrap select { font-size: 15px !important; padding: 13px 16px !important; min-height: 48px !important; }
.kk-btn { font-size: 13px !important; padding: 9px 14px !important; min-height: 38px !important; font-weight: 500 !important; }

/* === MOBIL BOOKING === */
.mb-h3 { font-size: 13px !important; letter-spacing: 2px !important; }
.mb-section { padding: 20px 16px !important; }
.mb-berber-card, .mb-hizmet-card { padding: 14px 16px !important; border-radius: 12px !important; }
.mb-berber-name, .mb-hizmet-name { font-size: 15px !important; font-weight: 600 !important; }
.mb-saat-btn { font-size: 14px !important; padding: 11px 14px !important; min-height: 44px !important; font-weight: 500 !important; }
.mb-submit-btn { font-size: 16px !important; padding: 16px 22px !important; min-height: 54px !important; font-weight: 600 !important; letter-spacing: 0.4px !important; border-radius: 12px !important; }

/* Desktop ekstra boost (>=1024px) -- onceki LAUNCH-DESKTOP-SCALE i guclendirir */
@media (min-width: 1024px) {
  .giris-input, .giris-btn { font-size: 17px !important; max-width: 380px !important; min-height: 56px !important; }
  .sup-input, .sup-submit { font-size: 17px !important; min-height: 56px !important; }
  .custom-modal-btn, .modal button:not(.modal-kapat) { font-size: 15px !important; min-height: 48px !important; }
  .ayar-input, .ayar-wrap input, .ayar-wrap textarea, .ayar-wrap select { font-size: 16px !important; min-height: 50px !important; }
  .paket-fiyat { font-size: 38px !important; }
  .sayfa-baslik { font-size: 38px !important; }
  .sup-h1 { font-size: 38px !important; }
}


/* =========================================================================
   BUGÜN PLANI v6 — SIRADAKİ / SONRAKİ / DAHA SONRA hiyerarsi
   ========================================================================= */

/* Container wrapper */
.v6-plan { margin-top: 14px; }
.v6-berber-blok { margin-bottom: 24px; }
.v6-berber-blok:last-child { margin-bottom: 0; }
.v6-berber-isim {
  display: flex; align-items: center; gap: 10px;
  font-family: var(--v5-serif, serif);
  font-size: 17px; color: #FAF6F0;
  padding: 10px 4px; letter-spacing: -0.2px;
  border-bottom: 1px dashed rgba(255,255,255,0.08);
  margin-bottom: 12px;
}
.v6-berber-isim-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }

/* Status dots */
.v6-dot { display: inline-block; border-radius: 50%; flex-shrink: 0; }
.v6-dot-siradaki { width: 10px; height: 10px; background: #22c55e; box-shadow: 0 0 12px rgba(34,197,94,0.8); animation: v6Pulse 2s ease-in-out infinite; }
.v6-dot-sonraki { width: 8px; height: 8px; background: transparent; border: 1.5px solid #facc15; }
.v6-dot-sonra { width: 5px; height: 5px; background: rgba(250,246,240,0.3); }
@keyframes v6Pulse { 0%,100%{ transform: scale(1); opacity: 1; } 50%{ transform: scale(1.2); opacity: 0.82; } }

/* SIRADAKI — en belirgin */
.v6-siradaki {
  position: relative; cursor: pointer;
  background: linear-gradient(135deg, rgba(34,197,94,0.14), rgba(34,197,94,0.03));
  border: 1.5px solid #22c55e; border-radius: 5px;
  padding: 20px 20px 18px; margin-bottom: 14px;
  box-shadow: 0 0 32px rgba(34,197,94,0.18);
  transition: all .25s;
}
.v6-siradaki:hover { box-shadow: 0 0 40px rgba(34,197,94,0.28); }
.v6-expand-hint {
  position: absolute; top: 14px; right: 16px;
  font-size: 9px; letter-spacing: 1.5px;
  color: rgba(250,246,240,0.4);
  font-family: 'SF Mono', Monaco, Consolas, monospace;
  font-weight: 600; pointer-events: none;
}
.v6-siradaki.acik .v6-expand-hint { display: none; }

/* SONRAKI — orta vurgu */
.v6-sonraki {
  background: rgba(250,204,21,0.05);
  border: 1px solid rgba(250,204,21,0.4);
  border-radius: 4px;
  padding: 15px 18px 13px; margin-bottom: 10px;
}

/* DAHA SONRA — soluk */
.v6-sonra {
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 3px;
  padding: 11px 16px; margin-bottom: 6px;
  opacity: 0.88;
}

/* Row layout */
.v6-row { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.v6-sonraki .v6-row { margin-bottom: 10px; gap: 10px; }
.v6-sonra .v6-row { margin-bottom: 0; gap: 9px; }

/* Status label */
.v6-status-lbl { font-weight: 700; font-family: 'SF Mono', Monaco, Consolas, monospace; text-transform: uppercase; }
.v6-status-siradaki { font-size: 11.5px; letter-spacing: 3px; color: #22c55e; }
.v6-status-sonraki { font-size: 10.5px; letter-spacing: 2.6px; color: #facc15; }
.v6-status-sonra { font-size: 9.5px; letter-spacing: 2.2px; color: rgba(250,246,240,0.48); font-weight: 600; }

/* Saat (time) */
.v6-saat { margin-left: auto; font-family: 'SF Mono', Monaco, Consolas, monospace; }
.v6-saat-siradaki { font-size: 20px; font-weight: 500; color: #FAF6F0; letter-spacing: 0.5px; }
.v6-saat-sonraki { font-size: 17px; font-weight: 500; color: rgba(250,246,240,0.92); letter-spacing: 0.3px; }
.v6-saat-sonra { font-size: 13px; color: rgba(250,246,240,0.72); }

/* Isim */
.v6-isim { font-family: var(--v5-serif, serif); color: #FAF6F0; }
.v6-siradaki .v6-isim { font-size: 20px; letter-spacing: -0.2px; margin-bottom: 6px; }
.v6-sonraki .v6-isim { font-size: 16px; letter-spacing: -0.15px; margin-bottom: 4px; }

/* Meta */
.v6-meta { font-size: 13px; color: rgba(250,246,240,0.65); letter-spacing: 0.2px; }
.v6-sonraki .v6-meta { font-size: 12px; }
.v6-sonra-detay { font-size: 13px; color: rgba(250,246,240,0.78); margin-top: 5px; padding-left: 14px; letter-spacing: 0.1px; }
.v6-sonra-hizmet { color: rgba(250,246,240,0.5); font-size: 11px; }

.v6-sep { color: rgba(250,246,240,0.3); margin: 0 8px; }
.v6-chip-b {
  display: inline-block; padding: 2px 9px; border-radius: 2px;
  font-weight: 600; letter-spacing: 0.8px; text-transform: uppercase;
  font-family: 'SF Mono', Monaco, Consolas, monospace; font-size: 10px;
}
.v6-sonra .v6-chip-b { font-size: 9px; padding: 1.5px 7px; }

/* Countdown */
.v6-countdown {
  font-size: 11px; color: #22c55e; margin-top: 11px;
  font-family: 'SF Mono', Monaco, Consolas, monospace;
  letter-spacing: 1.3px; padding-top: 11px;
  border-top: 1px solid rgba(34,197,94,0.22);
  font-weight: 600;
}
.v6-countdown-sonraki {
  font-size: 10.5px; color: #facc15; margin-top: 8px;
  padding-top: 8px; border-top: 1px solid rgba(250,204,21,0.2);
  letter-spacing: 1.2px; font-family: 'SF Mono', Monaco, Consolas, monospace;
  font-weight: 600;
}

/* Actions (SIRADAKI tıklanınca açılır) */
.v6-actions {
  display: none; gap: 8px; margin-top: 14px; padding-top: 14px;
  border-top: 1px solid rgba(34,197,94,0.22);
}
.v6-siradaki.acik .v6-actions {
  display: flex;
  animation: v6SlideDown .25s ease-out;
}
@keyframes v6SlideDown {
  from { opacity: 0; transform: translateY(-6px); }
  to { opacity: 1; transform: translateY(0); }
}
.v6-act-btn {
  flex: 1; background: transparent; border: 1.5px solid;
  padding: 14px 10px; border-radius: 4px;
  font-size: 11px; letter-spacing: 1.8px; font-weight: 700;
  font-family: 'SF Mono', Monaco, Consolas, monospace;
  cursor: pointer; transition: all .15s; text-transform: uppercase;
}
.v6-act-btn.bitti {
  border-color: rgba(34,197,94,0.5); color: #22c55e;
  background: rgba(34,197,94,0.06);
}
.v6-act-btn.bitti:hover { background: rgba(34,197,94,0.15); border-color: #22c55e; }
.v6-act-btn.gelmedi {
  border-color: rgba(155,29,32,0.55); color: #ff6b67;
  background: rgba(155,29,32,0.06);
}
.v6-act-btn.gelmedi:hover { background: rgba(155,29,32,0.18); border-color: #ff6b67; }

/* Bitenler divider */
.v6-bitti-hdr {
  padding: 16px 0 12px; margin-top: 28px;
  border-top: 1px dashed rgba(255,255,255,0.12);
  color: rgba(250,246,240,0.45);
  font-size: 10px; letter-spacing: 2.4px;
  font-family: 'SF Mono', Monaco, Consolas, monospace;
  text-transform: uppercase; text-align: center; font-weight: 500;
}

/* Mobile responsive */
@media (max-width: 400px) {
  .v6-siradaki .v6-isim { font-size: 18px; }
  .v6-saat-siradaki { font-size: 18px; }
  .v6-status-siradaki { letter-spacing: 2.4px; font-size: 10.5px; }
  .v6-siradaki { padding: 16px 14px 14px; }
  .v6-sonraki { padding: 13px 14px 11px; }
  .v6-sonra { padding: 10px 12px; }
  .v6-act-btn { padding: 12px 8px; font-size: 10.5px; letter-spacing: 1.4px; }
}

/* Desktop refinement */
@media (min-width: 900px) {
  .v6-siradaki { padding: 22px 24px 20px; }
  .v6-sonraki { padding: 17px 22px 15px; }
  .v6-sonra { padding: 12px 20px; }
  .v6-siradaki .v6-isim { font-size: 22px; }
  .v6-saat-siradaki { font-size: 22px; }
}