/* FORMLAR VE SAYFALAR */
.auth-container, .checkout-container { max-width: calc(var(--y) * 25); margin: 0 auto; background: #111; padding: calc(var(--y) * 2); border-radius: calc(var(--y) * 0.5); border: 1px solid #333; }
.auth-container h2, .checkout-container h2 { color: #ff99cc; margin-bottom: calc(var(--y) * 1); border-bottom: 1px dashed #333; padding-bottom: calc(var(--y) * 0.5); }
.form-group { margin-bottom: calc(var(--y) * 1); }
.form-group label { display: block; margin-bottom: calc(var(--y) * 0.5); color: #aaa; font-size: calc(var(--y) * 0.9); }
.form-group input { width: 100%; padding: calc(var(--y) * 0.5); background: #222; border: 1px solid #444; color: #fff; border-radius: calc(var(--y) * 0.25); }
.form-group input:focus { outline: none; border-color: #ff99cc; }

/* ZEKÂ: Tarayıcıların zorunlu tuttuğu Autofill beyazlığını içeriden koyu gölgeyle ezer */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 calc(var(--y) * 2.5) #222 inset !important;
    -webkit-text-fill-color: #fff !important;
    transition: background-color 5000s ease-in-out 0s;
}

/* YENİ: Auth Sayfası Özel Stilleri (Şifre Unuttum, Uyarılar, Google Kapsayıcı) */
.google-auth-wrapper { min-height: calc(var(--y) * 2); display: flex; justify-content: center; align-items: center; margin-bottom: calc(var(--y) * 0.75); width: 100%; }
.forgot-pass-link { display: block; text-align: right; color: #888; font-size: calc(var(--y) * 0.9); margin-top: calc(var(--y) * 0.5); text-decoration: underline; cursor: pointer; transition: 0.2s; }
.forgot-pass-link:hover { color: #ff99cc; }
.input-warning { color: #ffcc00; font-size: calc(var(--y) * 0.7); margin-top: calc(var(--y) * 0.5); display: none; font-weight: bold; }
.input-warning.show { display: block; animation: fadeIn 0.3s; }
.form-checkbox-label { display:flex; align-items:flex-start; gap:calc(var(--y) * 0.5); cursor:pointer; color:#ccc; font-size:calc(var(--y) * 0.9); margin-bottom:calc(var(--y) * 0.5); line-height:1.4; }
.form-checkbox-label a { color:#ff99cc; text-decoration:underline; }

/* ==========================================
   YENİ: BÖLÜNMÜŞ GİRİŞ / KARŞILAMA EKRANI (SPLIT AUTH)
========================================== */
.split-auth-wrapper { display: flex; gap: calc(var(--y) * 1); max-width: calc(var(--y) * 45); margin: calc(var(--y) * 2) auto; padding: 0 calc(var(--y) * 1); }
.split-auth-box { flex: 1; background: #111; border: 1px solid #333; border-radius: calc(var(--y) * 0.75); padding: calc(var(--y) * 2); text-align: center; transition: transform 0.3s, border-color 0.3s; display: flex; flex-direction: column; justify-content: flex-start; }
.split-auth-box:hover { transform: translateY(-calc(var(--y) * 0.25)); border-color: #ff99cc; }
.split-auth-icon { font-size: calc(var(--y) * 3); color: #ff99cc; margin-bottom: calc(var(--y) * 1); text-shadow: 0 0 calc(var(--y) * 0.75) rgba(255, 153, 204, 0.3); }
.split-auth-title { font-size: calc(var(--y) * 1.4); color: #fff; margin-bottom: calc(var(--y) * 0.75); text-transform: uppercase; letter-spacing: 2px; }
.split-auth-desc { color: #aaa; font-size: calc(var(--y) * 0.9); margin-bottom: calc(var(--y) * 1.75); line-height: 1.6; }

/* ==========================================
   JS'DEN ÇIKARILAN ORTAK AUTH STİLLERİ
========================================== */
.auth-fade-in { animation: fadeIn 0.4s ease; }
.auth-back-wrapper { width: 100%; max-width: 900px; margin: 0 auto calc(var(--y) * 0.5) auto; padding: 0 calc(var(--y) * 1); }
.auth-btn-group { display: flex; flex-direction: column; gap: calc(var(--y) * 0.5); margin-top: auto; }
.auth-title-large { font-size: calc(var(--y) * 1.4); }
.auth-desc-text { color: #aaa; font-size: calc(var(--y) * 0.9); margin-bottom: calc(var(--y) * 1.25); line-height: 1.5; }
.auth-hint-pink { color: #ff99cc; font-size: calc(var(--y) * 0.7); }
.auth-input-upper { text-transform: uppercase; }
.auth-google-text { text-align: center; color: #666; margin-bottom: calc(var(--y) * 0.75); font-size: calc(var(--y) * 0.9); }
.auth-form-row { display: flex; gap: calc(var(--y) * 0.75); margin-bottom: calc(var(--y) * 1); }
.auth-form-col { flex: 1; margin-bottom: 0; }
.auth-terms-box { margin-bottom: calc(var(--y) * 1.25); background: #1a1a1a; padding: calc(var(--y) * 0.75); border-radius: calc(var(--y) * 0.5); border: 1px solid #333; }
.auth-checkbox-input { margin-top: 3px; accent-color: #ff99cc; width: calc(var(--y) * 0.75); height: calc(var(--y) * 0.75); flex-shrink: 0; }

/* Misafir Paneli Özellikleri */
.guest-dash-wrapper { width: 100%; max-width: 800px; margin: calc(var(--y) * 1) auto; padding: 0 calc(var(--y) * 1); }
.guest-dash-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px dashed #333; padding-bottom: calc(var(--y) * 0.75); margin-bottom: calc(var(--y) * 1); }
.guest-dash-title { color: #ff99cc; margin: 0; font-size: calc(var(--y) * 1.4); }
.btn-guest-logout { width: auto; padding: calc(var(--y) * 0.5) calc(var(--y) * 0.75); background: transparent; border-color: #ff4d4d; color: #ff4d4d; font-size: calc(var(--y) * 0.9); }

/* Güvenlik Duvarı (Auth Wall) Özellikleri */
.auth-wall-wrapper { max-width: 500px; margin: 0 auto; }
.auth-wall-title { border-bottom: 1px dashed #333; padding-bottom: calc(var(--y) * 0.75); margin-bottom: calc(var(--y) * 1); }
.auth-wall-google-box { background: #1a1a1a; padding: calc(var(--y) * 1); border-radius: calc(var(--y) * 0.5); border: 1px dashed #444; text-align: center; }

/* ==========================================
   KULLANICI PANELİ (DASHBOARD) TASARIMI
========================================== */
.dashboard-container { display: flex; width: 100%; justify-content: center; gap: calc(var(--y) * 1); padding: calc(var(--y) * 1) 0; align-items: flex-start; }
.dashboard-sidebar { width: calc(var(--y) * 18); flex-shrink: 0; background: #111; border: 1px solid #333; border-radius: calc(var(--y) * 0.5); padding: calc(var(--y) * 1) 0; position: sticky; }
.dashboard-user-info { text-align: center; padding: 0 calc(var(--y) * 1) calc(var(--y) * 1) calc(var(--y) * 1); border-bottom: 1px dashed #333; margin-bottom: calc(var(--y) * 0.5); }
.dashboard-user-info h3 { color: #ff99cc; margin-bottom: calc(var(--y) * 0.25); font-size: calc(var(--y) * 1.1); }
.dashboard-user-info p { color: #aaa; font-size: calc(var(--y) * 0.9); }
.dashboard-menu { display: flex; flex-direction: column; }
.dash-menu-btn { background: transparent; color: #fff; text-align: left; padding: calc(var(--y) * 0.75) calc(var(--y) * 1.25); border: none; border-left: 3px solid transparent; cursor: pointer; transition: 0.2s; font-size: calc(var(--y) * 0.9); display: flex; align-items: center; gap: calc(var(--y) * 0.75); }
.dash-menu-btn:hover { background: #222; color: #ff99cc; }
.dash-menu-btn.active { background: #1a1a1a; color: #ff99cc; border-left-color: #ff99cc; font-weight: bold; }
.dashboard-content { width: calc(var(--y) * 48); flex-shrink: 0; background: #111; border: 1px solid #333; border-radius: calc(var(--y) * 0.5); padding: calc(var(--y) * 1.5); min-height: calc(var(--y) * 25); }

/* Cüzdan Kartı Özel Tasarımı */
.wallet-card { background: linear-gradient(135deg, #222, #000); border: 1px solid #ff99cc; border-radius: calc(var(--y) * 0.75); padding: calc(var(--y) * 1.5); text-align: center; position: relative; overflow: hidden; }
.wallet-card::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(255,153,204,0.1) 0%, transparent 70%); }
.wallet-balance { font-size: calc(var(--y) * 3); color: #ff99cc; font-weight: bold; margin: calc(var(--y) * 0.75) 0; text-shadow: 0 0 calc(var(--y) * 0.75) rgba(255,153,204,0.3); }

/* Mobil Dashboard Başlığı (Geniş Ekranda Gizli) */
.mobile-dash-header { display: none; }

/* SİPARİŞ GEÇMİŞİ KARTLARI */
.order-card { background: #1a1a1a; border: 1px solid #333; border-radius: calc(var(--y) * 0.5); padding: calc(var(--y) * 1); margin-bottom: calc(var(--y) * 0.75); transition: border-color 0.2s ease, background 0.2s ease; cursor: pointer; }
.order-card:hover { border-color: #ff99cc; background: #111; }
.order-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px dashed #444; padding-bottom: calc(var(--y) * 0.5); margin-bottom: calc(var(--y) * 0.5); font-size: calc(var(--y) * 0.9); color: #aaa; }
.order-no { color: #ff99cc; font-weight: bold; font-family: monospace; font-size: calc(var(--y) * 1.1); letter-spacing: 1px; }
.order-status { color: #4ade80; font-weight: bold; text-transform: uppercase; font-size: calc(var(--y) * 0.7); padding: calc(var(--y) * 0.15) calc(var(--y) * 0.25); }
.status-yeni { background: rgba(255, 153, 204, 0.15); color: #ff99cc; border: 1px solid #ff99cc; }
.status-kargoda { background: rgba(74, 222, 128, 0.15); color: #4ade80; border: 1px solid #4ade80; }
.order-items-preview { display: flex; gap: calc(var(--y) * 0.25); margin-bottom: calc(var(--y) * 0.5); overflow-x: auto; padding-bottom: calc(var(--y) * 0.25); scrollbar-width: none; }
.order-items-preview::-webkit-scrollbar { display: none; }
.order-item-img { width: calc(var(--y) * 2.5); height: calc(var(--y) * 2.5); border-radius: calc(var(--y) * 0.25); object-fit: cover; border: 1px solid #333; flex-shrink: 0; }
.order-footer { display: flex; justify-content: space-between; align-items: center; }
.order-total { font-size: calc(var(--y) * 1.1); font-weight: bold; color: #fff; }
.wallet-badge { font-size: calc(var(--y) * 0.7); color: #000; background: #ff99cc; padding: calc(var(--y) * 0.1) calc(var(--y) * 0.25); border-radius: calc(var(--y) * 0.15); margin-left: calc(var(--y) * 0.5); display: inline-flex; align-items: center; gap: calc(var(--y) * 0.25); }
.order-loading { text-align: center; padding: calc(var(--y) * 1.5); color: #888; }
.order-empty-state { background: #222; padding: calc(var(--y) * 1); border-radius: calc(var(--y) * 0.5); text-align: center; color: #888; }

/* SİPARİŞ TAKİP ZAMAN ÇİZELGESİ (TIMELINE) */
.tracking-timeline { display: flex; align-items: center; justify-content: space-between; margin: calc(var(--y) * 1) 0; }
.tl-step { display: flex; flex-direction: column; align-items: center; position: relative; z-index: 2; width: 30%; }
.tl-icon { width: calc(var(--y) * 2.5); height: calc(var(--y) * 2.5); border-radius: 50%; background: #222; border: 2px solid #444; display: flex; align-items: center; justify-content: center; color: #666; font-size: calc(var(--y) * 1.1); margin-bottom: calc(var(--y) * 0.5); transition: 0.3s; }
.tl-text { color: #666; font-size: calc(var(--y) * 0.9); font-weight: bold; text-align: center; text-transform: uppercase; }
.tl-line { flex-grow: 1; height: calc(var(--y) * 0.25); background: #333; position: relative; z-index: 1; transform: translateY(-calc(var(--y) * 0.75)); }

/* Aktif (Tamamlanmış) Adımlar */
.tl-step.active .tl-icon { background: rgba(255, 153, 204, 0.1); border-color: #ff99cc; color: #ff99cc; box-shadow: 0 0 calc(var(--y) * 0.75) rgba(255, 153, 204, 0.2); }
.tl-step.active .tl-text { color: #fff; }
.tl-line.active { background: #ff99cc; }


/* ==========================================
   BİLET (TICKET) GÖRSEL SİPARİŞ SEÇİCİ
========================================== */
.ticket-order-card { background: #222; border: 1px solid #333; border-radius: calc(var(--y) * 0.5); padding: calc(var(--y) * 0.75); cursor: pointer; transition: 0.2s; }
.ticket-order-card:hover { border-color: #ff99cc; }
.ticket-order-card.selected { border-color: #ff99cc; background: rgba(255,153,204,0.1); }
.ticket-order-header { color: #aaa; font-size: calc(var(--y) * 0.9); margin-bottom: calc(var(--y) * 0.5); display: flex; justify-content: space-between; align-items: center; }
.ticket-order-header strong { color: #fff; font-family: monospace; font-size: calc(var(--y) * 1.1); }
.ticket-order-items { display: flex; gap: calc(var(--y) * 0.5); overflow-x: auto; padding-bottom: calc(var(--y) * 0.25); scrollbar-width: none; }
.ticket-order-items::-webkit-scrollbar { display: none; }
.ticket-order-item { display: flex; flex-direction: column; gap: calc(var(--y) * 0.25); width: calc(var(--y) * 3); flex-shrink: 0; align-items: center; }
.ticket-order-item img { width: calc(var(--y) * 3); height: calc(var(--y) * 3); object-fit: cover; border-radius: calc(var(--y) * 0.25); border: 1px solid #444; transition: transform 0.3s ease; }
.ticket-order-item:hover img { transform: scale(1.2); z-index: 10; position: relative; border-color: #ff99cc; }
.ticket-order-item-name { font-size: calc(var(--y) * 0.7); color: #888; text-align: center; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ==========================================
   ORTAK PROFİL MENÜSÜ (DASHBOARD KÖK DİZİNİ)
========================================== */
/* ZEKÂ: Wide Mod - Ortadaki 2 gridin kapladığı alan kadar (Max calc(var(--y) * 35)) büyür ve ortalanır */
.common-profile-wrapper { display: flex; justify-content: center; align-items: center; padding: calc(var(--y) * 2) 0; min-height: 60vh; width: 100%; }
.common-profile-box { width: 100%; max-width: calc(var(--y) * 34.5); background: #111; border: 1px solid #333; border-radius: calc(var(--y) * 0.5); overflow: hidden; animation: fadeIn 0.3s ease; }

/* ==========================================
   KVKK MODAL VE İÇ SAYFA GÜVENLİK PANELLERİ
========================================== */
.kvkk-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.85); z-index: 99999; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: 0.3s ease; backdrop-filter: blur(calc(var(--y) * 0.25)); }
.kvkk-modal-overlay.active { opacity: 1; pointer-events: all; }
.kvkk-modal-content { background: #111; border: 1px solid #ff99cc; width: 95%; max-width: calc(var(--y) * 40); max-height: 90vh; border-radius: calc(var(--y) * 0.5); display: flex; flex-direction: column; overflow: hidden; box-shadow: 0 calc(var(--y) * 0.5) calc(var(--y) * 2) rgba(255,153,204,0.15); transform: translateY(calc(var(--y) * 1)); transition: 0.3s ease; }
.kvkk-modal-overlay.active .kvkk-modal-content { transform: translateY(0); }
.kvkk-modal-body { padding: calc(var(--y) * 1.5); overflow-y: auto; flex-grow: 1; }
.kvkk-modal-footer { padding: calc(var(--y) * 1); background: #1a1a1a; border-top: 1px dashed #333; display: flex; justify-content: flex-end; gap: calc(var(--y) * 0.75); }

/* Granüler (Satır Satır) Düzenleme Paneli */
.inline-edit-row { display: flex; align-items: center; gap: calc(var(--y) * 0.75); margin-bottom: calc(var(--y) * 0.75); padding-bottom: calc(var(--y) * 0.75); transition: 0.3s; }
.inline-edit-row label { width: calc(var(--y) * 5); color: #888; font-size: calc(var(--y) * 0.9); margin: 0; flex-shrink: 0; }
.inline-edit-row input, .inline-edit-row select { flex-grow: 1; background: #1a1a1a; border: 1px solid #333; color: #ccc; padding: calc(var(--y) * 0.5); border-radius: calc(var(--y) * 0.25); transition: 0.3s; font-weight: bold; }
.inline-edit-row input:not(:disabled), .inline-edit-row select:not(:disabled) { background: #222; border-color: #ff99cc; box-shadow: 0 0 calc(var(--y) * 0.5) rgba(255,153,204,0.1); color: #fff; }
.inline-edit-row input:focus:not(:disabled), .inline-edit-row select:focus:not(:disabled) { outline: none; border-color: #ff99cc; }

/* ZEKÂ: UI Kilitlendiğinde Pasif Kalan Butonlar */
.ui-locked { opacity: 0.3; pointer-events: none; filter: grayscale(100%); }

/* ZEKÂ: Yeni E-Posta kutucuğunun varsayılan pembe konturunu ezme (Sadece odaklanınca pembe olur) */
#new-email-input:not(:focus) { background: #1a1a1a !important; border-color: #333 !important; box-shadow: none !important; color: #ccc !important; }
#new-email-input:focus { background: #222 !important; border-color: #ff99cc !important; color: #fff !important; }

.inline-edit-actions { width: calc(var(--y) * 7); text-align: right; flex-shrink: 0; }

/* Lüks Profil Butonları ve Hover Zekâsı (Zarif Boyut) */
.btn-profile-pink { background: transparent; color: #ff99cc; border: 1px solid #ff99cc; padding: calc(var(--y) * 0.25) calc(var(--y) * 0.5); border-radius: calc(var(--y) * 0.25); font-weight: bold; cursor: pointer; transition: 0.3s; text-transform: uppercase; display: inline-block; text-align: center; font-size: calc(var(--y) * 0.7); }
.btn-profile-pink:hover { background: #ff99cc; color: #fff; }
.btn-profile-pink:disabled { opacity: 0.5; cursor: not-allowed; border-color: #444; color: #555; }

/* ZEKÂ: Dev SİL butonu küçültüldü ve diğerlerine hizalandı */
.btn-profile-red { background: transparent; color: #ff4d4d; border: 1px solid #ff4d4d; padding: calc(var(--y) * 0.25) calc(var(--y) * 0.5); border-radius: calc(var(--y) * 0.25); font-weight: bold; cursor: pointer; transition: 0.3s; text-transform: uppercase; display: inline-block; text-align: center; font-size: calc(var(--y) * 0.7); }
.btn-profile-red:hover { background: #ff4d4d; color: #000; }

/* ZEKÂ: Dinamik İPTAL ve ONAYLA butonları */
.btn-profile-gray { background: transparent; color: #888; border: 1px solid #555; padding: calc(var(--y) * 0.25) calc(var(--y) * 0.5); border-radius: calc(var(--y) * 0.25); font-weight: bold; cursor: pointer; transition: 0.3s; text-transform: uppercase; display: inline-block; text-align: center; font-size: calc(var(--y) * 0.7); }
.btn-profile-gray:hover { background: #333; color: #fff; }

.btn-profile-green { background: transparent; color: #4ade80; border: 1px solid #4ade80; padding: calc(var(--y) * 0.25) calc(var(--y) * 0.5); border-radius: calc(var(--y) * 0.25); font-weight: bold; cursor: pointer; transition: 0.3s; text-transform: uppercase; display: inline-block; text-align: center; font-size: calc(var(--y) * 0.7); }
.btn-profile-green:hover { background: #4ade80; color: #000; }

/* ==========================================
   JS'DEN ÇIKARILAN DASHBOARD (HESABIM) STİLLERİ
========================================== */

/* Genel Dashboard Sınıfları */
.dashboard-wrapper { width: 100%; align-self: flex-start; display: flex; flex-direction: column; min-height: 70vh; }
.dash-title { color: #ff99cc; border-bottom: 1px dashed #333; padding-bottom: calc(var(--y) * 0.75); margin-bottom: calc(var(--y) * 1); }
.dash-title-flex { display: flex; justify-content: space-between; align-items: center; }
.dash-title-mob { color: #ff99cc; margin: 0; font-size: calc(var(--y) * 1.4); }
.dash-box { margin-bottom: calc(var(--y) * 1); padding: calc(var(--y) * 1); background: #1a1a1a; border-radius: calc(var(--y) * 0.5); border: 1px dashed #444; }
.dash-text-sub { color: #aaa; font-size: calc(var(--y) * 0.9); }
.dash-text-gray { color: #888; }
.dash-flex-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: calc(var(--y) * 1); }
.btn-full-mt { margin-top: calc(var(--y) * 1); width: 100%; }

/* Adres Yöneticisi Özellikleri */
.addr-empty-msg { text-align: center; color: #aaa; padding: calc(var(--y) * 2) 0; }
.addr-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(calc(var(--y) * 15), 1fr)); gap: calc(var(--y) * 1); }
.addr-card { background: #1a1a1a; border: 1px solid #333; border-radius: calc(var(--y) * 0.5); padding: calc(var(--y) * 1); position: relative; display: flex; flex-direction: column; transition: 0.3s; }
.addr-card.default { border-color: #ff99cc; background: rgba(255, 153, 204, 0.05); }
.addr-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px dashed #444; padding-bottom: calc(var(--y) * 0.5); margin-bottom: calc(var(--y) * 0.5); }
.addr-body { color: #ccc; font-size: calc(var(--y) * 0.9); line-height: 1.5; flex-grow: 1; margin-bottom: calc(var(--y) * 0.5); }

/* Adres Formu (Dropdown / Açılır Liste) Özellikleri */
.dd-wrapper { position: relative; }
.dd-list { position: absolute; top: 100%; left: 0; width: 100%; background: #1a1a1a; border: 1px solid #ff99cc; border-radius: calc(var(--y) * 0.25); max-height: calc(var(--y) * 10); overflow-y: auto; list-style: none; padding: 0; margin: 0; z-index: 100; display: none; box-shadow: 0 calc(var(--y) * 0.5) calc(var(--y) * 1) rgba(0,0,0,0.8); }
.dd-li { padding: calc(var(--y) * 0.5); cursor: pointer; color: #fff; border-bottom: 1px solid #333; transition: 0.2s; }
.dd-li:hover { background: #ff99cc; color: #000 !important; }
.form-btn-group { display: flex; justify-content: flex-end; gap: calc(var(--y) * 0.5); margin-top: calc(var(--y) * 1); }
.addr-preview { margin-bottom: calc(var(--y) * 1); padding: calc(var(--y) * 0.75); background: #1a1a1a; border-radius: calc(var(--y) * 0.25); border-left: 3px solid #ff99cc; color: #ccc; font-size: calc(var(--y) * 0.9); display: none; line-height: 1.5; }

/* Cüzdan Yükleme Butonu */
.btn-wallet-add { margin-top: calc(var(--y) * 1); max-width: calc(var(--y) * 15); border-radius: calc(var(--y) * 1.5); }

/* Dashboard Logout ve Ortak Menü Ekstraları */
.dash-profile-header { padding: calc(var(--y) * 1); text-align: center; border-bottom: 1px dashed #333; background: #1a1a1a; }
.dash-profile-name { color: #ff99cc; margin-bottom: calc(var(--y) * 0.25); font-size: calc(var(--y) * 1.1); }
.dash-profile-email { color: #aaa; font-size: calc(var(--y) * 0.9); }
.dash-menu-full { width: 100%; }
.btn-dash-logout { color: #ff4d4d; border-top: 1px solid #333; }
.btn-dash-logout-mob { width: 100%; text-align: left; }

/* Account Info (Üyelik Bilgilerim) Özel Sınıfları */
.prof-header-row { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px dashed #333; padding-bottom: calc(var(--y) * 0.75); margin-bottom: calc(var(--y) * 1.25); }
.prof-title { color: #ff99cc; margin: 0; }
.btn-prof-update { padding: calc(var(--y) * 0.5) calc(var(--y) * 1); font-size: calc(var(--y) * 0.9); }
.prof-content-wrapper { width: 100%; max-width: calc(var(--y) * 32.5); animation: fadeIn 0.3s ease; }
.prof-status-box { background: #1a1a1a; border: 1px solid #333; border-radius: calc(var(--y) * 0.5); padding: calc(var(--y) * 1); margin-bottom: calc(var(--y) * 1.25); display: flex; justify-content: space-between; align-items: center; }
.prof-label-sm { color: #888; font-size: calc(var(--y) * 0.7); margin-bottom: calc(var(--y) * 0.25); }
.prof-input-disabled { opacity: 1; cursor: not-allowed; background: #1a1a1a; border: 1px solid #333; font-weight: bold; color: #fff; }
.prof-emails-box { margin-bottom: calc(var(--y) * 1.5); background: #1a1a1a; padding: calc(var(--y) * 0.75); border-radius: calc(var(--y) * 0.25); border: 1px solid #333; }
.prof-emails-title { color: #888; border-bottom: 1px solid #333; padding-bottom: calc(var(--y) * 0.25); margin-bottom: calc(var(--y) * 0.5); display: block; }
.prof-del-footer { border-top: 1px dashed #333; padding-top: calc(var(--y) * 1.25); margin-top: calc(var(--y) * 0.5); }
.btn-prof-del { width: 100%; max-width: 300px; display: block; }
.dash-text-sub-google { color: #aaa; font-size: calc(var(--y) * 0.9); }
.btn-google-bind { font-size: calc(var(--y) * 0.7); padding: calc(var(--y) * 0.25) calc(var(--y) * 0.75); }
.prof-email-item { margin-bottom: calc(var(--y) * 0.25); color: #fff; font-weight: bold; }

/* Granüler Düzenleme (Edit Profile) Sınıfları */
.inline-edit-row-sm { margin-bottom: 0; padding-bottom: calc(var(--y) * 0.75); }
.inline-edit-inp-locked { color: #aaa; background: #1a1a1a; border: none; }
.inline-edit-inp-dark { background: #1a1a1a; border: none; }
.btn-inline-locked { color: #555; border-color: #444; }
.unverified-lbl { color: #ff4d4d; font-size: calc(var(--y) * 0.7); font-weight: bold; line-height: 1.2; display: block; }
.edit-prof-wrapper { width: 100%; max-width: calc(var(--y) * 35); animation: fadeIn 0.3s ease; }
.edit-prof-title { color: #ff99cc; border-bottom: 1px dashed #333; padding-bottom: calc(var(--y) * 0.75); margin-bottom: calc(var(--y) * 1.25); }
.phone-pref-input { width: calc(var(--y) * 3); min-width: calc(var(--y) * 3); max-width: calc(var(--y) * 3); flex-shrink: 0; text-align: center; }
.gender-select { flex-grow: 1; color: #fff; padding: calc(var(--y) * 0.5); border-radius: calc(var(--y) * 0.25); font-weight: bold; outline: none; }
.pass-extra-box { display: none; padding-left: calc(var(--y) * 5.75); margin-bottom: calc(var(--y) * 0.75); padding-bottom: calc(var(--y) * 0.75); }
.pass-conf-input { width: 100%; background: #222; border: 1px solid #444; color: #fff; padding: calc(var(--y) * 0.5); border-radius: calc(var(--y) * 0.25); margin-top: calc(var(--y) * 0.25); font-weight: bold; }
.pass-info-text { font-size: calc(var(--y) * 0.7); color: #888; margin-top: calc(var(--y) * 0.5); }
.google-link-box { margin-top: calc(var(--y) * 1.25); background: #1a1a1a; padding: calc(var(--y) * 1); border-radius: calc(var(--y) * 0.5); border: 1px solid #333; }
.google-link-lbl { color: #fff; width: calc(var(--y) * 7.5); }
.btn-edit-finish { width: 100%; margin-top: calc(var(--y) * 0.5); padding: calc(var(--y) * 0.75); font-size: calc(var(--y) * 1.1); }

/* Hesap Silme (Final Delete) Sınıfları */
.del-prof-wrapper { max-width: calc(var(--y) * 27.5); animation: fadeIn 0.3s ease; }
.del-title { color: #ff4d4d; border-bottom: 1px dashed #333; padding-bottom: calc(var(--y) * 0.75); margin-bottom: calc(var(--y) * 1); }
.del-desc { color: #ccc; font-size: calc(var(--y) * 0.9); margin-bottom: calc(var(--y) * 1); line-height: 1.5; }
.del-confirm-box { background: #1a1a1a; border: 1px solid #333; padding: calc(var(--y) * 1); border-radius: calc(var(--y) * 0.5); margin-bottom: calc(var(--y) * 1.25); transition: 0.3s; }
.del-cb-label { color: #fff; font-size: calc(var(--y) * 0.9); font-weight: bold; margin-bottom: 0; display: flex; align-items: flex-start; gap: calc(var(--y) * 0.5); }
.del-cb-input { margin-top: 2px; width: calc(var(--y) * 1); height: calc(var(--y) * 1); accent-color: #ff4d4d; flex-shrink: 0; }
.del-btn-group { display: flex; gap: calc(var(--y) * 0.75); }
.del-btn { flex: 1; padding: calc(var(--y) * 0.5); font-size: calc(var(--y) * 0.9); }

/* Adres Kartı Alt Buton Grubu */
.addr-card-footer { display: flex; justify-content: space-between; align-items: center; border-top: 1px dashed #444; padding-top: calc(var(--y) * 0.5); margin-top: calc(var(--y) * 0.5); }
.btn-addr-action { padding: calc(var(--y) * 0.25) calc(var(--y) * 0.5); font-size: calc(var(--y) * 0.7); }

/* Adres Formu (address-form.js) Özel Sınıfları */
.addr-form-box { width: 100%; background: #1a1a1a; border: 1px solid #ff99cc; padding: calc(var(--y) * 1); border-radius: calc(var(--y) * 0.5); margin-bottom: calc(var(--y) * 1.25); animation: fadeIn 0.3s ease; max-width: calc(var(--y) * 35); }
.addr-form-title { color: #fff; margin-bottom: calc(var(--y) * 1); border-bottom: 1px dashed #333; padding-bottom: calc(var(--y) * 0.5); }
.addr-form-row { display: flex; gap: calc(var(--y) * 0.75); margin-bottom: calc(var(--y) * 0.75); }
.addr-form-col-1 { flex: 1; }
.addr-form-col-2 { flex: 2; }
.addr-form-rel { position: relative; }
.addr-dd-list { display: none; position: absolute; top: 100%; left: 0; right: 0; background: #222; border: 1px solid #ff99cc; border-radius: calc(var(--y) * 0.25); z-index: 100; margin-top: calc(var(--y) * 0.25); box-shadow: 0 calc(var(--y) * 0.25) calc(var(--y) * 0.75) rgba(0,0,0,0.5); }
.addr-dd-item { padding: calc(var(--y) * 0.5) calc(var(--y) * 0.75); cursor: pointer; color: #fff; border-bottom: 1px solid #333; transition: 0.2s; }
.addr-dd-item:hover { background: #ff99cc; color: #000; }
.addr-postal-box { margin-bottom: calc(var(--y) * 0.75); animation: fadeIn 0.4s ease; }
.addr-postal-label { color: #4ade80; }
.addr-postal-input { border-color: #4ade80; color: #4ade80; font-weight: bold; }
.addr-phone-group { margin-bottom: calc(var(--y) * 1.25); position: relative; }
.addr-phone-wrapper { display: flex; align-items: center; background: #1a1a1a; border: 1px solid #333; border-radius: calc(var(--y) * 0.25); overflow: hidden; transition: 0.2s; }
.addr-phone-prefix { width: calc(var(--y) * 3); flex-shrink: 0; background: #222; border: none; border-right: 1px solid #333; color: #ff99cc; text-align: center; font-weight: bold; padding: calc(var(--y) * 0.5) calc(var(--y) * 0.25); outline: none; }
.addr-phone-input { flex-grow: 1; background: transparent; border: none; padding: calc(var(--y) * 0.5); color: #fff; font-weight: bold; letter-spacing: 1px; outline: none; }
.addr-preview-group { margin-bottom: calc(var(--y) * 1); }
.addr-preview-label { color: #aaa; }
.addr-preview-box { width: 100%; padding: calc(var(--y) * 0.75); background: #222; border: 1px solid #444; color: #ccc; border-radius: calc(var(--y) * 0.25); font-size: calc(var(--y) * 1.1); line-height: 1.5; min-height: calc(var(--y) * 2.75); }
.addr-preview-highlight { color: #ff99cc; font-weight: bold; }
.addr-btn-group { display: flex; gap: calc(var(--y) * 0.5); justify-content: flex-end; }
.btn-addr-cancel { width: auto; background: transparent; color: #aaa; border-color: #444; padding: calc(var(--y) * 0.5) calc(var(--y) * 1); }
.btn-addr-save { width: auto; padding: calc(var(--y) * 0.5) calc(var(--y) * 1.5); }

/* Adres Kartı Aksiyon Butonları (Inline CSS Temizliği) */
.btn-addr-star-active { background: transparent; border: none; padding: 0; width: auto; color: #ff99cc; margin-right: calc(var(--y) * 0.5); cursor: default; }
.btn-addr-star { background: transparent; border: none; padding: 0; width: auto; color: #aaa; margin-right: calc(var(--y) * 0.5); cursor: pointer; }
.btn-addr-edit { background: transparent; border: none; padding: 0; width: auto; color: #aaa; margin-right: calc(var(--y) * 0.5); cursor: pointer; transition: 0.2s; }
.btn-addr-edit:hover { color: #fff; }
.btn-addr-del { background: transparent; border: none; padding: 0; width: auto; color: #ff4d4d; cursor: pointer; transition: 0.2s; }
.btn-addr-del:hover { color: #fff; }

/* Kuponlarım (coupon-engine.js) Özel Sınıfları */
.coupon-tabs-wrapper { display: flex; gap: calc(var(--y) * 0.5); margin-bottom: calc(var(--y) * 1); overflow-x: auto; scrollbar-width: none; }
.coupon-tabs-wrapper::-webkit-scrollbar { display: none; }
.coupon-list-wrapper { display: flex; flex-direction: column; gap: calc(var(--y) * 0.75); }
.coupon-empty-state { background: #222; padding: calc(var(--y) * 1); border-radius: calc(var(--y) * 0.5); text-align: center; color: #888; border: 1px dashed #444; }
.coupon-card { background: #1a1a1a; border: 1px solid #333; border-radius: calc(var(--y) * 0.5); padding: calc(var(--y) * 1); display: flex; justify-content: space-between; align-items: center; transition: border-color 0.2s ease; }
.coupon-card:hover { border-color: var(--katman-pink, #ff99cc); }
.coupon-code { color: var(--katman-pink, #ff99cc); font-size: calc(var(--y) * 1.5); font-weight: bold; letter-spacing: 1px; }
.coupon-desc { color: #fff; font-size: calc(var(--y) * 0.9); margin-bottom: calc(var(--y) * 0.25); }
.coupon-validity { color: #aaa; font-size: calc(var(--y) * 0.9); }
.btn-coupon-shop { width: auto; padding: calc(var(--y) * 0.5) calc(var(--y) * 1); font-size: calc(var(--y) * 0.9); }
.coupon-status-used { color: #888; font-weight: bold; }
.coupon-status-expired { color: #ff4d4d; font-weight: bold; }

/* Ödeme ve Kart Bilgileri (payment-cards.js) Özel Sınıfları */
.payment-info-box { background: #1a1a1a; border: 1px solid #333; padding: calc(var(--y) * 1); border-radius: calc(var(--y) * 0.5); }
.payment-sec-notice { color: #aaa; font-size: calc(var(--y) * 0.9); margin-bottom: calc(var(--y) * 0.75); }
.payment-sec-icon { color: #4ade80; margin-right: calc(var(--y) * 0.25); }
.payment-empty-state { background: #222; padding: calc(var(--y) * 1); border-radius: calc(var(--y) * 0.5); text-align: center; color: #888; border: 1px dashed #444; }

/* Soru ve Taleplerim (ticket-history.js) Özel Sınıfları */
.ticket-form-box { background: #111; border: 1px solid #333; padding: calc(var(--y) * 1.5); border-radius: calc(var(--y) * 0.5); margin-bottom: calc(var(--y) * 1.5); }
.ticket-section-title { color: #fff; margin-bottom: calc(var(--y) * 1); font-size: calc(var(--y) * 1.1); }
.ticket-input { width: 100%; padding: calc(var(--y) * 0.75); background: #222; border: 1px solid #444; color: #fff; border-radius: calc(var(--y) * 0.25); font-family: inherit; }
textarea.ticket-input { resize: vertical; }
.btn-ticket-submit { max-width: calc(var(--y) * 20); }
.ticket-loading { text-align: center; padding: calc(var(--y) * 1.5); color: #888; }
.ticket-empty-state { background: #1a1a1a; padding: calc(var(--y) * 1.5); border-radius: calc(var(--y) * 0.5); text-align: center; color: #888; border: 1px dashed #333; }
.ticket-list-flex { display: flex; flex-direction: column; gap: calc(var(--y) * 0.75); }
.ticket-card { background: #1a1a1a; border: 1px solid #333; padding: calc(var(--y) * 1); border-radius: calc(var(--y) * 0.5); }
.ticket-card-reply { border-left: 3px solid #4ade80; }
.ticket-card-wait { border-left: 3px solid var(--katman-pink, #ff99cc); }
.ticket-status-open { color: var(--katman-pink, #ff99cc); font-weight: bold; font-size: calc(var(--y) * 0.8); }
.ticket-status-reply { color: #4ade80; font-weight: bold; font-size: calc(var(--y) * 0.8); }
.ticket-status-closed { color: #888; font-weight: bold; font-size: calc(var(--y) * 0.8); }
.ticket-order-badge { background: #333; color: #aaa; padding: calc(var(--y) * 0.1) calc(var(--y) * 0.25); border-radius: calc(var(--y) * 0.25); font-size: calc(var(--y) * 0.7); margin-left: calc(var(--y) * 0.5); }
.ticket-subject-text { color: #fff; font-weight: bold; font-size: calc(var(--y) * 1.1); margin-bottom: calc(var(--y) * 0.25); }
.ticket-date-text { color: #666; font-size: calc(var(--y) * 0.8); }
.ticket-message-box { color: #aaa; font-size: calc(var(--y) * 0.9); line-height: 1.5; background: #111; padding: calc(var(--y) * 0.75); border-radius: calc(var(--y) * 0.25); }
.ticket-reply-wrapper { margin-top: calc(var(--y) * 0.75); border-top: 1px dashed #444; padding-top: calc(var(--y) * 0.75); }
.ticket-reply-title { color: #4ade80; font-size: calc(var(--y) * 0.85); }
.ticket-reply-text { color: #ccc; font-size: calc(var(--y) * 0.9); margin-top: calc(var(--y) * 0.25); line-height: 1.5; }
.ticket-label { color: #888; }
.ticket-form-group { margin-bottom: calc(var(--y) * 1); }
.ticket-card-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: calc(var(--y) * 0.5); }

/* Müşteri Hizmetleri Motoru (support-engine.js) Özel Sınıfları */
.support-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(calc(var(--y) * 10), 1fr)); gap: calc(var(--y) * 1); }
.support-card { background: #1a1a1a; padding: calc(var(--y) * 1.5); border-radius: calc(var(--y) * 0.5); text-align: center; cursor: pointer; transition: 0.2s ease; }
.support-card-wp { border: 1px solid #25d366; }
.support-card-wp:hover { background: #111; }
.support-icon-wp { font-size: calc(var(--y) * 2.7); color: #25d366; margin-bottom: calc(var(--y) * 0.75); }
.support-card-mail { border: 1px solid #333; }
.support-card-mail:hover { border-color: var(--katman-pink, #ff99cc); }
.support-icon-mail { font-size: calc(var(--y) * 2.7); color: var(--katman-pink, #ff99cc); margin-bottom: calc(var(--y) * 0.75); }
.support-card-title { color: #fff; margin-bottom: calc(var(--y) * 0.25); }
.support-card-desc { color: #aaa; font-size: calc(var(--y) * 0.9); }