/* ========================================================================== */
/* TREND SEPET - GLOBAL TEMA VE RENK MOTORU                                   */
/* Sürüm: v21.0 (Master Router, Single Source of Truth & True Black Uyumlu)   */
/* ========================================================================== */

:root {
    /* --- 1. ANA MARKA RENKLERİ (PREMIUM TURUNCU & GECE MAVİSİ) --- */
    --brand-primary: #f97316;       /* Buton, Vurgu ve "Sepet" yazısı turuncusu */
    --brand-primary-hover: #ea580c; /* Buton üzerine gelince (Koyu Turuncu) */
    --brand-secondary: #0f172a;     /* Logo "Trend" yazısı ve lüks koyu vurgular */

    /* --- 2. ZEMİN VE YÜZEY RENKLERİ --- */
    --bg-body: #f8fafc;             /* Sayfa genel arka planı (Çok uçuk gri/beyaz) */
    --bg-panel: #ffffff;            /* Beyaz kart/alan arka planı (Tüm modüller bu ismi arar) */
    --bg-card: #ffffff;             /* bg-panel alternatifi */
    --bg-light: #f1f5f9;            /* Input içleri, hafif hover alanları (Açık Gri) */
    --bg-glass: rgba(255, 255, 255, 0.15); /* Ultra Premium buzlu cam (Glassmorphism) efekti */

    /* --- 3. METİN RENKLERİ --- */
    --text-main: #0f172a;           /* Ana okuma metni (Koyu Lacivert/Siyah) */
    --text-muted: #64748b;          /* Soluk açıklama ve alt metinler */

    /* --- 4. BORDÜR VE ÇİZGİ RENKLERİ --- */
    --border-line: rgba(15, 23, 42, 0.08); /* Zarif ve ince ayrım çizgileri */

    /* --- 5. DURUM BİLDİRİMLERİ (Master Router & Sistem Mesajları Uyumlu) --- */
    --status-success: #10b981;      /* Başarılı (Yeşil) */
    --status-error: #ef4444;        /* Hata / İndirim / Favori (Kırmızı) */
    --status-warning: #f59e0b;      /* Uyarı / Yıldızlar (Turuncu/Sarı) */
    --status-info: #3b82f6;         /* Bilgi / Mavi */
    --status-purple: #8b5cf6;       /* VIP / Trend Club / Özel bildirimler */
    
    /* (Geriye Dönük Uyumluluk - Modüllerin hata vermemesi için) */
    --success: var(--status-success);
    --danger: var(--status-error);
    --warning: var(--status-warning);
    --info: var(--status-info);
    --purple: var(--status-purple);

    /* --- 6. EVRENSEL TASARIM KURALLARI (Köşe Ovallikleri ve Gölgeler) --- */
    --radius-sm: 8px;               /* Input ve küçük buton köşeleri */
    --radius-md: 16px;              /* Standart ürün kartı ve panel köşeleri */
    --radius-lg: 24px;              /* Büyük Hero alanı ve Modal köşeleri */
    --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.04); /* Lüks, uçuşan kart gölgesi */
    
    /* --- 7. ADMIN & RAPORLAR MODÜLÜ BAĞLANTILARI --- */
    --admin-primary: var(--brand-primary);
    --admin-panel: var(--bg-panel);
    --admin-text: var(--text-main);
    --admin-muted: var(--text-muted); 
    --admin-border: var(--border-line);
    --admin-shadow: 0 10px 40px rgba(15, 23, 42, 0.04);
    --admin-radius: 20px;
}

/* ========================================================================== */
/* TREND SEPET - KARANLIK MOD (TRUE BLACK / ZİFİRİ SİYAH)                     */
/* ========================================================================== */
html[data-theme="dark"],
html[data-theme="dark"] body,
body[data-theme="dark"] {
    /* Karanlık Mod Zemin ve Yüzeyler */
    --bg-body: #000000;             /* AMOLED ekranlar için zifiri siyah zemin */
    --bg-panel: #0a0a0a;            /* Kartlar için arka plandan çok hafif ayrılan siyah */
    --bg-card: #0a0a0a;
    --bg-light: #171717;            /* Karanlık mod input ve hover alanları */
    --bg-glass: rgba(15, 23, 42, 0.8);
    
    /* Karanlık Mod Metinler */
    --text-main: #f8fafc;           /* Göz yormayan beyaz */
    --text-muted: #a3a3a3;          /* Karanlık mod soluk metin */
    
    /* Karanlık Mod Çizgiler ve Gölgeler */
    --border-line: rgba(255, 255, 255, 0.08); /* Beyazın hafif şeffaf hali */
    --shadow-card: 0 15px 40px rgba(0, 0, 0, 0.8); /* Derinlik katan sert gölge */

    /* Karanlık Mod Renk Optimizasyonları (Parlaklık artırıldı) */
    --brand-primary: #ff8a3d;       /* Siyah üzerinde daha iyi parlayan turuncu */
    --status-error: #f87171;        /* Daha parlak kırmızı */
    --status-purple: #a78bfa;

    /* Admin Yansıması */
    --admin-shadow: 0 10px 40px rgba(0, 0, 0, 0.8);
}

/* --- DARK MODE ÖZEL DÜZELTMELER (SEPET BUTONU KONTRAST SORUNU) --- */
html[data-theme="dark"] .header-cart, 
html[data-theme="dark"] .cart-btn,
html[data-theme="dark"] .cart-wrapper {
    background-color: var(--bg-panel); 
    color: var(--text-main) !important; 
    border: 1px solid rgba(255,255,255,0.1); 
}

html[data-theme="dark"] .header-cart *,
html[data-theme="dark"] .cart-btn *,
html[data-theme="dark"] .cart-wrapper * {
    color: var(--text-main) !important;
}

html[data-theme="dark"] .header-cart i.fa-cart-shopping,
html[data-theme="dark"] .cart-btn i.fa-cart-shopping,
html[data-theme="dark"] .cart-wrapper i.fa-cart-shopping {
    color: var(--brand-primary) !important; 
}

/* ========================================================================== */
/* EVRENSEL SIFIRLAMA VE FONT KONTROLÜ (CSS Reset)                            */
/* ========================================================================== */
*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline-offset: 3px;
}

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    background-color: var(--bg-body);
    color: var(--text-main);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Tema geçişini (Aydınlık <-> Karanlık) yumuşatan muazzam animasyon */
    transition: background-color 0.4s ease, color 0.4s ease; 
}



/* ========================================================================== */
/* TREND SEPET - GLOBAL TEMA VE RENK MOTORU                                   */
/* Sürüm: v21.0 (Master Router, Single Source of Truth & True Black Uyumlu)   */
/* ========================================================================== */

:root {
    /* --- 1. ANA MARKA RENKLERİ (PREMIUM TURUNCU & GECE MAVİSİ) --- */
    --brand-primary: #f97316;       /* Buton, Vurgu ve "Sepet" yazısı turuncusu */
    --brand-primary-hover: #ea580c; /* Buton üzerine gelince (Koyu Turuncu) */
    --brand-secondary: #0f172a;     /* Logo "Trend" yazısı ve lüks koyu vurgular */

    /* --- 2. ZEMİN VE YÜZEY RENKLERİ --- */
    --bg-body: #f8fafc;             /* Sayfa genel arka planı */
    --bg-panel: #ffffff;            /* Beyaz kart/alan arka planı (Tüm modüller bu ismi arar) */
    --bg-card: #ffffff;             /* bg-panel alternatifi */
    --bg-light: #f1f5f9;            /* Input içleri, hafif hover alanları (Açık Gri) */
    --bg-glass: rgba(255, 255, 255, 0.15); /* Ultra Premium buzlu cam efekti */

    /* --- 3. METİN RENKLERİ --- */
    --text-main: #0f172a;           /* Ana okuma metni (Koyu Lacivert/Siyah) */
    --text-muted: #64748b;          /* Soluk açıklama ve alt metinler */

    /* --- 4. BORDÜR VE ÇİZGİ RENKLERİ --- */
    --border-line: rgba(15, 23, 42, 0.08); /* Zarif ve ince ayrım çizgileri */

    /* --- 5. DURUM BİLDİRİMLERİ (Master Router & Sistem Mesajları Uyumlu) --- */
    --status-success: #10b981;      /* Başarılı (Yeşil) */
    --status-error: #ef4444;        /* Hata / İndirim / Favori (Kırmızı) */
    --status-warning: #f59e0b;      /* Uyarı / Yıldızlar (Turuncu/Sarı) */
    --status-info: #3b82f6;         /* Bilgi / Mavi */
    --status-purple: #8b5cf6;       /* VIP / Trend Club / Özel bildirimler */
    
    /* (Geriye Dönük Uyumluluk) */
    --success: var(--status-success);
    --danger: var(--status-error);
    --warning: var(--status-warning);
    --info: var(--status-info);
    --purple: var(--status-purple);

    /* --- 6. EVRENSEL TASARIM KURALLARI --- */
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.04);
    
    /* --- 7. ADMIN MODÜLÜ BAĞLANTILARI --- */
    --admin-primary: var(--brand-primary);
    --admin-panel: var(--bg-panel);
    --admin-text: var(--text-main);
    --admin-muted: var(--text-muted); 
    --admin-border: var(--border-line);
    --admin-shadow: 0 10px 40px rgba(15, 23, 42, 0.04);
    --admin-radius: 20px;
}

/* ========================================================================== */
/* TREND SEPET - KARANLIK MOD (TRUE BLACK / ZİFİRİ SİYAH)                     */
/* ========================================================================== */
html[data-theme="dark"],
html[data-theme="dark"] body,
body[data-theme="dark"] {
    --bg-body: #000000;             
    --bg-panel: #0a0a0a;            
    --bg-card: #0a0a0a;
    --bg-light: #171717;            
    --bg-glass: rgba(15, 23, 42, 0.8);
    
    --text-main: #f8fafc;           
    --text-muted: #a3a3a3;          
    
    --border-line: rgba(255, 255, 255, 0.08); 
    --shadow-card: 0 15px 40px rgba(0, 0, 0, 0.8); 

    --brand-primary: #ff8a3d;       
    --status-error: #f87171;        
    --status-purple: #a78bfa;

    --admin-shadow: 0 10px 40px rgba(0, 0, 0, 0.8);
}

/* Koyu Mod Sepet Butonu Kontrast Garantisi */
html[data-theme="dark"] .header-cart, 
html[data-theme="dark"] .cart-btn,
html[data-theme="dark"] .cart-wrapper {
    background-color: var(--bg-panel); 
    color: var(--text-main) !important; 
    border: 1px solid var(--border-line); 
}
html[data-theme="dark"] .header-cart *,
html[data-theme="dark"] .cart-btn *,
html[data-theme="dark"] .cart-wrapper * {
    color: var(--text-main) !important;
}
html[data-theme="dark"] .header-cart i.fa-cart-shopping,
html[data-theme="dark"] .cart-btn i.fa-cart-shopping,
html[data-theme="dark"] .cart-wrapper i.fa-cart-shopping {
    color: var(--brand-primary) !important; 
}


/* ==========================================================================
   MODÜL: HEADER & BİLEŞENLER BAŞLANGICI
   ========================================================================== */

/* EVRENSEL SIFIRLAMA */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; outline-offset: 3px; }
body { font-family: 'Plus Jakarta Sans', sans-serif; background-color: var(--bg-body); color: var(--text-main); -webkit-font-smoothing: antialiased; transition: background-color 0.4s ease, color 0.4s ease; }
body.mod-hd-body-iframe { margin:0; padding:0; background: transparent !important; color: var(--text-main); transition: 0.4s ease; }

/* İKON KORUMA KALKANI */
.mod-hd-top-bar i.fa-solid, .mod-hd-premium-header i.fa-solid, .mod-hd-mobile-bottom-nav i.fa-solid, .mod-hd-auth-overlay i.fa-solid, .mod-hd-mobile-dropup-menu i.fa-solid,
.mod-hd-top-bar i.fas, .mod-hd-premium-header i.fas, .mod-hd-mobile-bottom-nav i.fas, .mod-hd-auth-overlay i.fas, .mod-hd-mobile-dropup-menu i.fas { font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important; }

.mod-hd-top-bar i.fa-regular, .mod-hd-premium-header i.fa-regular, .mod-hd-mobile-bottom-nav i.fa-regular, .mod-hd-auth-overlay i.fa-regular, .mod-hd-mobile-dropup-menu i.fa-regular,
.mod-hd-top-bar i.far, .mod-hd-premium-header i.far, .mod-hd-mobile-bottom-nav i.far, .mod-hd-auth-overlay i.far, .mod-hd-mobile-dropup-menu i.far { font-family: "Font Awesome 6 Free" !important; font-weight: 400 !important; }

.mod-hd-top-bar i.fa-brands, .mod-hd-premium-header i.fa-brands, .mod-hd-mobile-bottom-nav i.fa-brands, .mod-hd-auth-overlay i.fa-brands, .mod-hd-mobile-dropup-menu i.fa-brands,
.mod-hd-top-bar i.fab, .mod-hd-premium-header i.fab, .mod-hd-mobile-bottom-nav i.fab, .mod-hd-auth-overlay i.fab, .mod-hd-mobile-dropup-menu i.fab { font-family: "Font Awesome 6 Brands" !important; font-weight: 400 !important; }

.mod-hd-mobile-only { display: none !important; }

/* ERİŞİLEBİLİRLİK (FOCUS) ZIRHI */
.mod-hd-nav-link:focus-visible, .mod-hd-circle-action-btn:focus-visible, .mod-hd-user-pill-btn:focus-visible, .mod-hd-cart-action-btn:focus-visible, .mod-hd-dropup-link:focus-visible, .mod-hd-m-nav-item:focus-visible, .mod-hd-auth-close:focus-visible, .mod-hd-btn-auth:focus-visible, .mod-hd-search-close-btn:focus-visible, .mod-hd-popular-tags a:focus-visible, .mod-hd-live-search-item:focus-visible { outline: 3px solid var(--brand-primary); outline-offset: 3px; }

/* TOP BAR (ÜST BİLGİ ŞERİDİ) */
.mod-hd-top-bar { background: var(--bg-card); border-bottom: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); padding: 8px 4%; display: flex; align-items: center; justify-content: space-between; font-size: 12px; font-weight: 500; color: var(--text-muted); }
.mod-hd-top-bar-left { display: flex; gap: 20px; }
.mod-hd-top-bar-left a { display: flex; align-items: center; gap: 6px; transition: 0.3s; text-decoration: none; color: inherit; }
.mod-hd-top-bar-left a:hover, .mod-hd-top-bar-left a:focus-visible { color: var(--brand-primary); outline: none; }
.mod-hd-top-bar-right { display: flex; align-items: center; gap: 8px; font-weight: 600; color: var(--text-main); }
.mod-hd-top-bar-right i { color: var(--brand-primary); }

/* ANA HEADER YAPISI */
.mod-hd-premium-header { position: sticky; top: 0; z-index: 1000; background: var(--bg-body); padding: 0 4%; border-bottom: none; display: flex; align-items: center; justify-content: space-between; min-height: 100px; transition: all 0.4s ease; will-change: background-color, box-shadow; transform: translateZ(0); }
.mod-hd-premium-header.scrolled { background: var(--bg-glass); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); box-shadow: var(--shadow-card); min-height: 80px; }
.mod-hd-premium-header::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: linear-gradient(90deg, transparent 0%, var(--brand-primary) 50%, transparent 100%); box-shadow: 0 1px 4px color-mix(in srgb, var(--brand-primary) 30%, transparent); z-index: 1001; transition: all 0.4s ease; }
.mod-hd-premium-header.scrolled::after { height: 2px; box-shadow: 0 2px 6px color-mix(in srgb, var(--brand-primary) 50%, transparent); }

.mod-hd-header-container { max-width: 1500px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; width: 100%; }

/* MASAÜSTÜ NAVİGASYON VE AÇILIR MENÜ (DROPDOWN) */
.mod-hd-nav-desktop { display: flex; gap: 15px; flex: 1; justify-content: flex-start; list-style: none; }
.mod-hd-nav-link { display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--text-muted); padding: 8px 12px; border-radius: 100px; transition: 0.3s; white-space: nowrap; outline: none; text-decoration: none; }
.mod-hd-nav-link:hover { color: var(--brand-primary); background: color-mix(in srgb, var(--brand-primary) 12%, transparent); }

.mod-hd-nav-item-wrapper { position: relative; height: 100%; display: flex; align-items: center; }
.mod-hd-dropdown-icon { font-size: 10px; margin-left: 6px; opacity: 0.7; transition: transform 0.2s ease; }
.mod-hd-nav-item-wrapper:hover .mod-hd-nav-dropdown { visibility: visible; opacity: 1; transform: translateY(0); }
.mod-hd-nav-item-wrapper:hover .mod-hd-dropdown-icon { transform: rotate(180deg); }

.mod-hd-nav-dropdown {
    visibility: hidden; opacity: 0; transform: translateY(15px);
    position: absolute; top: calc(100% + 22px); left: -10px;
    background-color: var(--bg-card); box-shadow: var(--shadow-card);
    border-radius: var(--radius-md); min-width: 220px; padding: 10px 0;
    z-index: 1050 !important; list-style: none;
    border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent);
    margin: 0; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.mod-hd-nav-dropdown::before {
    content: ''; position: absolute; top: -6px; left: 25px; width: 12px; height: 12px;
    background-color: var(--bg-card); transform: rotate(45deg);
    border-top: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); border-left: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); z-index: 1;
}
.mod-hd-nav-dropdown li { position: relative; z-index: 2; }
.mod-hd-nav-dropdown a {
    display: block; padding: 12px 20px; color: var(--text-main) !important;
    font-size: 14px; font-weight: 600; text-decoration: none; transition: all 0.2s ease; text-align: left;
}
.mod-hd-nav-dropdown a:hover {
    background-color: color-mix(in srgb, var(--text-main) 5%, transparent); color: var(--brand-primary) !important; padding-left: 26px;
}

/* LOGO VE SAĞ BÖLÜM */
.mod-hd-logo-container { flex: 1; display: flex; justify-content: center; align-items: center; }
.mod-hd-premium-logo-system { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; text-decoration: none; color: var(--text-main); position: relative; z-index: 2; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease; padding: 5px 0; will-change: transform; outline: none; }
.mod-hd-premium-header.scrolled .mod-hd-premium-logo-system { transform: scale(0.85); }
.mod-hd-premium-logo-system:hover, .mod-hd-premium-logo-system:focus-visible { opacity: 0.8; }
.mod-hd-logo-text { font-family: 'Playfair Display', serif; font-size: 28px; font-weight: 800; letter-spacing: -0.5px; line-height: 1.1; display: flex; align-items: center; justify-content: center; }
.mod-hd-logo-text .mod-hd-brand-highlight { color: var(--brand-primary); font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 700; font-style: normal; margin-left: 6px; letter-spacing: 0.5px; }

.mod-hd-header-right-group { flex: 1; display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.mod-hd-circle-action-btn { position: relative; width: 38px; height: 38px; border-radius: 50%; background: var(--bg-card); color: var(--text-main); display: flex; align-items: center; justify-content: center; font-size: 16px; transition: 0.3s; cursor: pointer; border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); outline: none; }
.mod-hd-circle-action-btn > div { position: static !important; }
.mod-hd-circle-action-btn:hover, .mod-hd-circle-action-btn.active { transform: translateY(-2px); border-color: var(--brand-primary); color: var(--brand-primary); }

/* BİLDİRİM VE PROFİL DROPDOWN ALANLARI */
.mod-hd-header-dropdown-wrapper { position: relative; display: flex; align-items: center; }
.mod-hd-header-dropdown, .mod-hd-desktop-dropdown-menu {
    position: absolute; top: calc(100% + 15px); right: 0; width: 320px; 
    background: var(--bg-panel); border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); border-radius: var(--radius-lg); 
    padding: 20px; box-shadow: var(--shadow-card); opacity: 0; visibility: hidden; 
    transform: translate3d(0, 15px, 0) scale(0.98); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); 
    z-index: 1005; transform-origin: top right; will-change: transform, opacity;
}
.mod-hd-header-dropdown { width: 340px; right: -60px; padding: 15px; }
.mod-hd-header-dropdown.active, .mod-hd-desktop-dropdown-menu.active { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0) scale(1); }

.mod-hd-dropdown-header { font-size: 14px; font-weight: 800; border-bottom: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); padding-bottom: 12px; margin-bottom: 10px; display:flex; justify-content:space-between; align-items:center; color: var(--text-main); }
.mod-hd-dropdown-content-area { max-height: 350px; overflow-y: auto; padding-right: 5px; }
.mod-hd-dropdown-content-area::-webkit-scrollbar { width: 4px; }
.mod-hd-dropdown-content-area::-webkit-scrollbar-thumb { background-color: var(--brand-primary); border-radius: 4px; }

/* KULLANICI PROFİL BUTONU (USER PILL) */
.mod-hd-user-dropdown-wrapper { position: relative; display: flex; align-items: center; }
.mod-hd-user-pill-btn { display: flex; align-items: center; gap: 10px; background: color-mix(in srgb, var(--brand-primary) 12%, transparent); border: 1px solid color-mix(in srgb, var(--brand-primary) 40%, transparent); border-radius: 100px; padding: 4px 16px 4px 4px; transition: 0.3s; cursor: pointer; text-decoration: none; outline: none; }
.mod-hd-user-pill-btn:hover, .mod-hd-user-pill-btn.active { background: var(--brand-primary); box-shadow: 0 4px 15px color-mix(in srgb, var(--brand-primary) 30%, transparent); border-color: var(--brand-primary); }
.mod-hd-user-pill-btn:hover .mod-hd-user-pill-name, .mod-hd-user-pill-btn.active .mod-hd-user-pill-name { color: #ffffff; }
.mod-hd-user-pill-name { font-size: 13px; font-weight: 800; color: var(--brand-primary); transition: 0.3s; letter-spacing: 0.2px; text-transform: capitalize; }
.mod-hd-user-pill-avatar { width: 32px; height: 32px; border-radius: 50% !important; background: var(--brand-primary); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 800; overflow: hidden; border: 2px solid var(--bg-body); box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: 0.3s; flex-shrink: 0; }
.mod-hd-user-pill-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50% !important; }

/* PROFİL İÇİ BAŞLIK VE MENÜLER */
.mod-hd-dropup-header { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); }
.mod-hd-dropup-avatar { width: 55px; height: 55px; border-radius: 50% !important; background: var(--brand-primary); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 22px; border: 3px solid var(--bg-body); box-shadow: 0 4px 10px color-mix(in srgb, var(--brand-primary) 30%, transparent); overflow: hidden; flex-shrink: 0; }
.mod-hd-dropup-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50% !important; }
.mod-hd-dropup-user-info h4 { font-size: 16px; font-weight: 800; margin: 0 0 4px 0; color: var(--text-main); text-transform: capitalize; }
.mod-hd-dropup-user-info p { font-size: 12px; color: var(--text-muted); margin: 0; font-weight: 500; }

.mod-hd-dropup-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }

/* Menü Butonları */
.mod-hd-dropup-link { position: relative; overflow: visible; display: flex; align-items: center; gap: 10px; padding: 14px 12px; background: var(--bg-card); border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); border-radius: var(--radius-md); font-size: 12px; font-weight: 700; color: var(--text-main); transition: 0.2s; text-decoration: none; outline: none; }
.mod-hd-dropup-link i { font-size: 15px; color: var(--text-muted); width: 20px; text-align: center; transition: 0.2s; }
.mod-hd-dropup-link:hover { background: color-mix(in srgb, var(--brand-primary) 12%, transparent); border-color: var(--brand-primary); color: var(--brand-primary); transform: translateY(-2px); }
.mod-hd-dropup-link:hover i { color: var(--brand-primary); }

/* Menü İçi Rozetler (Tam sağ üst köşe) */
.mod-hd-dropup-link .mod-hd-cart-badge-pc,
.mod-hd-dropup-link .mod-hd-fav-badge,
.mod-hd-dropup-link .mod-hd-cart-badge-mobile {
    position: absolute !important; top: -6px !important; right: -6px !important; transform: none !important;
    z-index: 10 !important; border: 2px solid var(--bg-card) !important;
    box-shadow: 0 4px 8px color-mix(in srgb, var(--status-error) 40%, transparent) !important; margin: 0 !important;
}

/* Admin Linkleri ve Alt Menü (Submenu) */
.mod-hd-dropup-link.mod-hd-admin-link:hover { background: color-mix(in srgb, var(--status-info) 10%, transparent); border-color: var(--status-info); color: var(--status-info); }
.mod-hd-dropup-link.mod-hd-admin-link:hover i { color: var(--status-info); }

.mod-hd-has-submenu { grid-column: span 2; display: flex; flex-direction: column; gap: 6px; }
.mod-hd-submenu-btn { justify-content: space-between; cursor: pointer; width: 100%; border: none; }
.mod-hd-submenu-btn i.fa-chevron-down { transition: transform 0.3s ease; font-size: 12px; }
.mod-hd-has-submenu.open .mod-hd-submenu-btn i.fa-chevron-down { transform: rotate(180deg); }
.mod-hd-submenu-list { display: none; flex-direction: column; gap: 6px; padding-left: 12px; margin-left: 10px; border-left: 2px solid color-mix(in srgb, var(--status-info) 30%, transparent); animation: modHsSmoothFadeIn 0.3s ease forwards; }
.mod-hd-has-submenu.open .mod-hd-submenu-list { display: flex; }
.mod-hd-submenu-list .mod-hd-dropup-link { padding: 10px 12px; font-size: 11.5px; }

/* Çıkış Yap Butonu */
.mod-hd-dropup-link.mod-hd-logout-item { grid-column: span 2; background: color-mix(in srgb, var(--status-error) 5%, transparent); border-color: color-mix(in srgb, var(--status-error) 10%, transparent); color: var(--status-error); justify-content: center; }
.mod-hd-dropup-link.mod-hd-logout-item i { color: var(--status-error); }
.mod-hd-dropup-link.mod-hd-logout-item:hover { background: var(--status-error); color: #ffffff; }
.mod-hd-dropup-link.mod-hd-logout-item:hover i { color: #ffffff; }

.mod-hd-header-separator { width: 1px; height: 28px; background: color-mix(in srgb, var(--text-main) 10%, transparent); margin: 0 4px; }

/* --- MERKEZİ SEPET BUTONU DÜZELTMELERİ (LIGHT & DARK MODE) --- */
.mod-hd-cart-action-btn { background: var(--brand-secondary, #0f172a); border: 1px solid transparent; border-radius: var(--radius-md); padding: 6px 14px; display: flex; align-items: center; gap: 10px; transition: 0.3s; cursor: pointer; outline: none; }
.mod-hd-cart-action-btn:hover { transform: translateY(-2px); border-color: var(--brand-primary); }
.mod-hd-cart-action-icon { font-size: 16px; color: var(--brand-primary, #f97316); } 
.mod-hd-cart-action-divider { width: 1px; height: 22px; background: rgba(255, 255, 255, 0.2); }
.mod-hd-cart-action-info { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.1; }
.mod-hd-cart-action-title { font-size: 8px; font-weight: 700; opacity: 0.8; letter-spacing: 0.5px; text-transform: uppercase; color: #ffffff; }
.mod-hd-cart-action-price { font-size: 12px; font-weight: 800; color: #ffffff; margin-top: 1px; transition: 0.3s; }

html[data-theme="dark"] .mod-hd-cart-action-btn { background-color: var(--bg-panel); border: 1px solid rgba(255, 255, 255, 0.1); }
html[data-theme="dark"] .mod-hd-cart-action-btn .mod-hd-cart-action-title,
html[data-theme="dark"] .mod-hd-cart-action-btn .mod-hd-cart-action-price { color: var(--text-main); }
html[data-theme="dark"] .mod-hd-cart-action-btn .mod-hd-cart-action-divider { background-color: rgba(255, 255, 255, 0.15); }

.mod-hd-cart-badge-pc { position: absolute; top: -2px; right: -2px; background: var(--status-error); color: #fff; font-size: 10px; font-weight: 800; min-width: 18px; height: 18px; border-radius: 10px; display: flex; align-items: center; justify-content: center; padding: 0 4px; border: 2px solid var(--brand-secondary); z-index: 5; box-shadow: 0 2px 5px color-mix(in srgb, var(--status-error) 40%, transparent); animation: modHdPopIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
.mod-hd-cart-badge-pc.mod-hd-fav-badge { background: var(--status-error); border-color: var(--bg-body); }

/* ARAMA PANELİ */
.mod-hd-header-search-panel { position: absolute; top: 100%; left: 0; width: 100%; background: var(--bg-panel); border-bottom: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); box-shadow: var(--shadow-card); opacity: 0; visibility: hidden; transform: translate3d(0, -15px, 0); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); z-index: 999; padding: 0 4%; will-change: transform, opacity; }
.mod-hd-header-search-panel.active { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); padding: 30px 4%; }
.mod-hd-search-panel-inner { max-width: 800px; margin: 0 auto; width: 100%; position: relative; }
.mod-hd-search-input-wrapper { position: relative; display: flex; align-items: center; width: 100%; }
.mod-hd-search-input-wrapper i.fa-magnifying-glass { position: absolute; left: 20px; font-size: 18px; color: var(--text-muted); z-index: 2; }
.mod-hd-search-input-wrapper input { width: 100%; padding: 18px 50px 18px 55px; border-radius: var(--radius-lg); border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); background: var(--bg-card); font-size: 16px; color: var(--text-main); font-weight: 600; outline: none; transition: 0.3s; box-sizing: border-box; }
.mod-hd-search-input-wrapper input:focus { border-color: var(--brand-primary); box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand-primary) 12%, transparent); background: var(--bg-body); }
.mod-hd-search-input-wrapper input:focus + i { color: var(--brand-primary); }
.mod-hd-search-close-btn { position: absolute; right: 20px; background: none; border: none; font-size: 20px; color: var(--text-muted); cursor: pointer; transition: 0.3s; display: flex; align-items: center; justify-content: center; z-index: 2; outline: none; }
.mod-hd-search-close-btn:hover { color: var(--brand-primary); transform: rotate(90deg); }

#modHdLiveSearchDropdown { position: absolute; top: calc(100% + 15px); left: 0; width: 100%; background: var(--bg-panel); border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); border-radius: 16px; box-shadow: var(--shadow-card); z-index: 9999; display: none; flex-direction: column; overflow: hidden; max-height: 480px; animation: modHsSmoothFadeIn 0.3s ease; }
.mod-hd-live-search-item { display: flex; align-items: center; gap: 15px; padding: 12px 20px; text-decoration: none; color: var(--text-main); transition: background 0.2s ease; outline: none; }
.mod-hd-live-search-item:hover { background: var(--bg-card); }
.mod-hd-live-search-img { width: 45px; height: 60px; border-radius: 8px; object-fit: cover; border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); background: var(--bg-card); }
.mod-hd-live-search-info { flex: 1; display: flex; flex-direction: column; gap: 4px; overflow: hidden; }
.mod-hd-live-search-brand { font-size: 9.5px; font-weight: 800; color: var(--brand-primary); text-transform: uppercase; letter-spacing: 0.5px; }
.mod-hd-live-search-title { font-size: 13.5px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--text-main); }
.mod-hd-live-search-price { font-size: 13.5px; font-weight: 800; margin-top: 2px; }
.mod-hd-live-search-old-price { font-size: 11px; font-weight: 600; color: var(--text-muted); text-decoration: line-through; margin-left: 6px; opacity: 0.7; }

.mod-hd-popular-searches { margin-top: 25px; }
.mod-hd-popular-searches h4 { font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: var(--text-muted); font-weight: 800; margin-bottom: 12px; }
.mod-hd-popular-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.mod-hd-popular-tags a { padding: 8px 16px; border-radius: 100px; background: var(--bg-card); border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); font-size: 13px; font-weight: 600; color: var(--text-main); transition: 0.3s; text-decoration: none; outline: none; }
.mod-hd-popular-tags a:hover { background: var(--brand-primary); color: #fff; border-color: var(--brand-primary); transform: translateY(-2px); }

/* ==========================================================================
   MOBİL KATMAN DÜZELTMELERİ (Z-INDEX OPTİMİZASYONU)
   ========================================================================== */
.mod-hd-dropup-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,0.6); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: 1998; opacity: 0; visibility: hidden; transition: 0.3s ease; }
.mod-hd-dropup-backdrop.active { opacity: 1; visibility: visible; }

.mod-hd-mobile-dropup-menu { position: fixed; bottom: 0; left: 0; width: 100%; background: var(--bg-panel); border-top: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); border-radius: var(--radius-lg) var(--radius-lg) 0 0; z-index: 1999; padding: 25px 25px calc(80px + env(safe-area-inset-bottom)); box-shadow: var(--shadow-card); transform: translate3d(0, 100%, 0); transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); max-height: 85vh; overflow-y: auto; will-change: transform; }
.mod-hd-mobile-dropup-menu.active { transform: translate3d(0, 0, 0); }

.mod-hd-mobile-bottom-nav { display: none; position: fixed; bottom: 0; left: 0; width: 100%; background: var(--bg-glass); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-top: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); z-index: 2000; padding-bottom: env(safe-area-inset-bottom); }
.mod-hd-m-nav-container { display: flex; justify-content: space-between; align-items: flex-end; height: 65px; padding: 0 10px; position: relative; z-index: 2001; background: transparent; }

.mod-hd-m-nav-item { display: flex; flex-direction: column; align-items: center; gap: 4px; color: var(--text-muted); width: 20%; padding-bottom: 8px; cursor: pointer; transition: 0.3s; position: relative; outline: none; background: none; border: none; text-decoration: none; }
.mod-hd-m-nav-item i { font-size: 24px; transition: 0.3s; } 
.mod-hd-m-nav-item span { font-size: 10px; font-weight: 700; white-space: nowrap; text-transform: capitalize; transition: 0.3s; }
.mod-hd-m-nav-item.active { color: var(--brand-primary); }
.mod-hd-m-nav-item.mod-hd-floating { position: relative; justify-content: flex-end; }
        
@keyframes modHdPremiumCartPulse { 0% { transform: translateX(-50%) scale(1); box-shadow: 0 4px 10px color-mix(in srgb, var(--brand-primary) 30%, transparent); } 50% { transform: translateX(-50%) scale(1.08); box-shadow: 0 10px 25px color-mix(in srgb, var(--brand-primary) 60%, transparent); background: var(--brand-primary-hover); } 100% { transform: translateX(-50%) scale(1); box-shadow: 0 4px 10px color-mix(in srgb, var(--brand-primary) 30%, transparent); } }
@keyframes modHdPopIn { 0% { transform: scale(0); } 80% { transform: scale(1.2); } 100% { transform: scale(1); } }

.mod-hd-floating-circle { position: absolute; top: -30px; left: 50%; transform: translateX(-50%); width: 60px; height: 60px; background: var(--brand-primary); color: #fff; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 2px solid var(--bg-body); animation: modHdPremiumCartPulse 2s infinite ease-in-out; z-index: 1001; }
.mod-hd-floating-circle i { font-size: 24px; margin-bottom: 0; }
.mod-hd-m-nav-item.mod-hd-floating span { margin-top: 30px; }

/* === MOBİL SEPET ROZETİ (SAYACI) DÜZELTMESİ === */
.mod-hd-cart-badge-mobile { 
    position: absolute !important; top: -4px !important; right: -4px !important; 
    background: linear-gradient(135deg, var(--status-error) 0%, color-mix(in srgb, var(--status-error) 70%, black) 100%) !important; 
    color: #ffffff !important; font-size: 11px !important; font-weight: 900 !important; 
    min-width: 22px !important; height: 22px !important; border-radius: 50% !important; 
    display: flex !important; align-items: center !important; justify-content: center !important; 
    padding: 0 5px !important; border: 2px solid var(--bg-body) !important; 
    box-shadow: 0 4px 10px color-mix(in srgb, var(--status-error) 50%, transparent) !important; 
    z-index: 20 !important; animation: modHdPopIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards !important; 
}
html[data-theme="dark"] .mod-hd-cart-badge-mobile, body[data-theme="dark"] .mod-hd-cart-badge-mobile { border-color: var(--bg-panel) !important; }
html[data-theme="light"] .mod-hd-cart-badge-mobile, body[data-theme="light"] .mod-hd-cart-badge-mobile { border-color: var(--bg-body) !important; }

.mod-hd-nav-avatar { width: 32px; height: 32px; border-radius: 50% !important; border: 2px solid var(--brand-primary); padding: 2px; background: transparent; display: flex; align-items: center; justify-content: center; margin-bottom: 2px; flex-shrink: 0; transition: 0.3s; }
.mod-hd-nav-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50% !important; }
.mod-hd-nav-avatar-text { width: 100%; height: 100%; border-radius: 50% !important; background: var(--brand-primary); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 13px; }
.mod-hd-m-nav-item.active .mod-hd-nav-avatar { box-shadow: 0 4px 10px color-mix(in srgb, var(--brand-primary) 30%, transparent); transform: scale(1.05); }

/* ==========================================================================
   AUTH BÖLÜMÜ STİLLERİ
   ========================================================================== */
.mod-hd-auth-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.75); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); z-index: 99999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.3s ease; padding: 20px; }
.mod-hd-auth-overlay.active { opacity: 1; visibility: visible; }
.mod-hd-auth-box { background: var(--bg-body); width: 100%; max-width: 420px; border-radius: 24px; box-shadow: var(--shadow-card); position: relative; overflow: hidden; transform: translate3d(0, 30px, 0); transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); will-change: transform; }
.mod-hd-auth-overlay.active .mod-hd-auth-box { transform: translate3d(0, 0, 0); }
.mod-hd-auth-close { position: absolute; top: 20px; right: 20px; font-size: 22px; color: var(--text-muted); cursor: pointer; transition: 0.3s ease; z-index: 10; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background: var(--bg-card); border-radius: 50%; outline: none; border: none; }
.mod-hd-auth-close:hover { color: var(--brand-primary); transform: rotate(90deg); background: color-mix(in srgb, var(--brand-primary) 12%, transparent); }
.mod-hd-auth-header { padding: 35px 30px 10px; text-align: center; }
.mod-hd-auth-header h2 { font-size: 24px; font-weight: 800; color: var(--text-main); margin: 0 0 8px 0; letter-spacing: -0.5px; }
.mod-hd-auth-header p { font-size: 13px; color: var(--text-muted); line-height: 1.5; margin: 0; }
.mod-hd-auth-body { padding: 20px 30px 35px; }
        
.mod-hd-input-group { margin-bottom: 16px; position: relative; }
.mod-hd-input-group i { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: var(--text-muted); font-size: 15px; transition: 0.3s ease; pointer-events: none; }
.mod-hd-input-group input { width: 100%; padding: 14px 45px 14px 45px; border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); border-radius: var(--radius-md); background: var(--bg-card); color: var(--text-main); font-size: 14px; font-weight: 600; outline: none; transition: all 0.3s ease; box-sizing: border-box; }
.mod-hd-input-group input:focus { border-color: var(--brand-primary); background: var(--bg-body); box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-primary) 12%, transparent); }
.mod-hd-input-group input:focus + i { color: var(--brand-primary); }
.mod-hd-otp-input { text-align: center; font-size: 26px !important; letter-spacing: 12px; font-weight: 800; padding: 15px !important; }
.mod-hd-otp-input::placeholder { font-size: 14px; letter-spacing: normal; font-weight: 500; color: var(--text-muted); opacity: 0.6; }
        
.mod-hd-auth-options { display: flex; justify-content: space-between; align-items: center; margin-bottom: 22px; font-size: 13px; font-weight: 700; }
.mod-hd-auth-options a, .mod-hd-auth-options button { color: var(--text-muted); transition: 0.3s; cursor: pointer; text-decoration: none; border:none; background:none; padding:0; outline:none; font-family: inherit;}
.mod-hd-auth-options a:hover, .mod-hd-auth-options a:focus-visible, .mod-hd-auth-options button:hover, .mod-hd-auth-options button:focus-visible { color: var(--brand-primary); outline: none; }
.mod-hd-check-group { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--text-muted); cursor: pointer; }
.mod-hd-check-group input { width: 16px; height: 16px; accent-color: var(--brand-primary); cursor: pointer; margin: 0; }
.mod-hd-check-group a { color: var(--brand-primary); font-weight: 700; text-decoration: underline; }
        
.mod-hd-btn-auth { width: 100%; padding: 14px; background: var(--brand-primary); color: #fff; border: none; border-radius: var(--radius-md); font-size: 15px; font-weight: 800; cursor: pointer; transition: 0.3s; box-shadow: 0 4px 15px color-mix(in srgb, var(--brand-primary) 25%, transparent); display: flex; align-items: center; justify-content: center; gap: 8px; outline: none; }
.mod-hd-btn-auth:hover { transform: translateY(-2px); box-shadow: 0 8px 25px color-mix(in srgb, var(--brand-primary) 40%, transparent); }
.mod-hd-auth-switch { text-align: center; margin-top: 22px; font-size: 13.5px; color: var(--text-muted); font-weight: 600; }
.mod-hd-auth-switch a, .mod-hd-auth-switch button { color: var(--brand-primary); font-weight: 800; margin-left: 5px; cursor: pointer; text-decoration: none; background:none; border:none; padding:0; outline:none; font-family: inherit; }
.mod-hd-auth-switch a:hover, .mod-hd-auth-switch button:hover { text-decoration: underline; }
        
.mod-hd-input-group i.mod-hd-toggle-password { left: auto !important; right: 16px !important; cursor: pointer; pointer-events: auto !important; }

@keyframes modHdFadeInUpAuth { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }
.mod-hd-form-section { display: none; animation: modHdFadeInUpAuth 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
.mod-hd-form-section.active { display: block; }

/* ==========================================================================
   FAVORİLER ÇEKMECESİ (BOTTOM DRAWER)
   ========================================================================== */
.fav-drawer-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.75); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: 9999998; opacity: 0; visibility: hidden; transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); }
.fav-drawer-overlay.active { opacity: 1; visibility: visible; }

.fav-bottom-drawer { position: fixed; bottom: -100%; left: 0; width: 100%; height: 80vh; background: var(--bg-body); border-radius: 32px 32px 0 0; z-index: 9999999; box-shadow: var(--shadow-card); transition: bottom 0.5s cubic-bezier(0.16, 1, 0.3, 1); display: flex; flex-direction: column; overflow: hidden; border-top: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); }
.fav-bottom-drawer.active { bottom: 0; }

.fav-drawer-header { padding: 25px 30px; border-bottom: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); display: flex; justify-content: space-between; align-items: center; background: var(--bg-glass); }
.fav-drawer-header h3 { margin: 0; font-family: 'Playfair Display', serif; font-size: 22px; font-weight: 800; display: flex; align-items: center; gap: 10px; color: var(--text-main); }
.btn-close-drawer { background: var(--bg-card); border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); width: 38px; height: 38px; border-radius: 50%; cursor: pointer; transition: 0.3s; color: var(--text-main); display: flex; align-items: center; justify-content: center; font-size: 16px; outline: none; }
.btn-close-drawer:hover, .btn-close-drawer:focus-visible { background: color-mix(in srgb, var(--status-error) 10%, transparent); color: var(--status-error); border-color: var(--status-error); transform: rotate(90deg); }

.fav-drawer-body { padding: 20px 30px; overflow-y: auto; flex: 1; scroll-behavior: smooth; background: var(--bg-body); }

/* --- RESPONSIVE KURALLAR --- */
@media (max-width: 992px) {
    .mod-hd-nav-desktop, .mod-hd-hide-on-mobile { display: none !important; } 
    .mod-hd-mobile-only { display: flex !important; }
    .mod-hd-premium-header { padding: 0 4%; min-height: 90px; }
    .mod-hd-logo-container { flex: 1; justify-content: flex-start; }
    .mod-hd-premium-logo-system { transform: scale(0.85); transform-origin: left center; }
    .mod-hd-premium-header.scrolled .mod-hd-premium-logo-system { transform: scale(0.75); }
    .mod-hd-header-right-group { flex: 1.5; justify-content: flex-end; gap: 5px; }
    .mod-hd-mobile-bottom-nav { display: block !important; }
    .mod-hd-header-dropdown { position: fixed; top: 85px; right: 15px; width: calc(100% - 30px); max-width: 380px; }
}

@media (min-width: 992px) {
    .fav-bottom-drawer { width: 500px; left: 50%; transform: translateX(-50%); border-left: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); border-right: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); }
}
/* ==========================================================================
   MODÜL: HEADER CSS BİTİŞ
   ========================================================================== */
/* ==========================================================================
   MODÜL: HEADER & MENÜ AYARLARI (Admin Paneli)
   ========================================================================== */

body.mod-hs-body-iframe { margin:0; padding:0; background: transparent !important; color: var(--text-main); transition: 0.4s ease; }

.mod-hs-container { width: 100%; display: flex; flex-direction: column; gap: 20px; animation: modHsSmoothFadeIn 0.4s ease forwards; padding-bottom: 30px; font-family: 'Plus Jakarta Sans', sans-serif; color: var(--text-main); }
.mod-hs-container * { box-sizing: border-box; }

/* FONT AWESOME KORUMA KALKANI */
.mod-hs-container i.fa-solid, .mod-hs-container i.fas { font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important; display: inline-block; }
.mod-hs-container i.fa-regular, .mod-hs-container i.far { font-family: "Font Awesome 6 Free" !important; font-weight: 400 !important; display: inline-block; }
.mod-hs-container i.fa-brands, .mod-hs-container i.fab { font-family: "Font Awesome 6 Brands" !important; font-weight: 400 !important; display: inline-block; }

.mod-hs-full-page { max-width: 1100px; margin: 40px auto; padding: 0 4%; }
@keyframes modHsSmoothFadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

.mod-hs-header-box { display: flex; align-items: center; background: var(--bg-panel); border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); border-radius: var(--radius-lg); padding: 25px 30px; box-shadow: var(--shadow-card); }
.mod-hs-header-box h1 { margin: 0; font-size: 20px; font-weight: 800; display: flex; align-items: center; gap: 12px; }
.mod-hs-header-box h1 i { color: var(--brand-primary); }

.mod-hs-settings-body { background: var(--bg-panel); border-radius: var(--radius-lg); border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); overflow: hidden; box-shadow: var(--shadow-card); }
.mod-hs-tabs-nav { display: flex; border-bottom: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.mod-hs-tabs-nav::-webkit-scrollbar { display: none; }
.mod-hs-tab-btn { flex: 1; min-width: max-content; padding: 18px 25px; background: none; border: none; font-size: 13.5px; font-weight: 700; color: var(--text-muted); cursor: pointer; transition: 0.3s; border-bottom: 2px solid transparent; display: flex; align-items: center; justify-content: center; gap: 8px; outline: none; font-family: 'Plus Jakarta Sans', sans-serif; }
.mod-hs-tab-btn:hover, .mod-hs-tab-btn:focus-visible { color: var(--text-main); }
.mod-hs-tab-btn.active { color: var(--text-main); border-bottom-color: var(--brand-primary); background: color-mix(in srgb, var(--bg-panel) 95%, var(--text-main)); }
.mod-hs-tab-btn.active i { color: var(--brand-primary); }

.mod-hs-tab-content { padding: 35px 30px; }
.mod-hs-tab-pane { display: none; animation: modHsSmoothFadeIn 0.3s ease forwards; }
.mod-hs-tab-pane.active { display: block; }

.mod-hs-split-layout { display: grid; grid-template-columns: 1.2fr 1fr; gap: 30px; align-items: flex-start; }
.mod-hs-section-title { font-size: 16px; font-weight: 800; color: var(--text-main); margin: 0 0 20px 0; padding-bottom: 12px; border-bottom: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); display: flex; align-items: center; gap: 8px; }
.mod-hs-section-title i { color: var(--brand-primary); }

.mod-hs-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.mod-hs-form-group { margin-bottom: 18px; }
.mod-hs-form-group label { display: block; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-muted); margin-bottom: 8px; cursor: pointer; }
.mod-hs-input-wrapper { position: relative; display: flex; align-items: center; width: 100%; }
.mod-hs-input-wrapper i.mod-hs-field-icon { position: absolute; left: 16px; color: var(--text-muted); font-size: 15px; pointer-events: none; }
.mod-hs-input-wrapper input, .mod-hs-input-wrapper select { width: 100%; padding: 14px 15px 14px 45px; border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); border-radius: var(--radius-md); background: var(--bg-panel); color: var(--text-main); font-size: 14px; outline: none; transition: 0.3s; font-weight: 600; box-sizing: border-box; font-family: 'Plus Jakarta Sans', sans-serif;}
.mod-hs-input-wrapper input:focus, .mod-hs-input-wrapper input:focus-visible, .mod-hs-input-wrapper select:focus, .mod-hs-input-wrapper select:focus-visible { border-color: var(--brand-primary); background: var(--bg-body); box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-primary) 12%, transparent); }

.mod-hs-check-group { display: flex; align-items: center; gap: 10px; margin-top: 5px; cursor: pointer; font-size: 13.5px; font-weight: 700; color: var(--text-main); padding: 12px 15px; border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); border-radius: var(--radius-md); background: var(--bg-panel); transition: 0.3s ease; }
.mod-hs-check-group:hover, .mod-hs-check-group:focus-within { border-color: var(--brand-primary); }
.mod-hs-check-group input { width: 18px; height: 18px; accent-color: var(--brand-primary); margin:0; cursor: pointer; outline: none; }

.mod-hs-tab-btn:focus-visible, .mod-hs-btn-save:focus-visible, .mod-hs-btn-edit:focus-visible, .mod-hs-btn-del:focus-visible, .mod-hs-modal-close:focus-visible { outline: 3px solid var(--brand-primary); outline-offset: 2px; }

.mod-hs-menu-items-list { display: flex; flex-direction: column; gap: 12px; max-height: 550px; overflow-y: auto; padding-right: 5px; }
.mod-hs-menu-items-list::-webkit-scrollbar { width: 5px; }
.mod-hs-menu-items-list::-webkit-scrollbar-track { background: transparent; }
.mod-hs-menu-items-list::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--text-main) 20%, transparent); border-radius: 10px; }

.mod-hs-menu-row-card { display: flex; align-items: center; justify-content: space-between; padding: 16px; background: var(--bg-panel); border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); border-radius: var(--radius-md); transition: 0.2s; box-shadow: 0 2px 8px rgba(0,0,0,0.01); }
.mod-hs-menu-row-card:hover { border-color: var(--brand-primary); transform: translateX(2px); }

.mod-hs-m-info { display: flex; align-items: center; gap: 12px; flex: 1; overflow: hidden; }
.mod-hs-m-icon-box { width: 42px; height: 42px; min-width: 42px; background: var(--bg-body); border-radius: 10px; border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); display: flex; align-items: center; justify-content: center; color: var(--brand-primary); font-size: 16px; box-shadow: 0 2px 5px rgba(0,0,0,0.02); }
.mod-hs-m-details { overflow: hidden; }
.mod-hs-m-details h4 { font-size: 14.5px; font-weight: 800; margin: 0 0 4px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--text-main); }
.mod-hs-m-details p { font-size: 12px; color: var(--text-muted); margin: 0; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mod-hs-badge-floating { font-size: 9.5px; background: var(--brand-primary); color: #fff; padding: 3px 6px; border-radius: 5px; margin-left: 8px; text-transform: uppercase; font-weight: 800; letter-spacing: 0.3px; vertical-align: middle; box-shadow: 0 2px 5px color-mix(in srgb, var(--brand-primary) 30%, transparent); }

.mod-hs-action-buttons { display: flex; gap: 8px; flex-shrink: 0; }
.mod-hs-btn-edit, .mod-hs-btn-del { width: 36px; height: 36px; min-width: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.2s; border: none; font-size: 15px; }
.mod-hs-btn-edit { background: color-mix(in srgb, #3b82f6 10%, transparent); color: #3b82f6; }
.mod-hs-btn-edit:hover { background: #3b82f6; color: #fff; transform: translateY(-2px); }
.mod-hs-btn-del { background: color-mix(in srgb, #ef4444 10%, transparent); color: #ef4444; }
.mod-hs-btn-del:hover { background: #ef4444; color: #fff; transform: translateY(-2px); }

.mod-hs-btn-save { background: var(--brand-primary); color: #ffffff !important; padding: 15px 30px; border-radius: var(--radius-md); font-weight: 800; font-size: 14.5px; cursor: pointer; transition: 0.3s; width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; border:none; box-shadow: 0 4px 15px color-mix(in srgb, var(--brand-primary) 30%, transparent); outline: none; font-family: 'Plus Jakarta Sans', sans-serif; }
.mod-hs-btn-save:hover { opacity: 0.9; transform: translateY(-2px); box-shadow: 0 8px 25px color-mix(in srgb, var(--brand-primary) 50%, transparent); }

.mod-hs-cc-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.6); backdrop-filter: blur(5px); z-index: 999999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: 0.3s ease; padding: 20px; font-family: 'Plus Jakarta Sans', sans-serif;}
.mod-hs-cc-overlay.active { opacity: 1; visibility: visible; }
.mod-hs-cc-box { background: var(--bg-panel); width: 100%; max-width: 380px; border-radius: var(--radius-lg); padding: 30px; text-align: center; box-shadow: var(--shadow-card); border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); transform: translate3d(0, 20px, 0); transition: 0.4s; }
.mod-hs-cc-overlay.active .mod-hs-cc-box { transform: translate3d(0, 0, 0); }
.mod-hs-cc-icon { width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 26px; margin: 0 auto 20px; }
.mod-hs-cc-box h3 { margin:0 0 10px 0; font-size: 20px; font-weight: 800; color: var(--text-main); }
.mod-hs-cc-box p { margin:0 0 20px 0; font-size: 14px; color: var(--text-muted); line-height: 1.5; font-weight: 500; }
.mod-hs-cc-actions { display: flex; gap: 10px; }
.mod-hs-cc-btn { flex: 1; padding: 14px; border-radius: var(--radius-md); font-size: 14px; font-weight: 800; cursor: pointer; border: none; font-family: 'Plus Jakarta Sans', sans-serif; transition: 0.3s; outline: none; }
.mod-hs-cc-cancel { background: var(--bg-body); color: var(--text-main); border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); }
.mod-hs-cc-confirm { background: var(--brand-primary); color: #fff; }

.mod-hs-modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.6); backdrop-filter: blur(5px); z-index: 9999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: 0.3s ease; padding: 20px; font-family: 'Plus Jakarta Sans', sans-serif;}
.mod-hs-modal-overlay.active { opacity: 1; visibility: visible; }
.mod-hs-modal-box { background: var(--bg-panel); border-radius: var(--radius-lg); border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); width: 100%; max-width: 500px; padding: 30px; box-shadow: var(--shadow-card); transform: translateY(20px); transition: 0.3s; color: var(--text-main);}
.mod-hs-modal-overlay.active .mod-hs-modal-box { transform: translateY(0); }
.mod-hs-modal-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; border-bottom: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); padding-bottom: 15px; }
.mod-hs-modal-header h3 { margin: 0; font-size: 18px; font-weight: 800; display: flex; align-items: center; gap: 10px; color: var(--text-main); }
.mod-hs-modal-close { background: none; border: none; font-size: 22px; color: var(--text-muted); cursor: pointer; transition: 0.2s; outline:none; }
.mod-hs-modal-close:hover { color: var(--status-error); transform: rotate(90deg); }

@media (max-width: 992px) {
    .mod-hs-full-page { padding: 0 15px; margin: 20px auto; }
    .mod-hs-header-box { padding: 20px; border-radius: var(--radius-md); }
    .mod-hs-header-box h1 { font-size: 18px; }
    .mod-hs-tab-content { padding: 25px 20px; }
    .mod-hs-tab-btn { padding: 15px 20px; }
    .mod-hs-split-layout { grid-template-columns: 1fr; gap: 30px; }
    .mod-hs-form-row { grid-template-columns: 1fr; gap: 0; }
    .mod-hs-menu-items-list { max-height: max-content; overflow-y: visible; padding-right: 0; }
    .mod-hs-menu-row-card { flex-direction: column; align-items: flex-start; gap: 15px; padding: 18px; }
    .mod-hs-m-info { width: 100%; }
    .mod-hs-m-details h4 { font-size: 15px; white-space: normal; }
    .mod-hs-action-buttons { width: 100%; justify-content: flex-end; padding-top: 10px; border-top: 1px dashed color-mix(in srgb, var(--text-main) 10%, transparent); }
    .mod-hs-btn-edit, .mod-hs-btn-del { width: 42px; height: 42px; font-size: 16px; }
}

/* ==========================================================================
   NATIVE APP HİSSİYATI (MOBİL ZOOM ENGELLEME)
   ========================================================================== */
/* Sadece dikey ve yatay kaydırmaya izin verir, tüm ZOOM hareketlerini KESİN yasaklar */
html, body {
    touch-action: pan-x pan-y !important;
}

/* ANA SAYFA TEMA GEÇİŞİ (DARK/LIGHT KESİN ÇÖZÜMÜ) */
body {
    background-color: var(--bg-body);
    color: var(--text-main);
    transition: background-color 0.4s ease, color 0.4s ease;
    padding-bottom: 90px;
    overflow-x: hidden;
}

/* iOS Otomatik Zoom Engelleme - Tüm input, select ve textarealar için */
input, select, textarea, .ord-input, .ord-select {
    font-size: 16px !important;
}

/* ==========================================================================
   MODÜL: HEADER & MENÜ AYARLARI SONU
   ========================================================================== */

/* ==========================================================================
   BAŞLANGIÇ: ANA SAYFA DİNAMİK VİTRİN VE HERO MODÜLÜ (home.css)
   SÜRÜM: v20.0 - ULTRA PREMIUM CORE (Mükemmel Logo Ölçeği & Dinamik Renkler)
   ========================================================================== */

/* Font tanımlamaları */
@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal; font-weight: 400; font-display: swap;
    src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-regular-400.woff2) format("woff2");
}
@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal; font-weight: 900; font-display: swap;
    src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-solid-900.woff2) format("woff2");
}
@font-face {
    font-family: 'Font Awesome 6 Brands';
    font-style: normal; font-weight: 400; font-display: swap;
    src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-brands-400.woff2) format("woff2");
}

/* Kapsayıcı Gövde Ayarları */
body { 
    background-color: var(--bg-body); 
    color: var(--text-main); 
    font-family: 'Plus Jakarta Sans', sans-serif; 
    overflow-x: hidden; 
    transition: background-color 0.4s ease, color 0.4s ease; 
    -webkit-font-smoothing: antialiased; 
    margin: 0; padding: 0;
}
a { text-decoration: none; color: inherit; outline: none; }

/* Görünürlük & İmleç (Yardımcı Sınıflar) */
.mod-d-none { display: none !important; }
.cursor-pointer { cursor: pointer; }

/* Erişilebilirlik (A11y) ve Klavye Navigasyonu Zırhı */
.hero-btn:focus-visible, 
.scroll-indicator:focus-visible, 
.product-card:focus-visible, 
.card-favorite:focus-visible, 
.btn-close-promo:focus-visible, 
.btn-copy-promo:focus-visible,
.hr-product:focus-visible { 
    outline: 3px solid var(--brand-primary); 
    outline-offset: 3px; 
}

/* Donanım Hızlandırmalı (GPU) Reveal Animasyonu */
.reveal { 
    opacity: 0; 
    transform: translate3d(0, 40px, 0); 
    transition: all 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); 
}
.reveal.active { opacity: 1; transform: translate3d(0, 0, 0); }

/* ==========================================================================
   1. HERO BÖLÜMÜ (DEV VİTRİN)
   ========================================================================== */
.hero-section { 
    position: relative; width: 100%; height: 85vh; min-height: 600px; 
    border-radius: 0 0 40px 40px; overflow: hidden; display: flex; 
    align-items: center; justify-content: center; 
    margin-bottom: 30px; 
    background-color: var(--bg-body); isolation: isolate; transform: translateZ(0); 
}
.hero-media-wrapper { 
    position: absolute; top: -10%; left: 0; width: 100%; height: 120%; 
    z-index: 1; pointer-events: none; transform: translateZ(0); 
}
.hero-media { 
    width: 100%; height: 100%; object-fit: cover; filter: contrast(1.05) saturate(1.1); 
    pointer-events: none; transform: translateZ(0); backface-visibility: hidden; 
}
.hero-slide-item { 
    position: absolute; top: 0; left: 0; opacity: 0; 
    transition: opacity 1.5s ease-in-out, transform 8s linear; 
    transform: scale(1) translateZ(0); 
}
.hero-slide-item.active { opacity: 1; transform: scale(1.05) translateZ(0); z-index: 1; }

/* Sinematik Gürültü ve Karartma Katmanları */
.hero-noise { 
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; 
    background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noiseFilter"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noiseFilter)"/%3E%3C/svg%3E'); 
    opacity: 0.05; pointer-events: none; mix-blend-mode: overlay; 
}
.hero-overlay { 
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
    background: linear-gradient(180deg, color-mix(in srgb, var(--bg-body) 5%, transparent) 0%, color-mix(in srgb, var(--bg-body) 85%, transparent) 100%); 
    z-index: 3; pointer-events: none; 
}
    
/* Hero İçerik (Glassmorphism) */
.hero-content { 
    position: relative; z-index: 4; text-align: center; color: var(--text-main); 
    width: 90%; max-width: 850px; padding: 60px 40px; 
    background: color-mix(in srgb, var(--bg-card) 60%, transparent); 
    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); 
    border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); 
    border-radius: var(--radius-lg, 32px); 
    box-shadow: 0 20px 50px color-mix(in srgb, var(--text-main) 10%, transparent); 
    opacity: 0; animation: heroFadeUp 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; 
}
@keyframes heroFadeUp { 
    from { opacity: 0; transform: translate3d(0, 40px, 0) scale(0.98); } 
    to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } 
}

.hero-title { 
    font-family: 'Playfair Display', serif; font-size: clamp(2.2rem, 5.5vw, 5rem); 
    font-weight: 800; line-height: 1.1; margin-bottom: 20px; text-wrap: balance; 
    text-shadow: 0 10px 30px color-mix(in srgb, var(--bg-body) 50%, transparent); 
}
.hero-title span { color: var(--brand-primary); font-style: italic; font-weight: 600; }
.hero-desc { 
    font-size: clamp(1rem, 1.5vw, 1.15rem); font-weight: 500; margin-bottom: 40px; 
    line-height: 1.7; color: var(--text-main); text-wrap: balance; 
    text-shadow: 0 2px 4px color-mix(in srgb, var(--bg-body) 60%, transparent); 
}
    
.hero-btn { 
    display: inline-flex; align-items: center; justify-content: center; 
    padding: 18px 45px; border-radius: 100px; font-size: 14px; font-weight: 800; 
    text-transform: uppercase; letter-spacing: 1.5px; 
    background: var(--brand-primary); color: #ffffff; border: none; 
    transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); cursor: pointer; 
    box-shadow: 0 15px 35px color-mix(in srgb, var(--brand-primary) 40%, transparent); 
    position: relative; overflow: hidden; outline: none; 
}
.hero-btn::after { 
    content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; 
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent); 
    transition: 0.5s; 
}
.hero-btn:hover { 
    background: var(--text-main); color: var(--bg-body); transform: translateY(-5px); 
    box-shadow: 0 20px 40px color-mix(in srgb, var(--text-main) 30%, transparent); 
}
.hero-btn:hover::after { left: 100%; }

.scroll-indicator { 
    position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); 
    z-index: 4; display: flex; flex-direction: column; align-items: center; gap: 10px; 
    color: var(--text-muted); cursor: pointer; transition: 0.3s; outline: none; 
}
.scroll-indicator:hover { color: var(--brand-primary); }
.scroll-indicator span { font-size: 10px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; }
.scroll-indicator i { font-size: 20px; animation: bounceDown 2s infinite ease-in-out; }

/* ==========================================================================
   1.5 VİTRİN HİKAYELERİ (ORTALANMIŞ UI)
   ========================================================================== */
.store-story-section {
    padding: 10px 3%; 
    max-width: 1700px; 
    margin: 0 auto;
    margin-bottom: 30px;
}
.store-story-wrapper {
    display: flex; 
    gap: 20px; 
    overflow-x: auto; 
    padding-bottom: 15px;
    justify-content: center; /* VİTRİNDE TAM ORTALAMA */
    -webkit-overflow-scrolling: touch; 
    scrollbar-width: none; 
}
.store-story-wrapper::-webkit-scrollbar { display: none; } 

.story-item {
    display: flex; flex-direction: column; align-items: center; gap: 8px;
    width: 85px; flex-shrink: 0; cursor: pointer; text-decoration: none;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1); outline: none;
}
.story-item:hover { transform: translateY(-3px); }
.story-item:focus-visible { outline: 2px solid var(--brand-primary); border-radius: 10px; outline-offset: 3px; }

.story-ring {
    width: 80px; height: 80px; border-radius: 50%;
    background: linear-gradient(45deg, var(--brand-primary, #f97316), #ec4899, #8b5cf6);
    display: flex; align-items: center; justify-content: center;
    padding: 3px; 
    box-shadow: 0 5px 15px color-mix(in srgb, var(--brand-primary) 20%, transparent);
}

.story-item.is-viewed .story-ring {
    background: color-mix(in srgb, var(--border-line) 80%, transparent);
    box-shadow: none;
}

.story-img-box {
    width: 100%; height: 100%; border-radius: 50%;
    background: var(--bg-body); 
    padding: 3px; 
    display: flex; align-items: center; justify-content: center;
}

.story-avatar { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; background: var(--bg-card); }
.story-title { font-size: 11px; font-weight: 700; color: var(--text-main); text-align: center; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: 0.3px; }

/* ==========================================================================
   1.6 STORY VIEWER MODAL (TAM EKRAN HİKAYE İZLEYİCİ)
   ========================================================================== */
#modStoryViewerOverlay { position: fixed; inset: 0; z-index: 999999; background: rgba(0, 0, 0, 0.95); display: flex; align-items: center; justify-content: center; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); }
.mod-story-viewer-content { position: relative; width: 100%; max-width: 450px; height: 100vh; max-height: 850px; background: #050505; display: flex; flex-direction: column; overflow: hidden; border-radius: 16px; box-shadow: 0 20px 60px rgba(0,0,0,0.5); }
.mod-story-progress { position: absolute; top: 15px; left: 10px; right: 10px; height: 3px; background: rgba(255,255,255,0.3); border-radius: 4px; z-index: 10; overflow: hidden; display: flex; }
.mod-story-progress-bar { height: 100%; background: #ffffff; width: 0%; border-radius: 4px; }
.mod-story-viewer-top-info { position: absolute; top: 25px; left: 15px; z-index: 10; display: flex; align-items: center; gap: 10px; color: #fff; }
.mod-story-time { font-size: 12px; font-weight: 600; opacity: 0.8; text-shadow: 0 1px 3px rgba(0,0,0,0.8); }
.mod-story-close { position: absolute; top: 15px; right: 15px; z-index: 10; background: transparent; border: none; color: #fff; font-size: 24px; cursor: pointer; padding: 5px; text-shadow: 0 2px 5px rgba(0,0,0,0.5); outline: none; transition: transform 0.3s; }
.mod-story-close:hover { transform: scale(1.1); }
.mod-story-media { width: 100%; height: 100%; object-fit: contain; z-index: 1; background: #000; }
.mod-story-info-bg { position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; background: linear-gradient(to top, rgba(0,0,0,0.9), transparent); z-index: 2; pointer-events: none; }
.mod-story-info { position: absolute bottom: 30px; left: 0; width: 100%; padding: 0 20px; z-index: 10; text-align: center; }
#modStoryViewerTitle { color: #fff; font-size: 18px; font-weight: 800; margin: 0 0 15px 0; text-shadow: 0 2px 10px rgba(0,0,0,0.8); }
.mod-story-btn { display: inline-block; padding: 14px 28px; background: var(--brand-primary); color: #fff !important; font-weight: 800; border-radius: 100px; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; box-shadow: 0 10px 20px color-mix(in srgb, var(--brand-primary) 40%, transparent); transition: 0.3s; }
.mod-story-btn:hover { transform: translateY(-3px); filter: brightness(1.1); }

/* Progress Animations */
.mod-story-progress-bar.animate-5s { animation: storyProgress 5s linear forwards; }
.mod-story-progress-bar.animate-15s { animation: storyProgress 15s linear forwards; }
@keyframes storyProgress { 0% { width: 0%; } 100% { width: 100%; } }
body.no-scroll { overflow: hidden !important; }

/* ==========================================================================
   2. GENEL SEKSİYON YAPISI (PAGESPEED BOOST: content-visibility)
   ========================================================================== */
.store-section { 
    padding: 0 3% 100px; max-width: 1700px; margin: 0 auto; 
    content-visibility: auto; contain-intrinsic-size: 800px; 
}

.cat-group-banner { 
    position: relative; width: 100%; height: 220px; border-radius: var(--radius-lg, 24px); 
    overflow: hidden; margin-bottom: 40px; display: flex; align-items: center; justify-content: flex-start; 
    background-color: var(--bg-card); border: 1px solid var(--border-line); 
    box-shadow: var(--shadow-card, 0 10px 30px rgba(0,0,0,0.05)); 
}
.cat-group-banner img { 
    position: absolute; inset: 0; width: 100%; height: 100%; 
    
    /* PC İÇİN KUSURSUZ LOGO ÖLÇEĞİ - Kesilme yapmaz ve dengeli durur */
    object-fit: contain; 
    object-position: right center; z-index: 1; 
    transform: scale(0.95); 
    transform-origin: right center;
    transition: transform 1.5s cubic-bezier(0.2, 0.8, 0.2, 1); 
}
.store-section:hover .cat-group-banner img { transform: scale(0.98); }

.cat-banner-overlay { 
    position: absolute; inset: 0; z-index: 2;
    background: linear-gradient(90deg, color-mix(in srgb, var(--bg-body) 10%, transparent) 0%, transparent 30%); 
}

.cat-banner-content { position: relative; z-index: 3; width: 100%; max-width: 55%; padding: 0 50px; text-align: left; }

.cat-banner-title { 
    font-family: 'Playfair Display', serif; font-size: clamp(2rem, 3.5vw, 3rem); 
    font-weight: 800; 
    
    /* LIGHT/DARK MODA TAM UYUMLU DİNAMİK YAZI RENGİ */
    color: var(--text-main) !important; 
    margin: 0 0 5px 0; letter-spacing: -0.5px; 
}
.cat-banner-subtitle { 
    font-size: 15px; font-weight: 500; 
    color: color-mix(in srgb, var(--text-main) 85%, transparent) !important; 
    margin: 0; 
}

.elegant-header-wrapper { text-align: center; margin-bottom: 50px; }
.section-title { 
    font-family: 'Playfair Display', serif; font-size: clamp(2rem, 4vw, 3.2rem); 
    font-weight: 800; color: var(--text-main); margin-bottom: 8px; letter-spacing: -0.5px; 
}
.section-subtitle { font-size: 14px; color: var(--text-muted); font-weight: 500; letter-spacing: 0.5px; text-transform: uppercase; }
.elegant-divider { display: flex; align-items: center; justify-content: center; max-width: 250px; margin: 15px auto 0; gap: 10px; opacity: 0.9; }
.elegant-divider .line { height: 2px; flex: 1; border-radius: 2px; }
.elegant-divider .line.left { background: linear-gradient(90deg, transparent 0%, var(--brand-primary) 100%); }
.elegant-divider .line.right { background: linear-gradient(270deg, transparent 0%, var(--brand-primary) 100%); }
.elegant-divider i { font-size: 18px; color: var(--brand-primary); }

/* Vitrin - Boş Durum (Empty State) */
.store-empty-state { text-align: center; padding: 60px 20px; background: var(--bg-card); border-radius: var(--radius-lg, 20px); border: 1px solid var(--border-line); }
.empty-state-icon { font-size: 40px; color: var(--text-muted); opacity: 0.3; margin-bottom: 15px; }
.empty-state-title { font-size: 16px; font-weight: 800; margin-bottom: 8px; }
.empty-state-desc { font-size: 13px; color: var(--text-muted); font-weight: 500; }

/* ==========================================================================
   3. ÜRÜN VİTRİNİ (GRID & KARTLAR) VE DÜZELTİLMİŞ FAVORİ BUTONU
   ========================================================================== */
.product-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 26px; }

.product-card { 
    display: flex; flex-direction: column; background: var(--bg-card); 
    border: 1px solid var(--border-line); border-radius: var(--radius-card, 16px); 
    overflow: hidden; position: relative; transition: 0.5s cubic-bezier(0.2, 0.8, 0.2, 1); 
    transform: translateZ(0); outline: none; 
}
.product-card:hover { 
    transform: translate3d(0, -10px, 0); box-shadow: var(--shadow-card); 
    border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent); 
}
    
.card-crown-header { display: flex; align-items: center; justify-content: center; width: 100%; padding: 12px 15px; background: var(--bg-card); border-bottom: 1px solid var(--border-line); z-index: 10; gap: 10px; }
.card-crown-header .frame-line { height: 1.5px; flex: 1; border-radius: 2px; }
.card-crown-header .frame-left { background: linear-gradient(90deg, transparent 0%, var(--brand-primary) 100%); }
.card-crown-header .frame-right { background: linear-gradient(270deg, transparent 0%, var(--brand-primary) 100%); }
.card-crown-header i { font-size: 14px; color: var(--brand-primary); }

.pc-image-wrapper { position: relative; width: 100%; aspect-ratio: 3/4; overflow: hidden; background: color-mix(in srgb, var(--text-main) 2%, var(--bg-card)); border-bottom: 1px solid var(--border-line); }
.pc-image-main { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; transition: opacity 0.6s ease; }
.product-card:hover .pc-image-main.has-ghost { opacity: 0; }
.ghost-img-single { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; z-index: 2; transition: opacity 0.6s ease, transform 0.8s ease; transform: scale(1.05); }
.product-card:hover .ghost-img-single { opacity: 1; transform: scale(1); }
.pc-ghost-gallery { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; visibility: hidden; transition: opacity 0.4s ease, visibility 0.4s; background: var(--bg-card); }
.product-card:hover .pc-ghost-gallery { opacity: 1; visibility: visible; }
.ghost-img-multi { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; }
.product-card:hover .ghost-img-multi { animation: dynamicGhostFade 6s ease-in-out infinite; }
@keyframes dynamicGhostFade { 
    0%, 100% { opacity: 0; transform: scale(1); } 
    15%, 35% { opacity: 1; transform: scale(1.03); } 
    50%, 85% { opacity: 0; transform: scale(1.05); } 
}

/* YENİDEN YAZILAN KONTRASTLI FAVORİ BUTONU */
.card-favorite { 
    position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; border-radius: 50%; 
    background: var(--bg-card); 
    backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); 
    display: flex; align-items: center; justify-content: center; 
    opacity: 0; transform: scale(0.8) translateY(-10px); 
    transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); z-index: 10; 
    color: var(--text-main); 
    cursor: pointer; 
    box-shadow: 0 4px 15px color-mix(in srgb, var(--text-main) 15%, transparent); 
    border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); 
    outline: none; 
}

.product-card:hover .card-favorite { opacity: 1; transform: scale(1) translateY(0); }

.card-favorite:hover, .card-favorite:focus-visible { 
    transform: scale(1.1) !important; 
    color: var(--status-error, #ef4444); 
    border-color: var(--status-error, #ef4444);
    background: color-mix(in srgb, var(--status-error, #ef4444) 10%, var(--bg-card));
}

.card-favorite.active, .card-favorite.is-active-fav, .card-favorite i.pd-fav-active { 
    background: var(--status-error, #ef4444);
    color: #ffffff;
    border-color: var(--status-error, #ef4444);
    opacity: 1 !important; 
    transform: scale(1) translateY(0);
}

/* ==========================================================================
   ROZETLER VE KARANLIK MOD (DARK THEME) İNDİRİM KORUMASI
   ========================================================================== */
.pc-badges { position: absolute; top: 12px; left: 12px; display: flex; flex-direction: column; gap: 6px; z-index: 5; }
.badge-pill { padding: 6px 12px; border-radius: 6px; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 4px 10px color-mix(in srgb, var(--text-main) 10%, transparent); display: inline-block; text-align: center; }
.badge-new { background: var(--text-main); color: var(--bg-card); }

.pc-badges .badge-discount,
[data-theme="dark"] .pc-badges .badge-discount,
body[data-theme="dark"] .badge-discount,
.badge-discount { 
    background: linear-gradient(135deg, var(--status-error, #ef4444) 0%, var(--brand-primary, #f97316) 100%) !important; 
    color: #ffffff !important; 
    border: none !important;
    box-shadow: 0 4px 15px color-mix(in srgb, var(--status-error, #ef4444) 40%, transparent) !important;
}

.badge-outstock { background: var(--text-main); color: var(--bg-card); }

.pc-quick-view { 
    position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px; 
    background: linear-gradient(to top, color-mix(in srgb, var(--bg-body) 90%, transparent), transparent); 
    transform: translateY(100%); transition: 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); 
    z-index: 6; display: flex; justify-content: center; 
}
.product-card:hover .pc-quick-view { transform: translateY(0); }
.btn-quick-view { 
    width: 100%; background: color-mix(in srgb, var(--bg-card) 95%, transparent); 
    backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); color: var(--text-main); 
    border: 1px solid var(--border-line); padding: 12px; border-radius: 10px; font-size: 12px; 
    font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; cursor: pointer; transition: 0.3s; 
}
.btn-quick-view:hover { background: var(--brand-primary); color: #ffffff; border-color: var(--brand-primary); }

.pc-info { padding: 22px 20px; text-align: left; display: flex; flex-direction: column; flex-grow: 1; gap: 8px; }
.pc-brand-row { display: flex; justify-content: space-between; align-items: center; }
.pc-brand { font-size: 10.5px; font-weight: 800; color: var(--brand-primary); text-transform: uppercase; letter-spacing: 1.5px; }
.pc-stock-count { font-size: 10.5px; font-weight: 700; color: var(--text-muted); padding: 4px 8px; background: color-mix(in srgb, var(--text-main) 5%, transparent); border-radius: 6px; }
.pc-stock-count.danger-stock { color: var(--status-error); background: color-mix(in srgb, var(--status-error) 10%, transparent); }
.pc-title { font-size: 15px; font-weight: 700; color: var(--text-main); line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin: 0; transition: color 0.3s; }
.product-card:hover .pc-title { color: var(--brand-primary); }
.pc-description { font-size: 12px; color: var(--text-muted); font-weight: 500; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 2px; min-height: 36px; }
    
.pc-colors-wrapper { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 6px; min-height: 24px; }
.color-chip { font-size: 10px; font-weight: 700; color: var(--text-muted); padding: 4px 10px; background: color-mix(in srgb, var(--text-main) 5%, transparent); border-radius: 6px; text-transform: capitalize; border: 1px solid var(--border-line); }
.color-chip-standard { opacity: 0.5; }

.pc-price-box { display: flex; align-items: baseline; gap: 10px; margin-top: auto; padding-top: 15px; border-top: 1px solid var(--border-line); }
.pc-price { font-size: 18px; font-weight: 800; color: var(--text-main); letter-spacing: -0.5px; }
.pc-price.old { font-size: 13px !important; color: var(--text-muted) !important; text-decoration: line-through !important; font-weight: 600 !important; opacity: 0.7; }
    
@keyframes premiumDiscountBlink {
    0%, 100% { opacity: 1; transform: scale(1); text-shadow: 0 0 0 transparent; }
    50% { opacity: 0.9; transform: scale(1.05); text-shadow: 0 2px 12px color-mix(in srgb, var(--status-error, #ef4444) 60%, transparent) !important; }
}

.pc-price-box .pc-price.new,
[data-theme="dark"] .pc-price-box .pc-price.new,
body[data-theme="dark"] .pc-price.new,
.pc-price.new { 
    color: var(--status-error, #ef4444) !important; 
    display: inline-block !important; 
    animation: premiumDiscountBlink 1.8s infinite ease-in-out !important; 
}

/* ==========================================================================
   4. SOSYAL KANIT VE YORUMLAR (SOCIAL PROOF) - ÇARPICI GÖRÜNÜM
   ========================================================================== */
.store-section-reviews { padding-bottom: 50px; }
.div-star { font-size: 14px; }
.home-reviews-slider { width: 100%; overflow: hidden; position: relative; padding: 20px 0 50px; }
.home-reviews-track.is-marquee { display: flex; width: max-content; animation: marqueeLeft 45s linear infinite; will-change: transform; transform: translateZ(0); }
@keyframes marqueeLeft { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(-50%, 0, 0); } }

.home-reviews-track.is-grid { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; justify-content: flex-start; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; gap: 20px; padding-bottom: 20px; scrollbar-width: none; }
.home-reviews-track.is-grid::-webkit-scrollbar { display: none; }

/* Yorum Kartı - Premium Derinlik ve Gradient */
.hr-card { 
    background: linear-gradient(145deg, var(--bg-card) 0%, color-mix(in srgb, var(--bg-card) 92%, var(--brand-primary)) 100%); 
    border: 1px solid color-mix(in srgb, var(--brand-primary) 25%, var(--border-line)); 
    border-radius: 24px; 
    padding: 28px; 
    box-shadow: 0 15px 35px color-mix(in srgb, var(--brand-primary) 8%, transparent); 
    display: flex; flex-direction: column; justify-content: space-between; 
    transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1); 
    position: relative;
    overflow: hidden;
}
/* Kart Üstü Parlama Çizgisi */
.hr-card::before {
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px;
    background: linear-gradient(90deg, transparent, var(--brand-primary), transparent);
    opacity: 0.6; transition: 0.4s;
}
.is-marquee .hr-card { width: 420px; margin-right: 25px; flex-shrink: 0; }
.is-grid .hr-card { flex: 0 0 auto; width: 380px; scroll-snap-align: start; margin-bottom: 0 !important; }
.hr-card:hover { transform: translateY(-5px); box-shadow: 0 20px 45px color-mix(in srgb, var(--brand-primary) 15%, transparent); border-color: var(--brand-primary); }
.hr-card:hover::before { opacity: 1; }

.hr-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; }
.hr-user { display: flex; align-items: center; gap: 12px; }
.hr-avatar { width: 48px; height: 48px; border-radius: 50%; background: color-mix(in srgb, var(--text-main) 5%, transparent); border: 2px solid color-mix(in srgb, var(--brand-primary) 30%, transparent); display: flex; align-items: center; justify-content: center; overflow: hidden; font-weight: 800; color: var(--text-muted); font-size: 20px; }
.hr-avatar-initials { background: var(--brand-primary); color: #ffffff; } 
.hr-avatar img { width: 100%; height: 100%; object-fit: cover; }
.hr-user-info { display: flex; flex-direction: column; }
.hr-name { font-size: 15px; font-weight: 800; color: var(--text-main); text-transform: capitalize; }
.hr-date { font-size: 11.5px; font-weight: 600; color: var(--text-muted); opacity: 0.8; }
.hr-stars { color: var(--status-warning, #f59e0b); font-size: 13px; display: flex; gap: 3px; filter: drop-shadow(0 2px 4px color-mix(in srgb, var(--status-warning, #f59e0b) 30%, transparent)); }
.hr-comment { font-size: 14.5px; line-height: 1.6; color: var(--text-main); font-weight: 500; margin-bottom: 25px; font-style: italic; white-space: normal; position: relative; z-index: 2; }
.hr-comment::before { content: '"'; font-family: 'Playfair Display', serif; font-size: 30px; color: var(--brand-primary); opacity: 0.4; margin-right: 5px; vertical-align: bottom; }
.hr-comment::after { content: '"'; font-family: 'Playfair Display', serif; font-size: 30px; color: var(--brand-primary); opacity: 0.4; margin-left: 5px; vertical-align: top; }

/* İç Ürün Kutusu - Buton Hissiyatı Verildi */
.hr-product { display: flex; align-items: center; gap: 15px; padding: 14px; background: color-mix(in srgb, var(--brand-primary) 8%, var(--bg-body)); border-radius: 16px; border: 1px solid color-mix(in srgb, var(--brand-primary) 20%, transparent); text-decoration: none; transition: 0.3s; outline: none; box-shadow: inset 0 0 10px rgba(0,0,0,0.02); }
.hr-product:hover { background: color-mix(in srgb, var(--brand-primary) 15%, transparent); border-color: var(--brand-primary); box-shadow: 0 8px 20px color-mix(in srgb, var(--brand-primary) 15%, transparent); transform: translateY(-2px); }
.hr-prod-img { width: 50px; height: 65px; border-radius: 10px; object-fit: cover; border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); background: var(--bg-card); }
.hr-prod-info { display: flex; flex-direction: column; overflow: hidden; }
.hr-prod-brand { font-size: 9.5px; font-weight: 800; color: var(--brand-primary); text-transform: uppercase; margin-bottom: 4px; letter-spacing: 0.5px; }
.hr-prod-title { font-size: 13px; font-weight: 800; color: var(--text-main); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hr-view-text { font-size: 11px; font-weight: 800; color: var(--text-muted); margin-top: 5px; display: flex; align-items: center; gap: 6px; transition: color 0.3s; }
.hr-product:hover .hr-view-text { color: var(--brand-primary); }

/* ==========================================================================
   5. UYARI VE KAMPANYA SİSTEMLERİ (POPUP KESİN ÇÖZÜMÜ DAHİL)
   ========================================================================== */
.premium-toast { 
    position: fixed; bottom: 30px; right: 30px; background: var(--bg-card); 
    color: var(--text-main); padding: 15px 25px; border-radius: 12px; font-weight: 600; 
    font-size: 14px; box-shadow: 0 10px 40px color-mix(in srgb, var(--text-main) 15%, transparent); 
    border: 1px solid var(--border-line); z-index: 999999; transform: translate3d(0, 100px, 0); 
    opacity: 0; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); display: flex; 
    align-items: center; gap: 12px; pointer-events: none; 
}
.premium-toast.show { transform: translate3d(0, 0, 0); opacity: 1; }
.premium-toast i { color: var(--brand-primary); font-size: 18px; }

.premium-promo-overlay { 
    position: fixed; inset: 0; background: color-mix(in srgb, var(--bg-body) 80%, transparent); 
    backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); z-index: 999999; 
    display: flex; justify-content: center; align-items: center; padding: 20px; 
    opacity: 0; visibility: hidden; pointer-events: none; transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); 
}
.premium-promo-overlay.active { opacity: 1; visibility: visible; pointer-events: auto; }
.promo-modal-box { 
    background: var(--bg-card); width: 100%; max-width: 420px; border-radius: 24px; 
    position: relative; overflow: hidden; box-shadow: 0 30px 60px color-mix(in srgb, var(--text-main) 20%, transparent); 
    border: 1px solid var(--border-line); transform: translate3d(0, 30px, 0) scale(0.9); 
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); text-align: center; 
}
.premium-promo-overlay.active .promo-modal-box { transform: translate3d(0, 0, 0) scale(1); }

.promo-header-bg { 
    background: linear-gradient(135deg, var(--brand-primary) 0%, color-mix(in srgb, var(--brand-primary) 80%, #000) 100%); 
    padding: 40px 20px 30px; 
    position: relative; 
    z-index: 10 !important; /* Alt içerik alanının üstünde kalmasını garantiliyoruz */
}

/* Zero-Inline: Promo Modal Yazı Stilleri */
.promo-title-main { color: #ffffff; font-size: 18px; margin: 0; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; }
.promo-subtitle-main { color: rgba(255,255,255,0.8); font-size: 13px; margin: 5px 0 0 0; font-weight: 600; }
.promo-hl-text { color: var(--brand-primary); }

.promo-icon-circle { 
    width: 70px !important; 
    height: 70px !important; 
    background: var(--bg-body) !important; 
    border: 3px solid color-mix(in srgb, var(--brand-primary) 30%, var(--bg-card)) !important;
    border-radius: 50% !important; 
    display: flex !important; 
    justify-content: center !important; 
    align-items: center !important; 
    font-size: 28px !important; 
    color: var(--brand-primary) !important; 
    position: absolute !important; 
    bottom: -35px !important; 
    left: 50% !important; 
    transform: translateX(-50%) !important; 
    box-shadow: 0 10px 25px color-mix(in srgb, var(--brand-primary) 40%, transparent) !important; 
    z-index: 20 !important; /* En üst katmanda durması için */
}

.btn-close-promo { position: absolute; top: 15px; right: 15px; background: rgba(255, 255, 255, 0.2); border: none; width: 34px; height: 34px; border-radius: 50%; color: #ffffff; font-size: 16px; cursor: pointer; transition: 0.3s; outline: none; }
.btn-close-promo:hover { background: rgba(255, 255, 255, 0.4); transform: rotate(90deg); }
.promo-content { padding: 55px 30px 40px; }
.promo-content h2 { font-family: 'Playfair Display', serif; font-size: 26px; font-weight: 800; color: var(--text-main); margin: 0 0 10px 0; }
.promo-content p { color: var(--text-muted); font-size: 14px; line-height: 1.6; margin: 0 0 25px 0; font-weight: 500; }
.promo-code-wrapper { background: var(--bg-body); border: 2px dashed var(--brand-primary); border-radius: 16px; padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.promo-code-text { font-size: 22px; font-weight: 900; letter-spacing: 2px; color: var(--text-main); }

/* --- DİKKAT: POPUP KOPYALA BUTONU YÜKSEK ÖNCELİKLİ (SPECIFICITY) KESİN ÇÖZÜM --- */
#luxuryPromoModal .btn-copy-promo { 
    background-color: #0f172a !important; 
    color: #ffffff !important; 
    border: none !important; 
    border-radius: 10px !important; 
    padding: 10px 18px !important; 
    font-size: 13px !important; 
    font-weight: 800 !important; 
    text-transform: uppercase !important; 
    cursor: pointer !important; 
    transition: 0.3s !important; 
    outline: none !important; 
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}
#luxuryPromoModal .btn-copy-promo i {
    color: #ffffff !important;
}
#luxuryPromoModal .btn-copy-promo:hover { 
    background-color: var(--brand-primary) !important; 
    color: #ffffff !important; 
    transform: translate3d(0, -2px, 0) !important; 
}

.promo-footer-note { font-size: 11px; color: var(--text-muted); font-weight: 600; text-transform: uppercase; }

/* ==========================================================================
   6. CANLI SATIŞ AKIŞI (MARQUEE FOOTER) - KAPSÜL (PILL) TASARIM
   ========================================================================== */
.live-feed-wrapper { 
    /* Dikkat Çekici Şerit Arka Planı */
    background: linear-gradient(90deg, color-mix(in srgb, var(--bg-body) 95%, transparent) 0%, color-mix(in srgb, var(--brand-primary) 10%, var(--bg-body)) 50%, color-mix(in srgb, var(--bg-body) 95%, transparent) 100%);
    border-top: 1px solid color-mix(in srgb, var(--brand-primary) 30%, transparent); 
    border-bottom: 1px solid color-mix(in srgb, var(--brand-primary) 30%, transparent); 
    padding: 16px 0; overflow: hidden; position: relative; width: 100%; display: flex; 
    align-items: center; margin-top: 40px; margin-bottom: 0 !important; z-index: 10;
    box-shadow: 0 0 25px color-mix(in srgb, var(--brand-primary) 10%, transparent);
}

footer, .footer, .site-footer, #footer { margin-top: 0 !important; padding-top: 25px !important; }
.live-feed-wrapper + * { margin-top: 0 !important; padding-top: 0 !important; }

.live-feed-track { display: flex; gap: 20px; white-space: nowrap; animation: scrollLeftToRight 20s linear infinite; will-change: transform; transform: translateZ(0); padding-left: 20px;}

/* Kapsül (Pill) Şeklindeki Bildirimler */
.live-feed-item { 
    font-family: 'Plus Jakarta Sans', sans-serif; font-size: 13.5px; color: var(--text-main); font-weight: 600; 
    display: flex; align-items: center; gap: 8px; 
    background: var(--bg-card); /* Kart Arka Planı */
    padding: 8px 18px; 
    border-radius: 100px; /* Tam Yuvarlak Kapsül */
    border: 1px solid color-mix(in srgb, var(--brand-primary) 20%, transparent);
    box-shadow: 0 4px 12px color-mix(in srgb, var(--text-main) 5%, transparent);
    transition: 0.3s;
}
.live-feed-item:hover { transform: translateY(-2px); border-color: var(--brand-primary); box-shadow: 0 6px 15px color-mix(in srgb, var(--brand-primary) 20%, transparent); }

.live-feed-item strong { color: var(--text-main); font-weight: 800; }
.live-feed-item em { color: var(--brand-primary); font-style: normal; font-weight: 800; letter-spacing: -0.2px; }

/* Akış İçin Renklendirmeler */
.feed-status-success { color: var(--status-success, #10b981); }
.feed-status-error { color: var(--status-error, #ef4444); }
.feed-status-warning { color: var(--status-warning, #f59e0b); }
    
.live-pulse { width: 10px; height: 10px; border-radius: 50%; display: inline-block; flex-shrink: 0; margin-right: 2px; }
.pulse-green { background: var(--status-success, #10b981); animation: pulseGreen 1.5s infinite; }
.pulse-red { background: var(--status-error, #ef4444); animation: pulseRed 1.5s infinite; }
.pulse-orange { background: var(--status-warning, #f59e0b); animation: pulseOrange 1.5s infinite; }
    
@keyframes pulseGreen { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--status-success, #10b981) 60%, transparent); } 70% { box-shadow: 0 0 0 6px transparent; } 100% { box-shadow: 0 0 0 0 transparent; } }
@keyframes pulseRed { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--status-error, #ef4444) 60%, transparent); } 70% { box-shadow: 0 0 0 6px transparent; } 100% { box-shadow: 0 0 0 0 transparent; } }
@keyframes pulseOrange { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--status-warning, #f59e0b) 60%, transparent); } 70% { box-shadow: 0 0 0 6px transparent; } 100% { box-shadow: 0 0 0 0 transparent; } }

@keyframes scrollLeftToRight { 
    0% { transform: translate3d(-100%, 0, 0); } 
    100% { transform: translate3d(100vw, 0, 0); } 
}

/* ==========================================================================
   7. MOBİL VE TABLET UYUM (RESPONSIVE)
   ========================================================================== */
@media (max-width: 1400px) { .product-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 1050px) { .product-grid { grid-template-columns: repeat(3, 1fr); } }

@media (max-width: 992px) {
    .product-grid { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; gap: 15px; padding-bottom: 20px; scrollbar-width: none; }
    .product-grid::-webkit-scrollbar { display: none; }
    .product-grid .product-card { flex: 0 0 70%; scroll-snap-align: start; min-width: 220px; }
    
    .is-grid .hr-card { width: 85vw; min-width: 280px; }
    
    .store-story-wrapper { justify-content: flex-start; padding-left: 10px; padding-right: 10px; } /* Mobilde kaydırılabilir kalsın */
}

@media (max-width: 768px) {
    .hero-section { height: 75vh; border-radius: 0 0 30px 30px; margin-bottom: 30px; }
    .hero-content { width: 92%; padding: 45px 25px; border-radius: 24px; }
    .hero-title { font-size: 2.3rem; }
    
    /* MOBİL İÇİN TAM DENGELİ LOGO VE YAZI DÜZENİ */
    .cat-group-banner { 
        height: 160px; 
        border-radius: 16px; 
        margin-bottom: 25px; 
        align-items: flex-end; 
        padding-bottom: 15px; 
    }
    .cat-group-banner img {
        object-position: right top; 
        transform: scale(0.90); /* Mobilde ideal oran olan %90 kullanıldı */
        transform-origin: right top;
    }
    .store-section:hover .cat-group-banner img {
        transform: scale(0.95);
    }
    .cat-banner-overlay {
        background: linear-gradient(0deg, color-mix(in srgb, var(--bg-body) 95%, transparent) 0%, transparent 80%);
    }
    .cat-banner-content { 
        padding: 0 15px; 
        text-align: left; 
        max-width: 100%; 
        margin-top: auto; 
    }
    .cat-banner-title { font-size: 1.8rem; line-height: 1.1; }
    .cat-banner-subtitle { font-size: 13px; margin-top: 4px; }
    
    .product-card { border-radius: 12px; }
    .card-crown-header { padding: 8px 10px; gap: 6px; }
    .pc-info { padding: 12px 10px; gap: 5px; }
    .pc-title { font-size: 12.5px; line-height: 1.3; }
    .pc-description { display: none; } 
    .pc-price { font-size: 15px; }
    .pc-price.old { font-size: 11px !important; }
    
    .card-favorite { opacity: 1; transform: scale(1) translate3d(0,0,0); top: 8px; right: 8px; width: 30px; height: 30px; font-size: 12px; }
    
    .pc-quick-view { display: none; } 
    .store-section:last-of-type { padding-bottom: 80px; }
    .is-marquee .hr-card { width: 300px; padding: 20px; margin-right: 15px; }
    .live-feed-track { animation-duration: 10s; } 
    
    .mod-story-viewer-content { max-width: 100%; height: 100vh; max-height: 100vh; border-radius: 0; }
}
/* ==========================================================================
   BİTİŞ: ANA SAYFA DİNAMİK VİTRİN VE HERO MODÜLÜ (home.css)
   ========================================================================== */


/* ==========================================================================
   BAŞLANGIÇ: ANA SAYFA YÖNETİMİ CSS MODÜLÜ (home-settings.php)
   SÜRÜM: v15.3 - MASTER CORE (Focus, Variable Mapping & Buton Fix)
   ========================================================================== */

/* 1. ANA KAPSAYICI VE DEĞİŞKEN KÖPRÜSÜ */
.hs-iframe-container { 
    /* Global değişkenleri 'hs-' ön ekli modül değişkenlerine bağlıyoruz */
    --hs-primary-brand: var(--admin-primary, #f97316);
    --hs-primary-brand-alpha: rgba(249, 115, 22, 0.15); /* Turuncu parlama rengi */
    --hs-admin-border: var(--admin-border, rgba(15, 23, 42, 0.1));
    --hs-admin-bg-panel: var(--admin-panel, #ffffff);
    --hs-admin-bg-inner: rgba(15, 23, 42, 0.02); /* Kutuların iç rengi */
    --hs-text-main: var(--admin-text, #0f172a);
    --hs-text-muted: var(--admin-muted, #475569);
    --hs-admin-bg-body: transparent;

    width: 100%; 
    display: flex; 
    flex-direction: column; 
    gap: 20px; 
    animation: hsSmoothFadeIn 0.4s ease forwards; 
    padding-bottom: 30px; 
    font-family: 'Plus Jakarta Sans', sans-serif; 
    color: var(--hs-text-main); 
    background: var(--hs-admin-bg-body); 
}

/* Karanlık mod için ufak renk düzenlemeleri */
[data-theme="dark"] .hs-iframe-container,
body[data-theme="dark"] .hs-iframe-container {
    --hs-primary-brand-alpha: rgba(249, 115, 22, 0.3);
    --hs-admin-bg-inner: rgba(255, 255, 255, 0.04);
}

.hs-iframe-container * { box-sizing: border-box; }

.hs-is-full-page { 
    max-width: 1000px; 
    margin: 40px auto; 
    padding: 0 4%; 
    background: transparent; 
}

@keyframes hsSmoothFadeIn { 
    from { opacity: 0; transform: translateY(10px); } 
    to { opacity: 1; transform: translateY(0); } 
}

/* 2. BAŞLIK VE İÇERİK KUTULARI */
.hs-header-box { 
    display: flex; align-items: center; background: var(--hs-admin-bg-panel); 
    border: 1px solid var(--hs-admin-border); border-radius: 16px; 
    padding: 25px 30px; box-shadow: 0 4px 15px rgba(0,0,0,0.01); 
}
.hs-header-box h1 { margin: 0; font-size: 20px; font-weight: 800; display: flex; align-items: center; gap: 12px; color: var(--hs-text-main); }
.hs-header-box h1 i { color: var(--hs-primary-brand); }

.hs-settings-body { 
    background: var(--hs-admin-bg-panel); border-radius: 16px; 
    border: 1px solid var(--hs-admin-border); overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.01); 
}
.hs-tab-content { padding: 35px 30px; }
.hs-section-title { 
    font-size: 16px; font-weight: 800; color: var(--hs-text-main); margin: 0 0 20px 0; 
    padding-bottom: 12px; border-bottom: 1px solid var(--hs-admin-border); display: flex; align-items: center; gap: 8px; 
}
.hs-section-title i { color: var(--hs-primary-brand); }

/* 3. FORM ELEMANLARI VE ODAKLANMA EFEKTLERİ */
.hs-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.hs-form-group { margin-bottom: 22px; }
.hs-form-group label { display: block; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; color: var(--hs-text-muted); margin-bottom: 8px; cursor: pointer; }

.hs-input-wrapper { position: relative; display: flex; align-items: center; width: 100%; }
.hs-input-wrapper i.hs-field-icon { position: absolute; left: 16px; color: var(--hs-text-muted); font-size: 15px; pointer-events: none; }

.hs-input-wrapper input[type="text"], 
.hs-input-wrapper input[type="url"],
.hs-input-wrapper input[type="email"],
.hs-input-wrapper input[type="password"],
.hs-input-wrapper input[type="number"], 
.hs-input-wrapper select { 
    width: 100%; padding: 14px 15px 14px 45px; border: 1px solid var(--hs-admin-border); 
    border-radius: 12px; background: var(--hs-admin-bg-inner); color: var(--hs-text-main); 
    font-size: 14px; outline: none; transition: 0.3s; font-weight: 600; 
}

/* YAZMA KUTUSUNA TIKLANDIĞINDA PARLAMA EFEKTİ */
.hs-input-wrapper input[type="text"]:focus, 
.hs-input-wrapper input[type="url"]:focus,
.hs-input-wrapper input[type="email"]:focus,
.hs-input-wrapper input[type="password"]:focus,
.hs-input-wrapper input[type="number"]:focus, 
.hs-input-wrapper select:focus { 
    border-color: var(--hs-primary-brand) !important; 
    background: var(--hs-admin-bg-panel) !important; 
    box-shadow: 0 0 0 4px var(--hs-primary-brand-alpha) !important; 
    outline: none !important;
}

.hs-textarea-box { 
    width: 100%; padding: 15px; border-radius: 12px; border: 1px solid var(--hs-admin-border); 
    background: var(--hs-admin-bg-inner); color: var(--hs-text-main); font-size: 13px; 
    font-family: inherit; resize: vertical; outline: none; transition: 0.3s; font-weight: 600;
}
.hs-textarea-box:focus { 
    border-color: var(--hs-primary-brand) !important; 
    background: var(--hs-admin-bg-panel) !important; 
    box-shadow: 0 0 0 4px var(--hs-primary-brand-alpha) !important; 
}

/* 4. DOSYA YÜKLEME ALANI */
.hs-file-upload-box { 
    border: 2px dashed var(--hs-primary-brand); border-radius: 12px; padding: 20px; text-align: center; 
    background: var(--hs-primary-brand-alpha); cursor: pointer; transition: 0.3s; position: relative; overflow: hidden; outline: none; 
}
.hs-file-upload-box:hover { background: rgba(59, 130, 246, 0.2); }
.hs-file-upload-box input[type="file"] { position: absolute; inset: 0; opacity: 0; cursor: pointer; z-index: 2; width: 100%; height: 100%; }
.hs-file-upload-box i { font-size: 30px; color: var(--hs-primary-brand); margin-bottom: 10px; }
.hs-file-upload-box span { display: block; font-size: 13px; font-weight: 700; color: var(--hs-text-main); }
.hs-current-file-info { font-size: 12px; color: var(--hs-text-muted); margin-top: 8px; font-weight: 600; word-break: break-all; }

/* 5. TOGGLE (ANAHTAR) BİLEŞENLERİ */
.hs-switch-wrapper { 
    display: flex; align-items: center; justify-content: center; gap: 15px; margin-bottom: 30px; 
    padding: 20px; background: var(--hs-admin-bg-inner); border-radius: 16px; border: 1px solid var(--hs-admin-border); 
}
.hs-switch-label { font-size: 15px; font-weight: 800; color: var(--hs-text-muted); transition: 0.3s; cursor: pointer; outline: none; }
.hs-switch-label.active { color: var(--hs-primary-brand); }
.hs-toggle-switch { position: relative; width: 60px; height: 32px; }
.hs-toggle-switch input { opacity: 0; width: 0; height: 0; }
.hs-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--hs-text-muted); transition: .4s; border-radius: 34px; }
.hs-slider:before { position: absolute; content: ""; height: 24px; width: 24px; left: 4px; bottom: 4px; background-color: white; transition: .4s; border-radius: 50%; box-shadow: 0 2px 5px rgba(0,0,0,0.2); }
.hs-toggle-switch input:checked + .hs-slider { background-color: var(--hs-primary-brand); }
.hs-toggle-switch input:checked + .hs-slider:before { transform: translateX(28px); }

.hs-form-toggle-wrapper { display: flex; align-items: center; gap: 10px; cursor: pointer; user-select: none; }
.hs-form-toggle-wrapper .hs-toggle-switch { width: 46px; height: 24px; flex-shrink: 0; }
.hs-form-toggle-wrapper .hs-slider:before { height: 18px; width: 18px; left: 3px; bottom: 3px; }
.hs-form-toggle-wrapper input:checked + .hs-slider:before { transform: translateX(22px); }
.hs-toggle-text { font-weight: 700; font-size: 14px; color: var(--hs-text-main); }

/* 6. KAYDET BUTONU VE BİLDİRİMLER */
.hs-btn-save { 
    background: var(--hs-primary-brand); color: #ffffff !important; padding: 16px 25px; 
    border-radius: 12px; font-weight: 800; font-size: 15px; cursor: pointer; transition: 0.3s; 
    width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; border: none; outline: none; box-shadow: 0 4px 15px var(--hs-primary-brand-alpha); 
}
.hs-btn-save:hover { opacity: 0.9; transform: translateY(-2px); box-shadow: 0 8px 25px var(--hs-primary-brand-alpha); }
.hs-iframe-flash { font-size: 13.5px; padding: 15px 20px; border-radius: 12px; margin-bottom: 20px; display: flex; align-items: center; gap: 12px; font-weight: 600; }
.hs-iframe-flash.success { background: rgba(16, 185, 129, 0.1); color: #059669; border: 1px solid rgba(16, 185, 129, 0.2); }
.hs-iframe-flash.error { background: rgba(239, 68, 68, 0.1); color: #dc2626; border: 1px solid rgba(239, 68, 68, 0.2); }

/* 7. SİLME BUTONLARI (Afişi Sil, Videoyu Sil vb.) */
.hs-delete-btn {
    background: rgba(239, 68, 68, 0.1);
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, 0.2);
    padding: 8px 14px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.3s ease;
    outline: none;
    font-family: inherit;
    white-space: nowrap;
}
.hs-delete-btn:hover {
    background: #ef4444;
    color: #ffffff;
    border-color: #ef4444;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.25);
}
/* Karanlık Mod Silme Butonu Uyumluluğu */
[data-theme="dark"] .hs-delete-btn {
    background: rgba(239, 68, 68, 0.15);
    color: #f87171;
    border-color: rgba(239, 68, 68, 0.3);
}
[data-theme="dark"] .hs-delete-btn:hover {
    background: #ef4444;
    color: #ffffff;
}

/* 8. MOBİL VE TABLET UYUM (RESPONSIVE) */
@media (max-width: 992px) {
    .hs-is-full-page { padding: 0 15px; margin: 20px auto; }
    .hs-header-box { padding: 20px; border-radius: 14px; }
    .hs-tab-content { padding: 25px 20px; }
    .hs-form-row { grid-template-columns: 1fr; gap: 0; }
    .hs-switch-wrapper { flex-direction: column; gap: 10px; }
}

/* ==========================================================================
   BİTİŞ: ANA SAYFA YÖNETİMİ CSS MODÜLÜ (home-settings.php)
   ========================================================================== */
/* ==========================================================================
   BAŞLANGIÇ: 404 SAYFA BULUNAMADI MODÜLÜ (404.php)
   SÜRÜM: v15.0 - ZERO-DEPENDENCY CORE (Global Tema Entegreli)
   ========================================================================== */

.mod-404-wrapper {
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    justify-content: center;
    text-align: center; 
    background: transparent; 
    position: relative;
    animation: mod404SmoothFadeIn 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    font-family: 'Plus Jakarta Sans', sans-serif; 
    box-sizing: border-box;
    padding: 80px 20px;
}

@keyframes mod404SmoothFadeIn { 
    from { opacity: 0; transform: translateY(20px); } 
    to { opacity: 1; transform: translateY(0); } 
}

.mod-404-ghost-icon {
    font-size: 70px; 
    color: var(--brand-primary); 
    margin-bottom: 20px;
    filter: drop-shadow(0 10px 25px color-mix(in srgb, var(--brand-primary) 25%, transparent));
    animation: mod404FloatIcon 3s ease-in-out infinite; 
    position: relative; 
    z-index: 2;
}

@keyframes mod404FloatIcon {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-15px); }
}

.mod-404-code {
    font-family: 'Playfair Display', serif; 
    font-size: clamp(80px, 15vw, 130px); 
    font-weight: 800;
    color: var(--text-main); 
    line-height: 1; 
    margin: 0 0 10px 0;
    letter-spacing: -4px; 
    transition: color 0.3s ease;
}

.mod-404-code span { 
    color: var(--brand-primary); 
    font-style: italic; 
}

.mod-404-title {
    font-size: clamp(20px, 4vw, 24px); 
    font-weight: 800; 
    color: var(--text-main);
    margin: 0 0 15px 0; 
    transition: color 0.3s ease;
}

.mod-404-desc {
    font-size: 15px; 
    color: var(--text-muted); 
    font-weight: 500;
    max-width: 500px; 
    line-height: 1.6; 
    margin: 0 0 35px 0; 
    transition: color 0.3s ease;
}

.mod-404-actions { 
    display: flex; 
    gap: 15px; 
    flex-wrap: wrap; 
    justify-content: center; 
}

.mod-404-btn-primary, 
.mod-404-btn-secondary {
    padding: 16px 35px; 
    border-radius: 14px; 
    font-weight: 800; 
    font-size: 14px;
    text-decoration: none; 
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); 
    display: flex; 
    align-items: center;
    gap: 8px; 
    cursor: pointer; 
    text-transform: uppercase; 
    letter-spacing: 0.5px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    outline: none;
}

.mod-404-btn-primary {
    background: var(--brand-primary); 
    color: #ffffff !important;
    border: none; 
    box-shadow: 0 10px 20px color-mix(in srgb, var(--brand-primary) 20%, transparent);
}

.mod-404-btn-primary:hover {
    background: var(--text-main); 
    color: var(--bg-body) !important;
    transform: translateY(-3px);
    box-shadow: 0 15px 25px color-mix(in srgb, var(--text-main) 20%, transparent);
}

.mod-404-btn-secondary {
    background: var(--bg-card); 
    color: var(--text-main) !important;
    border: 1.5px solid var(--border-line);
}

.mod-404-btn-secondary:hover {
    border-color: var(--brand-primary); 
    color: var(--brand-primary) !important;
    transform: translateY(-3px);
}

/* Erişilebilirlik (A11y) */
.mod-404-btn-primary:focus-visible,
.mod-404-btn-secondary:focus-visible {
    outline: 3px solid var(--brand-primary);
    outline-offset: 3px;
}

/* MOBİL UYUM */
@media (max-width: 576px) {
    .mod-404-actions { 
        flex-direction: column; 
        width: 100%; 
        max-width: 300px; 
        margin: 0 auto;
    }
    .mod-404-btn-primary, 
    .mod-404-btn-secondary { 
        justify-content: center; 
        width: 100%; 
    }
}
/* ==========================================================================
   BİTİŞ: 404 SAYFA BULUNAMADI MODÜLÜ (404.php)
   ========================================================================== */
/* ==========================================================================
   BAŞLANGIÇ: FOOTER MODÜLÜ (mod-footer)
   SÜRÜM: v19.4 - ZERO-DEPENDENCY CORE & GLOBAL TEMA ENTEGRELİ (YAPAY ZEKA & ÇARK DESTEKLİ)
   İÇERİK: Footer, Wheel/WA/IG/AI Widgets, Visitor Stats, Cookie Box, Wheel Modal
   ========================================================================== */

.mod-footer-wrapper * { box-sizing: border-box; }

.mod-footer-wrapper i.fa-solid, 
.mod-footer-wrapper i.fas { font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important; display: inline-block; }
.mod-footer-wrapper i.fa-regular, 
.mod-footer-wrapper i.far { font-family: "Font Awesome 6 Free" !important; font-weight: 400 !important; display: inline-block; }
.mod-footer-wrapper i.fa-brands, 
.mod-footer-wrapper i.fab { font-family: "Font Awesome 6 Brands" !important; font-weight: 400 !important; display: inline-block; }

.mod-footer-wrapper { 
    background: var(--bg-panel); 
    border-top: 1px solid var(--border-line); 
    padding: 70px 5% 30px; 
    margin-top: 60px; 
    position: relative; 
    z-index: 10; 
    transition: background 0.4s ease, border-color 0.4s ease; 
    font-family: 'Plus Jakarta Sans', sans-serif; 
}

.mod-footer-container { 
    max-width: 1440px; 
    margin: 0 auto; 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); 
    gap: 50px; 
    margin-bottom: 60px; 
}

/* Erişilebilirlik (A11y) Odak Durumları */
.mod-footer-logo-system:focus-visible, 
.mod-footer-social-icon:focus-visible, 
.mod-footer-app-btn:focus-visible, 
.mod-footer-nav ul li a:focus-visible,
.mod-footer-cookie-content a:focus-visible,
.mod-footer-btn-cookie-accept:focus-visible,
.mod-footer-btn-cookie-reject:focus-visible,
.mod-footer-wa-toggle-btn:focus-visible,
.mod-footer-ig-toggle-btn:focus-visible,
.mod-footer-wheel-toggle-btn:focus-visible,
.mod-footer-ai-toggle-btn:focus-visible,
.mod-footer-wa-close:focus-visible,
.mod-footer-ai-close:focus-visible,
.mod-footer-wa-send-btn:focus-visible,
.mod-footer-ai-send-btn:focus-visible,
.mod-wheel-close-btn:focus-visible,
.mod-wheel-center-btn:focus-visible { 
    outline: 3px solid var(--brand-primary, #ff6b00); 
    outline-offset: 3px; 
}

/* Footer Logo Genel Taşıyıcı */
.mod-footer-brand .mod-footer-logo-system { 
    display: inline-flex; 
    flex-direction: column; 
    align-items: flex-start; 
    justify-content: center; 
    text-decoration: none; 
    color: var(--text-main); 
    transition: opacity 0.3s ease;
    margin-bottom: 20px; 
}
.mod-footer-brand .mod-footer-logo-system:hover, 
.mod-footer-brand .mod-footer-logo-system:focus-visible { opacity: 0.8; }

/* Logo Ana Metni */
.mod-footer-brand .mod-footer-logo-text { 
    font-family: 'Playfair Display', serif; 
    font-size: 28px;
    font-weight: 800; 
    letter-spacing: -0.5px; 
    line-height: 1.1; 
    display: flex; 
    align-items: center; 
    justify-content: flex-start; 
}

/* Vurgulu İkinci Kelime */
.mod-footer-brand .mod-footer-logo-text .mod-footer-brand-highlight { 
    color: #e35d00; 
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
    margin-left: 6px; 
}

.mod-footer-brand p { 
    color: var(--text-muted); 
    font-size: 14.5px; 
    line-height: 1.7; 
    margin-bottom: 25px; 
    font-weight: 500; 
    transition: 0.3s; 
}
.mod-footer-brand p:hover { color: var(--text-main); }

/* Sosyal Medya İkonları */
.mod-footer-social-links { display: flex; gap: 12px; margin-bottom: 30px; }
.mod-footer-social-icon { 
    width: 42px; height: 42px; 
    border-radius: 50%; 
    background: var(--bg-body); 
    border: 1px solid var(--border-line); 
    color: var(--text-main); 
    display: flex; justify-content: center; align-items: center; 
    font-size: 18px; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); 
    text-decoration: none; overflow: hidden; position: relative; z-index: 1; 
}
.mod-footer-social-icon::before { content: ''; position: absolute; inset: 0; z-index: -1; opacity: 0; transition: opacity 0.4s ease; }
.mod-footer-social-icon:hover { color: #fff; border-color: transparent; transform: translateY(-5px); }
.mod-footer-social-icon:hover::before { opacity: 1; }

.mod-footer-instagram:hover { box-shadow: 0 8px 20px rgba(225, 48, 108, 0.3); }
.mod-footer-instagram::before { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); }
.mod-footer-twitter:hover { box-shadow: 0 8px 20px color-mix(in srgb, var(--text-main) 20%, transparent); color: var(--bg-body); }
.mod-footer-twitter::before { background: var(--text-main); }
.mod-footer-tiktok:hover { box-shadow: 0 8px 20px color-mix(in srgb, var(--text-main) 20%, transparent); color: var(--bg-body); }
.mod-footer-tiktok::before { background: var(--text-main); }
.mod-footer-youtube:hover { box-shadow: 0 8px 20px rgba(255, 0, 0, 0.3); }
.mod-footer-youtube::before { background: #FF0000; }

/* Mobil Uygulama Butonları */
.mod-footer-app-downloads { display: flex; gap: 8px; flex-wrap: nowrap; margin-top: 10px; width: 100%; }
.mod-footer-app-btn { 
    flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 8px; 
    background: var(--text-main); color: var(--bg-panel); 
    padding: 10px 8px; border-radius: 12px; text-decoration: none; 
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease; 
    border: 1px solid transparent; overflow: hidden; 
}
.mod-footer-app-btn i { font-size: 24px; flex-shrink: 0; }
.mod-footer-app-text { display: flex; flex-direction: column; text-align: left; overflow: hidden; white-space: nowrap; }
.mod-footer-app-text span:first-child { font-size: 9px; opacity: 0.8; letter-spacing: 0.5px; font-weight: 500; text-transform: uppercase; margin-bottom: 2px; }
.mod-footer-app-text span:last-child { font-size: 13px; font-weight: 800; font-family: 'Plus Jakarta Sans', sans-serif; letter-spacing: -0.3px; line-height: 1; }
.mod-footer-app-btn:hover { 
    transform: translateY(-4px); 
    box-shadow: 0 12px 25px color-mix(in srgb, var(--text-main) 20%, transparent); 
}

/* Link Menüleri */
.mod-footer-nav h3 { 
    color: var(--text-main); font-size: 16px; margin-bottom: 25px; 
    font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; 
    position: relative; display: inline-block; margin-top: 0; 
}
.mod-footer-nav h3::after { 
    content: ''; position: absolute; left: 0; bottom: -8px; width: 30px; height: 2px; 
    background: var(--brand-primary, #ff6b00); border-radius: 2px; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); 
}
.mod-footer-nav:hover h3::after { width: 100%; background: var(--text-main); }

.mod-footer-nav ul { list-style: none; padding: 0; margin: 0; }
.mod-footer-nav ul li { margin-bottom: 15px; }
.mod-footer-nav ul li a { 
    color: var(--text-muted); font-size: 14.5px; transition: all 0.3s ease; 
    text-decoration: none; font-weight: 500; display: inline-flex; align-items: center; gap: 8px; position: relative; 
}
.mod-footer-nav ul li a::before { 
    content: '\f105'; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 12px; 
    color: var(--brand-primary, #ff6b00); opacity: 0; transform: translateX(-10px); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); 
}
.mod-footer-nav ul li a:hover { color: var(--text-main); transform: translateX(5px); }
.mod-footer-nav ul li a:hover::before { opacity: 1; transform: translateX(0); }

/* Güvenlik ve Ödeme Rozetleri */
.mod-footer-trust-wrapper { 
    max-width: 1440px; margin: 0 auto 30px; padding: 35px 0; 
    border-top: 1px solid var(--border-line); border-bottom: 1px solid var(--border-line); 
    display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px; transition: 0.4s; 
}
.mod-footer-security-badges { display: flex; gap: 25px; flex-wrap: wrap; }
.mod-footer-s-badge { display: flex; align-items: center; gap: 10px; color: var(--text-main); font-size: 13.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; transition: 0.3s; cursor: default; }
.mod-footer-s-badge:hover { color: var(--brand-primary, #ff6b00); transform: translateY(-2px); }
.mod-footer-s-badge i { font-size: 24px; color: #10b981; filter: drop-shadow(0 2px 4px rgba(16,185,129,0.2)); }
.mod-footer-s-badge .fa-cloudflare { color: #f38020; filter: drop-shadow(0 2px 4px rgba(243,128,32,0.2)); }

.mod-footer-payment-badges { display: flex; gap: 15px; flex-wrap: wrap; align-items: center; font-size: 34px; color: var(--text-muted); }
.mod-footer-payment-badges i { transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); cursor: default; opacity: 0.8; }
.mod-footer-payment-badges i:hover { color: var(--text-main); transform: scale(1.15) translateY(-3px); opacity: 1; }

.mod-footer-local-card-badge { 
    display: inline-flex; align-items: center; justify-content: center; 
    height: 34px; padding: 0 12px; border: 1px solid var(--border-line); border-radius: 8px; 
    background: var(--bg-body); font-family: 'Plus Jakarta Sans', sans-serif; 
    transition: all 0.3s; cursor: default; color: var(--text-main); opacity: 0.8; 
}
.mod-footer-local-card-badge:hover { border-color: var(--text-main); transform: scale(1.1) translateY(-3px); opacity: 1; box-shadow: 0 5px 15px color-mix(in srgb, var(--text-main) 10%, transparent); }

/* Alt Bilgi & Telif Hakkı */
.mod-footer-bottom { max-width: 1440px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; }
.mod-footer-copyright { color: var(--text-muted); font-size: 13.5px; font-weight: 600; transition: 0.3s; }
.mod-footer-copyright:hover { color: var(--text-main); }
.mod-footer-global-delivery { font-size: 13.5px; color: var(--text-muted); font-weight: 600; display: flex; align-items: center; gap: 8px; transition: 0.3s; cursor: default; }
.mod-footer-global-delivery i { color: var(--brand-primary, #ff6b00); font-size: 16px; }
.mod-footer-global-delivery:hover { color: var(--text-main); transform: translateX(2px); }

/* ==========================================================================
   FOOTER ZİYARETÇİ İSTATİSTİKLERİ (VISITOR TRACKING)
   ========================================================================== */
.footer-visitor-stats { display: flex; align-items: center; justify-content: flex-start; gap: 12px; margin-top: 10px; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 13px; color: var(--text-muted); }
.visitor-stat-item { display: flex; align-items: center; gap: 6px; background: var(--bg-body); padding: 6px 12px; border-radius: 20px; border: 1px solid var(--border-line); transition: all 0.3s ease; }
.visitor-stat-item:hover { border-color: var(--brand-primary, #ff6b00); color: var(--text-main); box-shadow: 0 4px 10px color-mix(in srgb, var(--brand-primary, #ff6b00) 10%, transparent); }
.stat-separator { width: 4px; height: 4px; background: currentColor; border-radius: 50%; opacity: 0.3; }
.stat-icon { font-size: 12px; color: var(--brand-primary, #ff6b00); }
.stat-value { color: var(--text-main); font-weight: 700; }
.live-pulse-dot { width: 8px; height: 8px; background: #10b981; border-radius: 50%; display: inline-block; animation: livePulseAnim 2s infinite; }

@keyframes livePulseAnim {
    0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
    70% { box-shadow: 0 0 0 6px rgba(16, 185, 129, 0); }
    100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

/* Cookie Box (Çerez Uyarı Penceresi) */
.mod-footer-cookie-box { 
    position: fixed; bottom: 25px; left: 25px; max-width: 380px; 
    background: var(--bg-panel); border: 1px solid var(--border-line); 
    border-radius: 16px; padding: 20px; 
    box-shadow: 0 15px 40px color-mix(in srgb, var(--text-main) 10%, transparent); 
    z-index: 99999; transform: translateY(150%); opacity: 0; 
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); 
    font-family: 'Plus Jakarta Sans', sans-serif; 
}
.mod-footer-cookie-box.show { transform: translateY(0); opacity: 1; }
.mod-footer-cookie-content h4 { margin: 0 0 10px 0; font-size: 15px; font-weight: 800; color: var(--text-main); display: flex; align-items: center; gap: 8px; }
.mod-footer-cookie-content h4 i { color: var(--brand-primary, #ff6b00); }
.mod-footer-cookie-content p { margin: 0 0 15px 0; font-size: 12px; color: var(--text-muted); line-height: 1.5; font-weight: 500; }
.mod-footer-cookie-content a { color: var(--brand-primary, #ff6b00); text-decoration: none; font-weight: 700; transition: opacity 0.2s; outline: none; }
.mod-footer-cookie-content a:hover { opacity: 0.8; text-decoration: underline; }
.mod-footer-cookie-actions { display: flex; gap: 10px; }
.mod-footer-btn-cookie-accept { flex: 1; display: flex; justify-content: center; align-items: center; background: var(--text-main); color: var(--bg-body); border: none; padding: 10px; border-radius: 10px; font-size: 12px; font-weight: 800; cursor: pointer; transition: 0.3s; }
.mod-footer-btn-cookie-accept:hover { background: var(--brand-primary, #ff6b00); color: #fff; }
.mod-footer-btn-cookie-reject { flex: 1; display: flex; justify-content: center; align-items: center; background: transparent; color: var(--text-muted); border: 1px solid var(--border-line); padding: 10px; border-radius: 10px; font-size: 12px; font-weight: 800; cursor: pointer; transition: 0.3s; }
.mod-footer-btn-cookie-reject:hover { background: var(--border-line); color: var(--text-main); }

/* ==========================================================================
   YÜZEN WIDGETLAR (WHEEL, WHATSAPP, INSTAGRAM, YAPAY ZEKA)
   ========================================================================== */

/* Sağ Alt Köşe: WhatsApp & Instagram Konteyneri */
.mod-footer-wa-widget-container { position: fixed; bottom: 110px; right: 40px; z-index: 99998; font-family: 'Plus Jakarta Sans', sans-serif; }

/* Sol Alt Köşe: Sürpriz Çark Konteyneri */
.mod-footer-wheel-widget-container { position: fixed; bottom: 110px; left: 40px; z-index: 99998; font-family: 'Plus Jakarta Sans', sans-serif; }

/* Sol Alt Köşe (Çarkın Üstü): Yapay Zeka Danışmanı Konteyneri */
.mod-footer-ai-widget-container { position: fixed; bottom: 190px; left: 40px; z-index: 99998; font-family: 'Plus Jakarta Sans', sans-serif; }

/* YAPAY ZEKA (AI) WIDGET TASARIMI */
.mod-footer-ai-toggle-btn {
    width: 65px; height: 65px; 
    border-radius: 50%; 
    background: linear-gradient(135deg, #8b5cf6 0%, #d946ef 100%); 
    color: #fff; border: none; font-size: 28px; 
    display: flex; justify-content: center; align-items: center; 
    cursor: pointer; box-shadow: 0 10px 30px rgba(139, 92, 246, 0.4); 
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); 
    position: relative; animation: modFooterAiPulse 2s infinite; z-index: 6; 
}
.mod-footer-ai-toggle-btn:hover { 
    transform: scale(1.1) rotate(15deg); 
    animation: none; 
    box-shadow: 0 15px 40px rgba(217, 70, 239, 0.5); 
}
@keyframes modFooterAiPulse {
    0% { box-shadow: 0 0 0 0 rgba(139, 92, 246, 0.6); }
    70% { box-shadow: 0 0 0 20px rgba(139, 92, 246, 0); }
    100% { box-shadow: 0 0 0 0 rgba(139, 92, 246, 0); }
}

/* AI Sohbet Penceresi */
.mod-footer-ai-chat-window { 
    position: absolute; bottom: 85px; left: 0; width: 360px; 
    background: var(--bg-panel); border-radius: 20px; box-shadow: 0 20px 50px color-mix(in srgb, var(--text-main) 15%, transparent); 
    border: 1px solid var(--border-line); overflow: hidden; opacity: 0; visibility: hidden; 
    transform: translateY(20px) scale(0.95); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); transform-origin: bottom left; z-index: 10; 
}
.mod-footer-ai-chat-window.active { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }

.mod-footer-ai-header { background: linear-gradient(135deg, #7c3aed 0%, #db2777 100%); color: #fff; padding: 20px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 2px 10px rgba(0,0,0,0.1); position: relative; z-index: 2; }
.mod-footer-ai-header-left { display: flex; align-items: center; gap: 15px; }
.mod-footer-ai-avatar { width: 45px; height: 45px; background: rgba(255,255,255,0.2); border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 20px; border: 2px solid rgba(255,255,255,0.3); }
.mod-footer-ai-info { display: flex; flex-direction: column; }
.mod-footer-ai-info strong { font-size: 15px; font-weight: 800; margin-bottom: 2px; letter-spacing: 0.5px; }
.mod-footer-ai-info span { font-size: 11.5px; opacity: 0.9; font-weight: 500; display: flex; align-items: center; gap: 5px; }
.mod-footer-ai-close { background: rgba(255,255,255,0.1); border: none; color: #fff; width: 32px; height: 32px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 18px; cursor: pointer; transition: 0.3s; }
.mod-footer-ai-close:hover { background: rgba(255,255,255,0.2); transform: rotate(90deg); }

.mod-footer-ai-body { 
    height: 320px; background-color: #fdf2f8; padding: 25px 20px; display: flex; flex-direction: column; 
    gap: 15px; overflow-y: auto; position: relative; z-index: 1; 
}
.mod-footer-ai-bubble { 
    padding: 14px 18px; font-size: 13.5px; line-height: 1.6; position: relative; max-width: 85%; 
    box-shadow: 0 2px 8px rgba(0,0,0,0.06); font-weight: 500; word-wrap: break-word;
}
.mod-footer-ai-system {
    background: #ffffff; color: #111; border-radius: 0 16px 16px 16px; align-self: flex-start;
}
.mod-footer-ai-system::before { content: ''; position: absolute; top: 0; left: -10px; border-width: 10px 12px 0 0; border-style: solid; border-color: #ffffff transparent transparent transparent; }
.mod-footer-ai-user {
    background: #8b5cf6; color: #ffffff; border-radius: 16px 0 16px 16px; align-self: flex-end;
}
.mod-footer-ai-user::before { content: ''; position: absolute; top: 0; right: -10px; border-width: 10px 0 0 12px; border-style: solid; border-color: #8b5cf6 transparent transparent transparent; }

/* AI Yazıyor Animasyonu */
.mod-footer-ai-typing { display: flex; gap: 4px; padding: 10px 14px; align-items: center; width: fit-content; background: #ffffff; border-radius: 0 16px 16px 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); margin-top: 5px; }
.mod-footer-ai-typing span { width: 6px; height: 6px; background: #8b5cf6; border-radius: 50%; animation: modAiTyping 1.4s infinite ease-in-out both; }
.mod-footer-ai-typing span:nth-child(1) { animation-delay: -0.32s; }
.mod-footer-ai-typing span:nth-child(2) { animation-delay: -0.16s; }
@keyframes modAiTyping { 0%, 80%, 100% { transform: scale(0); opacity: 0.5; } 40% { transform: scale(1); opacity: 1; } }

.mod-footer-ai-footer { padding: 15px 20px; background: var(--bg-panel); display: flex; gap: 12px; align-items: center; border-top: 1px solid var(--border-line); position: relative; z-index: 2; }
.mod-footer-ai-input { flex: 1; border: 1px solid var(--border-line); background: var(--bg-body); padding: 14px 18px; border-radius: 25px; font-size: 13.5px; color: var(--text-main); outline: none; font-family: 'Plus Jakarta Sans', sans-serif; transition: 0.3s; font-weight: 500; }
.mod-footer-ai-input:focus, .mod-footer-ai-input:focus-visible { border-color: #8b5cf6; background: var(--bg-panel); box-shadow: 0 0 0 4px rgba(139,92,246,0.1); outline: none; }
.mod-footer-ai-send-btn { width: 45px; height: 45px; border-radius: 50%; background: #db2777; color: #fff; border: none; display: flex; justify-content: center; align-items: center; font-size: 18px; cursor: pointer; transition: 0.3s; flex-shrink: 0; box-shadow: 0 4px 10px rgba(219,39,119,0.3); padding-right: 2px; }
.mod-footer-ai-send-btn:hover { background: #8b5cf6; transform: translateX(4px) scale(1.05); box-shadow: 0 6px 15px rgba(139,92,246,0.4); }

/* Sürpriz Çark Yüzen Butonu */
.mod-footer-wheel-toggle-btn {
    width: 65px; height: 65px; 
    border-radius: 50%; 
    background: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%); 
    color: #fff; border: none; font-size: 32px; 
    display: flex; justify-content: center; align-items: center; 
    cursor: pointer; box-shadow: 0 10px 30px rgba(245, 158, 11, 0.4); 
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); 
    position: relative; animation: modFooterWheelPulse 2s infinite; z-index: 6; 
}
.mod-footer-wheel-toggle-btn:hover { 
    transform: scale(1.1) rotate(180deg); 
    animation: none; 
    box-shadow: 0 15px 40px rgba(239, 68, 68, 0.5); 
}
@keyframes modFooterWheelPulse {
    0% { box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.6); }
    70% { box-shadow: 0 0 0 20px rgba(245, 158, 11, 0); }
    100% { box-shadow: 0 0 0 0 rgba(245, 158, 11, 0); }
}

/* Instagram Yüzen Butonu */
.mod-footer-ig-toggle-btn { 
    position: absolute; bottom: 80px; right: 0; width: 65px; height: 65px; 
    border-radius: 50%; background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
    color: #fff !important; font-size: 36px; display: flex; justify-content: center; align-items: center; 
    text-decoration: none; box-shadow: 0 10px 30px rgba(225, 48, 108, 0.4); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); z-index: 5; 
}
.mod-footer-ig-toggle-btn:hover { transform: scale(1.1) rotate(5deg); box-shadow: 0 15px 40px rgba(225, 48, 108, 0.5); }

/* WhatsApp Yüzen Butonu */
.mod-footer-wa-toggle-btn { 
    width: 65px; height: 65px; border-radius: 50%; background-color: #25D366; 
    color: #fff; border: none; font-size: 36px; display: flex; justify-content: center; align-items: center; 
    cursor: pointer; box-shadow: 0 10px 30px rgba(37, 211, 102, 0.4); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); 
    position: relative; animation: modFooterWaPulse 2s infinite; z-index: 6; 
}
.mod-footer-wa-toggle-btn:hover { transform: scale(1.1) rotate(-5deg); animation: none; box-shadow: 0 15px 40px rgba(37, 211, 102, 0.5); }
.mod-footer-wa-badge { 
    position: absolute; top: 0px; right: 0px; background: #ef4444; color: #fff; font-size: 11px; 
    font-weight: 800; width: 24px; height: 24px; border-radius: 50%; display: flex; justify-content: center; align-items: center; 
    border: 3px solid var(--bg-body); box-shadow: 0 2px 5px rgba(0,0,0,0.2); transition: 0.3s; 
}
@keyframes modFooterWaPulse {
    0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.6); }
    70% { box-shadow: 0 0 0 20px rgba(37, 211, 102, 0); }
    100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

/* WhatsApp Sohbet Penceresi */
.mod-footer-wa-chat-window { 
    position: absolute; bottom: 85px; right: 0; width: 360px; 
    background: var(--bg-panel); border-radius: 20px; box-shadow: 0 20px 50px color-mix(in srgb, var(--text-main) 15%, transparent); 
    border: 1px solid var(--border-line); overflow: hidden; opacity: 0; visibility: hidden; 
    transform: translateY(20px) scale(0.95); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); transform-origin: bottom right; z-index: 10; 
}
.mod-footer-wa-chat-window.active { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }

.mod-footer-wa-header { background: linear-gradient(135deg, #075E54 0%, #128C7E 100%); color: #fff; padding: 20px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 2px 10px rgba(0,0,0,0.1); position: relative; z-index: 2; }
.mod-footer-wa-header-left { display: flex; align-items: center; gap: 15px; }
.mod-footer-wa-avatar { width: 45px; height: 45px; background: #25D366; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 24px; border: 2px solid rgba(255,255,255,0.2); position: relative; }
.mod-footer-wa-avatar::after { content: ''; position: absolute; bottom: 0; right: 0; width: 12px; height: 12px; background: #4ADE80; border: 2px solid #075E54; border-radius: 50%; }
.mod-footer-wa-info { display: flex; flex-direction: column; }
.mod-footer-wa-info strong { font-size: 15px; font-weight: 800; margin-bottom: 2px; letter-spacing: 0.5px; }
.mod-footer-wa-info span { font-size: 11.5px; opacity: 0.9; font-weight: 500; display: flex; align-items: center; gap: 5px; }
.mod-footer-wa-close { background: rgba(255,255,255,0.1); border: none; color: #fff; width: 32px; height: 32px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 18px; cursor: pointer; transition: 0.3s; }
.mod-footer-wa-close:hover { background: rgba(255,255,255,0.2); transform: rotate(90deg); }

.mod-footer-wa-body { 
    height: 280px; background-color: #efeae2; padding: 25px 20px; display: flex; flex-direction: column; 
    gap: 12px; overflow-y: auto; background-image: url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 0h20v20H0V0zm10 17a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm0-2a5 5 0 1 1 0-10 5 5 0 0 1 0 10z" fill="%23000000" fill-opacity="0.04" fill-rule="evenodd"/%3E%3C/svg%3E'); 
    position: relative; z-index: 1; 
}
.mod-footer-wa-bubble { 
    background: #ffffff; padding: 14px 18px; border-radius: 0 16px 16px 16px; font-size: 14px; 
    color: #111; line-height: 1.6; position: relative; max-width: 85%; box-shadow: 0 2px 8px rgba(0,0,0,0.06); font-weight: 500; 
}
.mod-footer-wa-bubble::before { content: ''; position: absolute; top: 0; left: -10px; border-width: 10px 12px 0 0; border-style: solid; border-color: #ffffff transparent transparent transparent; }
.mod-footer-wa-time { display: block; text-align: right; font-size: 10.5px; color: #888; margin-top: 6px; font-weight: 600; }

.mod-footer-wa-footer { padding: 15px 20px; background: var(--bg-panel); display: flex; gap: 12px; align-items: center; border-top: 1px solid var(--border-line); position: relative; z-index: 2; }
.mod-footer-wa-input { flex: 1; border: 1px solid var(--border-line); background: var(--bg-body); padding: 14px 18px; border-radius: 25px; font-size: 14px; color: var(--text-main); outline: none; font-family: 'Plus Jakarta Sans', sans-serif; transition: 0.3s; font-weight: 500; }
.mod-footer-wa-input:focus, .mod-footer-wa-input:focus-visible { border-color: #25D366; background: var(--bg-panel); box-shadow: 0 0 0 4px rgba(37,211,102,0.1); outline: none; }
.mod-footer-wa-send-btn { width: 45px; height: 45px; border-radius: 50%; background: #128C7E; color: #fff; border: none; display: flex; justify-content: center; align-items: center; font-size: 18px; cursor: pointer; transition: 0.3s; flex-shrink: 0; box-shadow: 0 4px 10px rgba(18,140,126,0.3); padding-right: 2px; }
.mod-footer-wa-send-btn:hover { background: #25D366; transform: translateX(4px) scale(1.05); box-shadow: 0 6px 15px rgba(37,211,102,0.4); }

/* 
   Dark Mode Düzeltmeleri (AI, WA)
*/
html[data-theme="dark"] .mod-footer-wa-body,
body[data-theme="dark"] .mod-footer-wa-body { background-color: #0b141a; background-image: url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 0h20v20H0V0zm10 17a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm0-2a5 5 0 1 1 0-10 5 5 0 0 1 0 10z" fill="%23ffffff" fill-opacity="0.02" fill-rule="evenodd"/%3E%3C/svg%3E'); }
html[data-theme="dark"] .mod-footer-wa-bubble,
body[data-theme="dark"] .mod-footer-wa-bubble { background: #202c33; color: #e9edef; box-shadow: 0 2px 8px rgba(0,0,0,0.4); }
html[data-theme="dark"] .mod-footer-wa-bubble::before,
body[data-theme="dark"] .mod-footer-wa-bubble::before { border-color: #202c33 transparent transparent transparent; }
html[data-theme="dark"] .mod-footer-wa-time,
body[data-theme="dark"] .mod-footer-wa-time { color: #8696a0; }

html[data-theme="dark"] .mod-footer-ai-body,
body[data-theme="dark"] .mod-footer-ai-body { background-color: #1a1a1a; }
html[data-theme="dark"] .mod-footer-ai-system,
body[data-theme="dark"] .mod-footer-ai-system { background: #2a2a2a; color: #e9edef; box-shadow: 0 2px 8px rgba(0,0,0,0.4); }
html[data-theme="dark"] .mod-footer-ai-system::before,
body[data-theme="dark"] .mod-footer-ai-system::before { border-color: #2a2a2a transparent transparent transparent; }
html[data-theme="dark"] .mod-footer-ai-typing,
body[data-theme="dark"] .mod-footer-ai-typing { background: #2a2a2a; }

/* ==========================================================================
   SÜRPRİZ ÇARK (WHEEL) MODAL TASARIMI (MİNİMAL ORTA BUTONLU)
   ========================================================================== */
.mod-wheel-modal-overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.4); /* Arkaplanı %40 saydam siyah yapar, site arkada görünür */
    backdrop-filter: blur(3px); /* İsteğe bağlı: Arkadaki siteyi çok hafif bulanıklaştırarak çarkı ön plana çıkarır */
    z-index: 100000; display: none; justify-content: center; align-items: center;
    opacity: 0; transition: opacity 0.3s ease;
    font-family: 'Plus Jakarta Sans', sans-serif;
}
.mod-wheel-modal-overlay.active {
    display: flex; opacity: 1;
}
.mod-wheel-modal-content-minimal {
    position: relative;
    display: flex; flex-direction: column; align-items: center;
    transform: scale(0.85); transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.mod-wheel-modal-overlay.active .mod-wheel-modal-content-minimal {
    transform: scale(1);
}
.mod-wheel-close-btn {
    display: none !important;
}
.mod-wheel-close-btn:hover {
    background: #ef4444; border-color: #ef4444; transform: rotate(90deg);
}
.mod-wheel-spinner-container {
    position: relative; width: 300px; height: 300px;
    display: flex; justify-content: center; align-items: center;
}
#modWheelCanvas {
    width: 100%; height: 100%; border-radius: 50%;
    filter: drop-shadow(0 15px 30px rgba(0,0,0,0.5));
}
.mod-wheel-pointer {
    position: absolute; top: -20px; left: 50%; transform: translateX(-50%);
    font-size: 50px; color: var(--brand-primary, #ff6b00); z-index: 2;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.5));
}

/* ORTA SPIN BUTONU TASARIMI */
.mod-wheel-center-btn {
    position: absolute;
    width: 60px; height: 60px;
    background: #FFFFFF;
    border: 5px solid var(--brand-primary, #ff6b00);
    border-radius: 50%;
    cursor: pointer; z-index: 5;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    padding: 0; margin: 0; outline: none;
    
    /* YAZI ORTALAMA VE STİL AYARLARI */
    display: flex; justify-content: center; align-items: center;
    color: var(--brand-primary, #ff6b00);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.5px;
}
.mod-wheel-center-btn:hover:not(:disabled) {
    transform: scale(1.15);
    box-shadow: 0 6px 15px rgba(255, 107, 0, 0.5);
}
.mod-wheel-center-btn:disabled {
    cursor: not-allowed; opacity: 0.8;
}

/* SONUÇ ALANI - Karanlık temaya uygun */
.mod-wheel-result-area {
    margin-top: 30px; font-size: 16px; padding: 15px 25px;
    border-radius: 12px; background: rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(255,255,255,0.1);
    color: #fff; text-align: center; line-height: 1.5;
}


/* ==========================================================================
   MOBİL UYUM & IFRAME İZOLASYONU
   ========================================================================== */
@media (max-width: 768px) {
    .mod-footer-wrapper { padding: 50px 5% 100px; margin-top: 40px; }
    .mod-footer-container { gap: 30px; margin-bottom: 40px; }
    .mod-footer-trust-wrapper { flex-direction: column; justify-content: center; text-align: center; gap: 30px; }
    .mod-footer-security-badges, .mod-footer-payment-badges { justify-content: center; }
    .mod-footer-bottom { flex-direction: column; text-align: center; gap: 10px; }
    
    /* Ziyaretçi Sayacı ve Telif Hakkı Mobil Ortalama */
    .footer-visitor-stats { justify-content: center; margin-bottom: 5px; }
    .mod-footer-copyright { text-align: center !important; display: flex; flex-direction: column; align-items: center; }
    
    .mod-footer-wa-widget-container { bottom: 100px; right: 25px; }
    .mod-footer-wheel-widget-container { bottom: 100px; left: 25px; }
    .mod-footer-ai-widget-container { bottom: 170px; left: 25px; }
    
    .mod-footer-wa-toggle-btn,
    .mod-footer-wheel-toggle-btn,
    .mod-footer-ai-toggle-btn { width: 55px; height: 55px; font-size: 24px; }
    
    .mod-footer-ig-toggle-btn { width: 55px; height: 55px; font-size: 30px; bottom: 70px; }
    
    .mod-footer-wa-chat-window { right: 0; bottom: 75px; width: calc(100vw - 40px); max-width: 360px; }
    .mod-footer-ai-chat-window { left: 0; bottom: 75px; width: calc(100vw - 40px); max-width: 360px; }
    .mod-footer-wa-body,
    .mod-footer-ai-body { height: 300px; }
    
    .mod-footer-cookie-box { bottom: 15px; left: 15px; right: 15px; max-width: none; }
    
    /* Wheel Modal Mobil Düzeltmeleri */
    .mod-wheel-close-btn { top: -60px; right: 0; }
    .mod-wheel-spinner-container { width: 280px; height: 280px; }
}

/* Yalıtılmışlık Kuralı: Iframe Modu (Admin Panelinde Footer gizlenir) */
html.iframe-mode .mod-footer-wrapper,
html.iframe-mode .mod-footer-cookie-box,
html.iframe-mode .mod-footer-wa-widget-container,
html.iframe-mode .mod-footer-wheel-widget-container,
html.iframe-mode .mod-footer-ai-widget-container,
html.iframe-mode .mod-wheel-modal-overlay {
    display: none !important;
}
/* ==========================================================================
   BİTİŞ: FOOTER MODÜLÜ (mod-footer)
   ========================================================================== */
/* ==========================================================================
   BAŞLANGIÇ: HESAPLAR VE DOĞRULAMA MODÜLÜ (mod-auth)
   SÜRÜM: v16.0 - ZERO-DEPENDENCY CORE & GLOBAL TEMA ENTEGRELİ
   ========================================================================== */

/* Tüm elemanların padding ve border dahilinde hesaplanmasını sağlar (Taşmayı önler) */
.mod-auth-page-wrapper, 
.mod-auth-page-wrapper * {
    box-sizing: border-box;
}

.mod-auth-page-wrapper { 
    font-family: 'Plus Jakarta Sans', sans-serif; 
    background: var(--bg-body); 
    color: var(--text-main); 
    min-height: 100vh; 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    justify-content: center;
    transition: background 0.4s ease, color 0.4s ease; 
    padding: 40px 20px; 
    position: relative; 
    overflow-y: auto;
    overflow-x: hidden; 
    margin: 0;
}

/* Arka Plan Parlama Efektleri (Global Ana Renge Bağlı) */
.mod-auth-bg-glow { 
    position: absolute; 
    top: -20vh; 
    left: -10vw; 
    width: 45vw; 
    height: 45vw; 
    background: radial-gradient(circle, color-mix(in srgb, var(--brand-primary) 12%, transparent) 0%, transparent 70%); 
    z-index: 1; 
    pointer-events: none; 
}
.mod-auth-bg-glow.right { 
    top: auto; 
    bottom: -20vh; 
    left: auto; 
    right: -10vw; 
}

.mod-auth-top-controls { 
    position: absolute; 
    top: 25px; 
    left: 0; 
    width: 100%; 
    padding: 0 4%; 
    display: flex; 
    justify-content: space-between; 
    z-index: 10; 
}
.mod-auth-control-btn { 
    width: 38px; 
    height: 38px; 
    border-radius: 50%; 
    background: var(--bg-card); 
    color: var(--text-main); 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-size: 15px; 
    box-shadow: 0 4px 12px rgba(0,0,0,0.03); 
    cursor: pointer; 
    transition: 0.3s; 
    border: 1px solid var(--border-line);
    text-decoration: none; 
    outline: none;
}
.mod-auth-control-btn:hover, 
.mod-auth-control-btn:focus { 
    color: var(--brand-primary); 
    transform: translateY(-2px); 
    border-color: var(--brand-primary); 
}

/* Logo Alanı */
.mod-auth-logo-box { 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    justify-content: center; 
    margin-bottom: 25px; 
    text-decoration: none; 
    color: var(--text-main); 
    z-index: 2; 
    position: relative; 
    outline: none; 
    border-radius: 8px; 
    padding: 10px; 
}
.mod-auth-logo-box:focus .mod-auth-logo-text { 
    color: var(--brand-primary); 
}
.mod-auth-logo-text { 
    font-family: 'Playfair Display', serif; 
    font-size: 30px; 
    font-weight: 800; 
    letter-spacing: -0.5px; 
    display: flex; 
    align-items: center; 
    transition: color 0.3s ease; 
}
.mod-auth-logo-text .brand-highlight { 
    color: var(--brand-primary); 
    font-weight: 500; 
    font-style: italic; 
    margin-left: 6px; 
}

.mod-auth-logo-divider { 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    width: 180px; 
    gap: 8px; 
    margin-top: 5px; 
    opacity: 0.85; 
}
.mod-auth-logo-divider .line { height: 1.2px; flex: 1; }
.mod-auth-logo-divider .line.left { background: linear-gradient(90deg, transparent 0%, var(--brand-primary) 100%); }
.mod-auth-logo-divider .line.right { background: linear-gradient(270deg, transparent 0%, var(--brand-primary) 100%); }
.mod-auth-logo-divider i { font-size: 10px; color: var(--brand-primary); }

/* Form Konteyner */
.mod-auth-container {
    width: 100%; 
    max-width: 420px; 
    background: var(--bg-card); 
    border-radius: 24px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.03); 
    border: 1px solid var(--border-line);
    position: relative; 
    z-index: 2; 
    overflow: hidden; 
    transition: background-color 0.4s ease, border-color 0.4s ease;
}

.mod-auth-header { padding: 35px 30px 10px; text-align: center; }
.mod-auth-header h1 { font-size: 22px; font-weight: 800; margin: 0 0 6px 0; letter-spacing: -0.5px; }
.mod-auth-header p { font-size: 13px; color: var(--text-muted); line-height: 1.5; margin: 0; }

.mod-auth-body { padding: 20px 30px 35px; }

/* Input Elemanları */
.mod-auth-input-group { margin-bottom: 16px; position: relative; }
.mod-auth-input-group i.mod-auth-input-icon { 
    position: absolute; left: 16px; top: 50%; 
    transform: translateY(-50%); color: var(--text-muted); 
    font-size: 14px; transition: color 0.3s ease; 
}
.mod-auth-input-group input { 
    width: 100%; 
    padding: 14px 15px 14px 44px; 
    border: 1.5px solid var(--border-line); 
    border-radius: 12px; 
    background: var(--bg-body); 
    color: var(--text-main); 
    font-size: 14px; 
    transition: all 0.3s ease; 
    font-weight: 600; 
    outline: none; 
    box-sizing: border-box;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.mod-auth-toggle-password {
    position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
    color: var(--text-muted); font-size: 14px; cursor: pointer; transition: color 0.3s ease;
    padding: 5px; outline: none; border-radius: 5px;
}
.mod-auth-toggle-password:hover, 
.mod-auth-toggle-password:focus { 
    color: var(--brand-primary); 
    background: color-mix(in srgb, var(--brand-primary) 10%, transparent); 
}
.mod-auth-input-group input[type="password"], 
.mod-auth-input-group input.has-toggle { padding-right: 44px; }

/* OTP Şifre Kutuları (Örn: E-posta doğrulama için) */
.mod-auth-otp-input {
    text-align: center; font-size: 26px !important; letter-spacing: 12px;
    font-weight: 800; padding: 16px !important; border: 2px solid var(--border-line) !important;
}
.mod-auth-otp-input::placeholder { font-size: 14px; letter-spacing: normal; font-weight: 500; color: var(--text-muted); opacity: 0.6; }

.mod-auth-input-group input:focus, 
.mod-auth-input-group input:focus-visible { 
    border-color: var(--brand-primary); 
    background: var(--bg-card); 
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand-primary) 12%, transparent); 
    outline: none; 
}
.mod-auth-input-group input:focus + i.mod-auth-input-icon { color: var(--brand-primary); }

/* Erişilebilirlik (A11y) */
.mod-auth-btn-submit:focus-visible, 
.mod-auth-control-btn:focus-visible, 
.mod-auth-logo-box:focus-visible, 
.mod-auth-options a:focus-visible {
    outline: 3px solid var(--brand-primary);
    outline-offset: 3px;
}

/* Şifremi Unuttum & Seçenekler */
.mod-auth-options { display: flex; justify-content: space-between; align-items: center; margin-bottom: 22px; font-size: 13px; font-weight: 700; }
.mod-auth-options a { color: var(--text-muted); transition: 0.3s; cursor: pointer; text-decoration: none; outline: none; border-radius: 4px; padding: 4px 6px; margin: -4px -6px; }
.mod-auth-options a:hover, 
.mod-auth-options a:focus { 
    color: var(--brand-primary); 
    background: color-mix(in srgb, var(--brand-primary) 12%, transparent); 
}

/* Checkbox Alanları */
.mod-auth-check-group { display: flex; align-items: center; gap: 8px; cursor: pointer; color: var(--text-muted); margin: 0; padding: 4px 0; }
.mod-auth-check-group input { accent-color: var(--brand-primary); width: 16px; height: 16px; margin: 0; cursor: pointer; }
.mod-auth-check-group input:focus-visible { outline: 2px solid var(--brand-primary); outline-offset: 2px; }

/* Gönder Butonu (Submit) */
.mod-auth-btn-submit {
    width: 100%; padding: 14px; 
    background: var(--text-main); 
    color: var(--bg-body);
    border: none; border-radius: 12px; font-size: 15px; font-weight: 800;
    cursor: pointer; transition: 0.3s; 
    display: flex; align-items: center; justify-content: center; gap: 8px;
    font-family: 'Plus Jakarta Sans', sans-serif; text-transform: uppercase; letter-spacing: 0.5px; outline: none;
}
.mod-auth-btn-submit:hover, 
.mod-auth-btn-submit:focus { 
    background: var(--brand-primary); 
    color: #fff; transform: translateY(-2px); 
    box-shadow: 0 8px 20px color-mix(in srgb, var(--brand-primary) 30%, transparent); 
}
.mod-auth-btn-submit.loading { pointer-events: none; opacity: 0.8; }

/* Alt Yönlendirme (Footer Kayıt Ol vb.) */
.mod-auth-footer { text-align: center; margin-top: 25px; font-size: 13.5px; color: var(--text-muted); font-weight: 600; }
.mod-auth-footer a { color: var(--brand-primary); font-weight: 800; cursor: pointer; margin-left: 4px; text-decoration: none; outline: none; padding: 4px 6px; border-radius: 4px; }
.mod-auth-footer a:hover, 
.mod-auth-footer a:focus { 
    background: color-mix(in srgb, var(--brand-primary) 12%, transparent); 
}

.mod-auth-flash-wrapper { width: 100%; max-width: 420px; z-index: 5; margin-bottom: 10px; position: relative; }

@keyframes fadeInUpAuth { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }
.mod-auth-form-section { display: none; animation: fadeInUpAuth 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
.mod-auth-form-section.active { display: block; }

/* ==========================================================================
   BİTİŞ: HESAPLAR VE DOĞRULAMA MODÜLÜ (mod-auth)
   ========================================================================== */
/* ==========================================================================
   BAŞLANGIÇ: KUPON YÖNETİMİ MODÜLÜ (mod-coupon)
   SÜRÜM: v18.0 - ZERO-DEPENDENCY MASTER CORE & GLOBAL TEMA ENTEGRELİ
   ========================================================================== */

.mod-coupon-wrapper * { box-sizing: border-box; }
.mod-coupon-wrapper i.fa-solid, .mod-coupon-wrapper i.fas { font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important; display: inline-block; }
.mod-coupon-wrapper i.fa-regular, .mod-coupon-wrapper i.far { font-family: "Font Awesome 6 Free" !important; font-weight: 400 !important; display: inline-block; }

.mod-coupon-wrapper { 
    font-family: 'Plus Jakarta Sans', sans-serif; 
    max-width: 1400px; 
    margin: 0 auto; 
    animation: modCouponFadeIn 0.5s ease forwards; 
    padding-bottom: 50px; 
    color: var(--admin-text); 
}
@keyframes modCouponFadeIn { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }

.mod-coupon-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; }
.mod-coupon-title h1 { font-size: 24px; font-weight: 800; margin: 0 0 5px 0; color: var(--admin-text); letter-spacing: -0.5px; display: flex; align-items: center; gap: 10px; }
.mod-coupon-title p { margin: 0; font-size: 14px; font-weight: 600; color: var(--admin-muted); }

.mod-coupon-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: start; }
.mod-coupon-card { background: var(--admin-panel); border: 1px solid var(--admin-border); border-radius: var(--admin-radius, 16px); padding: 35px; box-shadow: var(--admin-shadow); }
.mod-coupon-card-title { font-size: 16px; font-weight: 800; color: var(--admin-text); margin: 0 0 25px 0; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid var(--admin-border); padding-bottom: 15px; }
.mod-coupon-card-title i { color: var(--admin-primary); font-size: 18px; }

.mod-coupon-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; }
.mod-coupon-form-group { position: relative; margin-bottom: 20px; width: 100%; }
.mod-coupon-form-group label { display: block; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; color: var(--admin-muted); margin-bottom: 8px; }

.mod-coupon-input-wrapper { position: relative; display: flex; align-items: center; width: 100%; }
.mod-coupon-input-wrapper > i { position: absolute; left: 16px; color: var(--admin-muted); font-size: 14px; transition: 0.3s; z-index: 2; }

.mod-coupon-input { width: 100%; padding: 14px 15px 14px 45px; border: 1px solid var(--admin-border); border-radius: 10px; background: rgba(0,0,0,0.02); color: var(--admin-text); font-size: 14px; font-weight: 700; outline: none; transition: 0.3s; font-family: inherit; }
[data-theme="dark"] .mod-coupon-input { background: rgba(0,0,0,0.2); }
.mod-coupon-input.mod-coupon-no-icon { padding-left: 15px; }
.mod-coupon-input.mod-coupon-uppercase { text-transform: uppercase; font-size: 16px; letter-spacing: 1px; padding-right: 120px; font-family: 'Fira Code', monospace; }
.mod-coupon-select { appearance: none; cursor: pointer; }

/* Focus Durumu - Turuncu Glow (Görseldeki Gibi) */
.mod-coupon-input:focus { background: var(--admin-panel); border-color: var(--admin-primary); box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.15); }
.mod-coupon-input:focus + i { color: var(--admin-primary); }

/* GÖRSELDEKİ BOZUK BUTONUN DÜZELTİLMİŞ HALİ */
.mod-coupon-btn-generate { 
    position: absolute !important; 
    right: 6px !important; 
    top: 50% !important; 
    transform: translateY(-50%) !important;
    height: calc(100% - 12px) !important;
    background: #111827 !important; 
    color: #ffffff !important; 
    border: none !important; 
    border-radius: 8px !important; 
    padding: 0 16px !important; 
    font-size: 11.5px !important; 
    font-weight: 800 !important; 
    text-transform: uppercase !important; 
    letter-spacing: 0.5px !important;
    cursor: pointer !important; 
    transition: 0.3s !important; 
    display: flex !important; 
    align-items: center !important; 
    gap: 6px !important; 
    z-index: 5 !important; 
}
[data-theme="dark"] .mod-coupon-btn-generate { background: rgba(255,255,255,0.1) !important; color: #fff !important; border: 1px solid rgba(255,255,255,0.1) !important; }
.mod-coupon-btn-generate:hover { background: var(--admin-primary) !important; color: #fff !important; }

.mod-coupon-target-box { background: rgba(0,0,0,0.015); border: 1px solid var(--admin-border); border-radius: 12px; padding: 20px; margin-bottom: 25px; }
[data-theme="dark"] .mod-coupon-target-box { background: rgba(255,255,255,0.02); }
.mod-coupon-target-box legend { font-size: 12px; font-weight: 800; color: var(--admin-text); text-transform: uppercase; margin-bottom: 15px; width: 100%; border-bottom: 1px solid var(--admin-border); padding-bottom: 10px; }
.mod-coupon-target-options { display: flex; flex-direction: column; gap: 12px; margin-bottom: 20px; }
.mod-coupon-t-radio { display: none; }
.mod-coupon-t-label { display: flex; align-items: center; gap: 12px; cursor: pointer; font-size: 14px; font-weight: 700; color: var(--admin-text); transition: 0.3s; opacity: 0.6; }
.mod-coupon-t-label i { font-size: 18px; width: 20px; text-align: center; }
.mod-coupon-t-radio:checked + .mod-coupon-t-label { opacity: 1; color: var(--admin-primary); }

.mod-coupon-target-dynamic { display: none; padding-top: 20px; border-top: 1px dashed var(--admin-border); animation: modCouponSlideDown 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
@keyframes modCouponSlideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }

.mod-coupon-btn-submit { width: 100%; padding: 16px; background: var(--admin-primary); color: #fff; border: none; border-radius: 12px; font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; transition: 0.3s; display: flex; align-items: center; justify-content: center; gap: 10px; box-shadow: 0 4px 12px rgba(249, 115, 22, 0.25); font-family: inherit; }
.mod-coupon-btn-submit:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(249, 115, 22, 0.35); }

/* Liste ve Scrollbar */
.mod-coupon-list-wrapper { max-height: 800px; overflow-y: auto; padding-right: 5px; display: flex; flex-direction: column; gap: 15px; }
.mod-coupon-list-wrapper::-webkit-scrollbar { width: 5px; }
.mod-coupon-list-wrapper::-webkit-scrollbar-thumb { background: var(--admin-border); border-radius: 10px; }

/* Liste Öğeleri */
.mod-coupon-item { background: var(--admin-panel); border: 1px solid var(--admin-border); border-radius: 12px; padding: 20px; display: flex; flex-direction: column; gap: 15px; transition: 0.3s; position: relative; }
.mod-coupon-item:hover { border-color: var(--admin-primary); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03); transform: translateY(-2px); }
.mod-coupon-item.inactive { opacity: 0.6; filter: grayscale(100%); }

.mod-coupon-item-top { display: flex; justify-content: space-between; align-items: flex-start; }
.mod-coupon-code-group { display: flex; flex-direction: column; gap: 5px; }
.mod-coupon-code { font-size: 18px; font-weight: 800; color: var(--admin-primary); font-family: 'Fira Code', monospace; letter-spacing: 1px; display: flex; align-items: center; gap: 10px; }
.mod-coupon-val { font-size: 12px; font-weight: 800; color: var(--admin-text); background: rgba(0,0,0,0.04); padding: 4px 10px; border-radius: 6px; }
[data-theme="dark"] .mod-coupon-val { background: rgba(255,255,255,0.05); }
.mod-coupon-date { font-size: 11.5px; font-weight: 600; color: var(--admin-muted); display: flex; align-items: center; gap: 5px; margin-top:4px; }

.mod-coupon-progress-wrap { width: 100%; background: rgba(0,0,0,0.04); height: 8px; border-radius: 10px; overflow: hidden; margin-top: 5px; }
[data-theme="dark"] .mod-coupon-progress-wrap { background: rgba(255,255,255,0.05); }
.mod-coupon-progress-bar { height: 100%; background: var(--success); border-radius: 10px; transition: width 0.5s ease; }
.mod-coupon-progress-text { display: flex; justify-content: space-between; font-size: 10.5px; font-weight: 800; color: var(--admin-muted); margin-top: 5px; text-transform: uppercase; }

.mod-coupon-actions { display: flex; align-items: center; gap: 10px; border-top: 1px dashed var(--admin-border); padding-top: 15px; margin-top: 5px; justify-content: space-between; }
.mod-coupon-stat-badges { display: flex; gap: 10px; flex-wrap: wrap; }
.mod-coupon-badge { font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 6px; background: transparent; border: 1px solid var(--admin-border); color: var(--admin-muted); display: flex; align-items: center; gap: 5px; }

.mod-coupon-action-btns { display: flex; gap: 8px; }
.mod-coupon-btn-icon { width: 34px; height: 34px; border-radius: 8px; background: var(--admin-panel); border: 1px solid var(--admin-border); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.2s; color: var(--admin-muted); text-decoration: none; }
.mod-coupon-btn-icon:hover { background: rgba(0,0,0,0.03); color: var(--admin-text); }
[data-theme="dark"] .mod-coupon-btn-icon:hover { background: rgba(255,255,255,0.05); }
.mod-coupon-btn-icon.delete:hover { background: rgba(239, 68, 68, 0.1); color: var(--danger); border-color: rgba(239, 68, 68, 0.3); }

/* Switch Butonları */
.mod-coupon-switch { position: relative; display: inline-block; width: 40px; height: 22px; }
.mod-coupon-switch input { opacity: 0; width: 0; height: 0; }
.mod-coupon-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--admin-border); transition: .4s; border-radius: 34px; }
.mod-coupon-slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 3px; bottom: 3px; background-color: var(--admin-muted); transition: .4s; border-radius: 50%; }
.mod-coupon-switch input:checked + .mod-coupon-slider { background-color: rgba(16, 185, 129, 0.2); }
.mod-coupon-switch input:checked + .mod-coupon-slider:before { transform: translateX(18px); background-color: var(--success); }
.mod-coupon-switch input:focus-visible + .mod-coupon-slider { outline: 3px solid rgba(249, 115, 22, 0.3); outline-offset: 3px; }

/* Bildirimler & Uyarılar */
.mod-coupon-alert { padding: 16px 20px; border-radius: 12px; font-size: 14px; font-weight: 700; margin-bottom: 20px; display: none; align-items: center; gap: 10px; }
.mod-coupon-alert.error { background: rgba(239, 68, 68, 0.1); color: var(--danger); border: 1px solid rgba(239, 68, 68, 0.2); }
.mod-coupon-alert.success { background: rgba(16, 185, 129, 0.1); color: var(--success); border: 1px solid rgba(16, 185, 129, 0.2); }

/* Mobil Görünüm */
@media (max-width: 992px) {
    .mod-coupon-grid { grid-template-columns: 1fr; }
    .mod-coupon-form-row { grid-template-columns: 1fr; gap: 0; }
    .mod-coupon-actions { flex-direction: column; align-items: flex-start; gap: 15px; }
    .mod-coupon-action-btns { width: 100%; justify-content: flex-end; border-top: 1px solid var(--admin-border); padding-top: 10px; }
}
/* ==========================================================================
   BİTİŞ: KUPON YÖNETİMİ MODÜLÜ
   ========================================================================== */
/* ==========================================================================
   BAŞLANGIÇ: BLOG DETAY & YORUM MODÜLÜ (bld)
   SÜRÜM: v16.0 - ZERO-DEPENDENCY CORE & GLOBAL TEMA ENTEGRELİ
   ========================================================================== */

.bld-container * { box-sizing: border-box; }
.bld-container { 
    max-width: 900px; 
    margin: 60px auto 120px; 
    padding: 0 4%; 
    font-family: 'Plus Jakarta Sans', sans-serif; 
    color: var(--text-main); 
    animation: bldFadeIn 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; 
}
@keyframes bldFadeIn { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }

.bld-container a { outline: none; }
.bld-container a:focus-visible, 
.bld-btn-buy:focus-visible, 
.bld-btn-review-submit:focus-visible { outline: 3px solid var(--brand-primary); outline-offset: 3px; }

/* Zarif Geri Dön Butonu */
.bld-btn-back {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px;
    color: var(--text-main); text-decoration: none;
    padding: 12px 24px; border: 1.5px solid var(--border-line);
    border-radius: 100px; background: var(--bg-card);
    margin-bottom: 50px; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 10px 30px rgba(0,0,0,0.05); outline: none;
}
.bld-btn-back i { transition: transform 0.4s ease; }
.bld-btn-back:hover {
    border-color: var(--brand-primary); color: var(--brand-primary);
    box-shadow: 0 10px 25px color-mix(in srgb, var(--brand-primary) 12%, transparent); 
    transform: translateX(-5px);
}
.bld-btn-back:hover i { transform: translateX(-5px); }

/* Başlık Alanı */
.bld-header { text-align: center; margin-bottom: 50px; position: relative; }
.bld-editorial-tag { display: inline-block; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 4px; color: var(--brand-primary); margin-bottom: 20px; position: relative; }
.bld-editorial-tag::before, .bld-editorial-tag::after { content: ''; position: absolute; top: 50%; width: 30px; height: 1px; background: var(--brand-primary); opacity: 0.5; }
.bld-editorial-tag::before { right: 100%; margin-right: 15px; }
.bld-editorial-tag::after { left: 100%; margin-left: 15px; }

.bld-title { font-family: 'Playfair Display', serif; font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 900; color: var(--text-main); line-height: 1.15; margin: 0 0 25px 0; letter-spacing: -1px; text-wrap: balance; }

.bld-meta { display: flex; justify-content: center; align-items: center; gap: 20px; font-size: 13px; color: var(--text-muted); font-weight: 700; text-transform: uppercase; letter-spacing: 1px; flex-wrap: wrap; }
.bld-meta span { display: flex; align-items: center; gap: 8px; background: var(--bg-card); padding: 8px 16px; border-radius: 100px; border: 1px solid var(--border-line); box-shadow: 0 10px 30px rgba(0,0,0,0.03); }
.bld-meta i { color: var(--brand-primary); font-size: 14px; }

.bld-meta-stars { display: flex; align-items: center; gap: 5px; color: var(--warning, #f59e0b); }
.bld-meta-stars .count { color: var(--text-main); font-weight: 800; margin-left: 5px; }

/* Lüks Ana Görsel */
.bld-main-img-box { 
    position: relative; width: 100%; height: 600px; 
    background: #000; border: 1px solid var(--border-line); 
    border-radius: 32px; margin-bottom: 60px; 
    display: flex; align-items: center; justify-content: center; 
    box-shadow: 0 30px 60px -10px rgba(0,0,0,0.2); overflow: hidden; 
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.bld-main-img-box:hover { transform: translateY(-5px); }

.bld-blur-bg { position: absolute; inset: -40px; width: calc(100% + 80px); height: calc(100% + 80px); object-fit: cover; filter: blur(50px) brightness(0.6); opacity: 0.5; z-index: 1; transition: opacity 0.6s ease; }
.bld-main-img-box:hover .bld-blur-bg { opacity: 0.8; }

.bld-main-img { position: relative; z-index: 2; width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
.bld-main-img-box:hover .bld-main-img { transform: scale(1.03); }

/* Makale İçeriği (Typography Focus) */
.bld-content { font-size: 18px; color: var(--text-main); line-height: 2; font-weight: 500; margin-bottom: 70px; letter-spacing: -0.01em; }
.bld-content p { margin-bottom: 30px; }
/* Dergi Stili Büyük Harf (Drop Cap) */
.bld-content p:first-of-type::first-letter { 
    font-family: 'Playfair Display', serif; font-size: 4.5rem; float: left; 
    margin: 12px 16px 0 0; line-height: 0.7; color: var(--brand-primary); 
    font-weight: 900; text-shadow: 2px 2px 0px color-mix(in srgb, var(--brand-primary) 15%, transparent); 
}

/* Estetik Galeri */
.bld-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; margin-bottom: 80px; }
.bld-gallery-item { position: relative; background: #000; border: 1px solid var(--border-line); border-radius: 24px; height: 400px; display: flex; align-items: center; justify-content: center; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.05); transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s ease; }
.bld-gallery-item:hover { transform: translateY(-8px); box-shadow: 0 30px 60px -10px rgba(0,0,0,0.2); }
.bld-gallery-item .g-blur { position: absolute; inset: -30px; width: calc(100% + 60px); height: calc(100% + 60px); object-fit: cover; filter: blur(40px) brightness(0.5); opacity: 0.5; z-index: 1; transition: 0.4s; }
.bld-gallery-item:hover .g-blur { opacity: 0.8; }
.bld-gallery-item .g-main { position: relative; z-index: 2; width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
.bld-gallery-item:hover .g-main { transform: scale(1.06); }

/* Lüks Satın Alma (CTA) Kutusu */
.bld-cta-box { position: relative; background: var(--bg-card); padding: 60px 40px; text-align: center; border-radius: 32px; box-shadow: 0 30px 60px -10px rgba(0,0,0,0.1); border: 1px solid var(--border-line); overflow: hidden; margin-bottom: 80px; }
.bld-cta-box::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient(90deg, var(--brand-primary), color-mix(in srgb, var(--brand-primary) 60%, white)); }
.bld-cta-box h3 { color: var(--text-main); font-family: 'Playfair Display', serif; font-size: 36px; margin: 0 0 15px 0; font-weight: 800; letter-spacing: -0.5px; }
.bld-cta-box p { color: var(--text-muted); margin: 0 auto 35px; font-size: 16px; font-weight: 500; max-width: 500px; line-height: 1.6; }

.bld-btn-buy { display: inline-flex; align-items: center; justify-content: center; gap: 12px; background: var(--text-main); color: var(--bg-body) !important; padding: 18px 45px; border-radius: 100px; text-decoration: none; font-weight: 800; font-size: 14px; text-transform: uppercase; letter-spacing: 1.5px; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); box-shadow: 0 10px 25px rgba(0,0,0,0.1); }
.bld-btn-buy i { transition: transform 0.4s ease; }
.bld-btn-buy:hover { background: var(--brand-primary); color: #fff !important; transform: translateY(-4px); box-shadow: 0 15px 35px color-mix(in srgb, var(--brand-primary) 30%, transparent); }
.bld-btn-buy:hover i { transform: translateX(5px); }

/* ==========================================================================
   YORUMLAR / DEĞERLENDİRME MİMARİSİ
   ========================================================================== */
.bld-reviews-section { padding-top: 50px; border-top: 1px solid var(--border-line); }
.bld-reviews-section h2 { font-family: 'Playfair Display', serif; font-size: 32px; font-weight: 800; margin-bottom: 40px; letter-spacing: -0.5px; color: var(--text-main); text-align: center; }

.bld-review-inline-msg { padding: 16px 24px; border-radius: 16px; margin-bottom: 30px; font-size: 14px; font-weight: 700; display: flex; align-items: center; gap: 12px; animation: bldFadeIn 0.3s ease; }
.bld-review-inline-msg.success { background: color-mix(in srgb, var(--success, #10b981) 10%, transparent); color: var(--success, #10b981); border: 1px solid color-mix(in srgb, var(--success, #10b981) 20%, transparent); }
.bld-review-inline-msg.error { background: color-mix(in srgb, var(--danger, #ef4444) 10%, transparent); color: var(--danger, #ef4444); border: 1px solid color-mix(in srgb, var(--danger, #ef4444) 20%, transparent); }

.bld-review-form-card { background: var(--bg-card); border: 1px solid var(--border-line); padding: 40px; border-radius: 24px; margin-bottom: 50px; box-shadow: 0 10px 30px rgba(0,0,0,0.03); }
.bld-review-form-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px; margin-bottom: 25px; }
.bld-review-form-header h3 { font-size: 18px; font-weight: 800; margin: 0; color: var(--text-main); }

.bld-star-rating-select { display: flex; flex-direction: row-reverse; gap: 5px; font-size: 28px; }
.bld-star-rating-select input { display: none; }
.bld-star-rating-select label { color: var(--border-line); cursor: pointer; transition: 0.2s; }
.bld-star-rating-select input:checked ~ label, 
.bld-star-rating-select label:hover, 
.bld-star-rating-select label:hover ~ label { color: var(--warning, #f59e0b); filter: drop-shadow(0 2px 4px rgba(245, 158, 11, 0.3)); }

.bld-review-textarea { width: 100%; min-height: 140px; padding: 20px; border-radius: 16px; border: 1px solid var(--border-line); background: color-mix(in srgb, var(--text-main) 3%, transparent); color: var(--text-main); font-size: 15px; font-weight: 500; outline: none; transition: 0.3s; resize: vertical; font-family: inherit; margin-bottom: 15px; }
.bld-review-textarea:focus { border-color: var(--brand-primary); background: var(--bg-card); box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand-primary) 10%, transparent); }

.bld-btn-review-submit { background: var(--text-main); color: var(--bg-body); padding: 16px 35px; border-radius: 100px; font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; border: none; transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1); display: inline-flex; align-items: center; gap: 10px; outline: none; font-family: inherit;}
.bld-btn-review-submit:hover { background: var(--brand-primary); color: #fff; transform: translateY(-3px); box-shadow: 0 10px 25px color-mix(in srgb, var(--brand-primary) 30%, transparent); }

.bld-review-login-prompt { text-align: center; padding: 50px 30px; border: 1px dashed var(--border-line); border-radius: 24px; background: var(--bg-card); margin-bottom: 50px; }
.bld-review-login-prompt p { margin: 0 0 20px 0; font-size: 16px; font-weight: 600; color: var(--text-muted); }
.bld-review-login-prompt .btn-primary { display: inline-flex; align-items: center; gap: 10px; padding: 16px 35px; background: var(--brand-primary); color: #fff; border-radius: 100px; font-size: 14px; font-weight: 800; transition: 0.4s; text-decoration: none; text-transform: uppercase; letter-spacing: 1px;}
.bld-review-login-prompt .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 10px 25px color-mix(in srgb, var(--brand-primary) 30%, transparent); opacity: 0.95; }

/* Yorum Kartları */
.bld-reviews-list { display: flex; flex-direction: column; gap: 24px; }
.bld-review-item { position: relative; background: var(--bg-card); border: 1px solid var(--border-line); padding: 30px; border-radius: 24px; box-shadow: 0 10px 30px rgba(0,0,0,0.03); transition: 0.4s ease; display: flex; gap: 20px; }
.bld-review-item:hover { border-color: var(--brand-primary); transform: translateX(5px); box-shadow: 0 30px 60px -10px rgba(0,0,0,0.1); }
.bld-review-item.admin-view { padding-bottom: 70px; }

.bld-ri-avatar { width: 55px; height: 55px; min-width: 55px; border-radius: 50%; background: color-mix(in srgb, var(--text-main) 5%, transparent); display: flex; align-items: center; justify-content: center; overflow: hidden; border: 1px solid var(--border-line); color: var(--text-muted); font-size: 22px; }
.bld-ri-avatar img { width: 100%; height: 100%; object-fit: cover; }

.bld-ri-content { flex: 1; display: flex; flex-direction: column; }
.bld-ri-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px; }
.bld-ri-user { font-size: 16px; font-weight: 800; color: var(--text-main); text-transform: capitalize; display: block; margin-bottom: 4px; }
.bld-ri-stars { color: var(--warning, #f59e0b); font-size: 13px; display: flex; gap: 2px; }
.bld-ri-date { font-size: 12px; font-weight: 700; color: var(--text-muted); background: color-mix(in srgb, var(--text-main) 3%, transparent); padding: 4px 10px; border-radius: 100px; border: 1px solid var(--border-line); }

.bld-ri-comment { font-size: 15px; line-height: 1.7; color: var(--text-main); font-weight: 500; margin: 10px 0 0 0; }

/* Admin İşlemleri */
.bld-admin-review-actions { position: absolute; bottom: 20px; right: 20px; display: flex; align-items: center; gap: 8px; opacity: 0; transition: 0.3s; }
.bld-review-item:hover .bld-admin-review-actions { opacity: 1; }
.bld-btn-rev-action { width: 38px; height: 38px; border-radius: 12px; background: color-mix(in srgb, var(--text-main) 3%, transparent); border: 1px solid var(--border-line); color: var(--text-muted); display: flex; align-items: center; justify-content: center; font-size: 15px; cursor: pointer; transition: 0.3s; outline: none; }
.bld-btn-rev-action.delete:hover { background: var(--danger, #ef4444); color: #fff; border-color: var(--danger, #ef4444); }

.bld-inline-confirm-box { display: none; align-items: center; gap: 10px; background: var(--bg-card); border: 1px solid var(--danger, #ef4444); padding: 8px 16px; border-radius: 12px; font-size: 13px; font-weight: 700; box-shadow: 0 4px 15px rgba(239, 68, 68, 0.2); animation: bldFadeIn 0.3s cubic-bezier(0.16, 1, 0.3, 1); }
.bld-btn-confirm-yes { background: var(--danger, #ef4444); color: #fff; border: none; padding: 8px 16px; border-radius: 8px; cursor: pointer; font-weight: 800; font-family: inherit; transition: 0.2s; outline: none;}
.bld-btn-confirm-yes:hover { opacity: 0.9; }
.bld-btn-confirm-no { background: color-mix(in srgb, var(--text-main) 5%, transparent); color: var(--text-main); border: 1px solid var(--border-line); padding: 8px 16px; border-radius: 8px; cursor: pointer; font-weight: 700; font-family: inherit; transition: 0.2s; outline: none; }
.bld-btn-confirm-no:hover { background: var(--border-line); }

@media (max-width: 768px) {
    .bld-title { font-size: 36px; }
    .bld-main-img-box { height: 450px; border-radius: 20px; }
    .bld-content { font-size: 16px; }
    .bld-gallery-item { height: 300px; }
    .bld-cta-box { padding: 40px 20px; }
    .bld-cta-box h3 { font-size: 28px; }
    .bld-btn-buy { width: 100%; padding: 16px 20px; font-size: 13px; }
    .bld-meta { flex-direction: column; gap: 10px; align-items: stretch; text-align: center; }
    .bld-meta span { justify-content: center; }
    .bld-btn-back { margin-bottom: 30px; width: max-content; }
    
    .bld-review-form-card { padding: 25px; }
    .bld-star-rating-select { font-size: 24px; }
    
    .bld-review-item { padding: 20px; flex-direction: column; gap: 15px; }
    .bld-ri-header { align-items: flex-start; }
    .bld-admin-review-actions { opacity: 1; bottom: 15px; right: 15px; }
}
/* ==========================================================================
   BİTİŞ: BLOG DETAY & YORUM MODÜLÜ (bld)
   ========================================================================== */
/* ==========================================================================
   BAŞLANGIÇ: BLOG & STİL REHBERİ (LOOKBOOK - blg)
   SÜRÜM: v16.0 - ZERO-DEPENDENCY CORE & GLOBAL TEMA ENTEGRELİ
   ========================================================================== */

.blg-container * { box-sizing: border-box; }
.blg-container { 
    max-width: 1440px; 
    margin: 60px auto 120px; 
    padding: 0 4%; 
    font-family: 'Plus Jakarta Sans', sans-serif; 
    color: var(--text-main); 
    animation: blgFadeIn 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; 
}
@keyframes blgFadeIn { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }

.blg-container a { text-decoration: none; outline: none; }
.blg-container a:focus-visible, 
.blg-container button:focus-visible { outline: 3px solid var(--brand-primary); outline-offset: 3px; }

/* Zarif Başlık Alanı */
.blg-header { text-align: center; margin-bottom: 70px; position: relative; }
.blg-editorial-tag { display: inline-block; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 4px; color: var(--brand-primary); margin-bottom: 20px; position: relative; }
.blg-editorial-tag::before, 
.blg-editorial-tag::after { content: ''; position: absolute; top: 50%; width: 30px; height: 1px; background: var(--brand-primary); opacity: 0.5; }
.blg-editorial-tag::before { right: 100%; margin-right: 15px; }
.blg-editorial-tag::after { left: 100%; margin-left: 15px; }

.blg-title { font-family: 'Playfair Display', serif; font-size: clamp(3rem, 5.5vw, 5rem); font-weight: 900; color: var(--text-main); margin: 0 0 20px 0; letter-spacing: -1.5px; line-height: 1.1; }
.blg-title span { color: var(--text-muted); font-style: italic; font-weight: 400; }
.blg-subtitle { font-size: 16px; color: var(--text-muted); font-weight: 500; max-width: 600px; margin: 0 auto; line-height: 1.8; }

.blg-grid { display: grid; grid-template-columns: 1.6fr 1fr; gap: 50px; align-items: start; }

/* ==========================================================================
   SOL TARAF: DERGİ KAPAĞI (MAGAZINE COVER) VİTRİNİ
   ========================================================================== */
.blg-featured { 
    position: relative; 
    display: block; 
    height: 750px; 
    border-radius: 32px; 
    overflow: hidden; 
    box-shadow: 0 30px 60px -10px rgba(0,0,0,0.15); 
    border: 1px solid var(--border-line); 
    background: #000; /* Blur efektinin şık durması için siyah taban */
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.6s ease; 
}
.blg-featured:hover { transform: translateY(-10px); box-shadow: 0 40px 80px -15px rgba(0,0,0,0.25); }

.blg-blur-bg { position: absolute; inset: -40px; width: calc(100% + 80px); height: calc(100% + 80px); object-fit: cover; filter: blur(50px) brightness(0.6); opacity: 0.6; z-index: 1; transition: opacity 0.6s ease; }
.blg-featured:hover .blg-blur-bg { opacity: 0.8; }

.blg-main-img { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; object-fit: cover; transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1); }
.blg-featured:hover .blg-main-img { transform: scale(1.05); }

/* Karartma (Gradient Overlay) */
.blg-featured-overlay {
    position: absolute; inset: 0; z-index: 3;
    background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0.95) 100%);
    transition: opacity 0.5s ease;
}

.blg-glass-badge {
    position: absolute; top: 30px; left: 30px; z-index: 5;
    background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);
    color: #ffffff; padding: 12px 24px; border-radius: 100px;
    font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px;
    border: 1px solid rgba(255,255,255,0.2); box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

/* Kapak Üzeri Metin Alanı */
.blg-featured-info { 
    position: absolute; bottom: 0; left: 0; width: 100%; 
    padding: 40px; z-index: 4; 
    display: flex; flex-direction: column; gap: 15px;
    transform: translateY(15px); transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.blg-featured:hover .blg-featured-info { transform: translateY(0); }

.blg-featured-meta { font-size: 12px; font-weight: 700; color: rgba(255,255,255,0.7); text-transform: uppercase; letter-spacing: 1.5px; display: flex; align-items: center; gap: 10px; }
.blg-featured-meta i { color: var(--brand-primary); font-size: 14px; }

.blg-featured-title { font-family: 'Playfair Display', serif; font-size: clamp(32px, 4vw, 46px); font-weight: 800; color: #ffffff; margin: 0; line-height: 1.15; text-shadow: 0 4px 20px rgba(0,0,0,0.5); }
.blg-featured-desc { font-size: 15px; color: rgba(255,255,255,0.8); line-height: 1.7; margin: 0 0 15px 0; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-shadow: 0 2px 10px rgba(0,0,0,0.5); }

.blg-btn-luxury {
    display: inline-flex; align-items: center; justify-content: center; gap: 12px;
    padding: 16px 35px; width: max-content;
    background: #ffffff; color: #000000 !important;
    border-radius: 100px; font-size: 13px; font-weight: 800;
    text-transform: uppercase; letter-spacing: 1px; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.blg-btn-luxury i { transition: transform 0.4s ease; }
.blg-featured:hover .blg-btn-luxury { background: var(--brand-primary); color: #fff !important; box-shadow: 0 10px 30px color-mix(in srgb, var(--brand-primary) 40%, transparent); }
.blg-featured:hover .blg-btn-luxury i { transform: translateX(6px); }

/* ==========================================================================
   SAĞ TARAF: KATEGORİLER & DİĞER EDİTÖRYAL YAZILAR
   ========================================================================== */
.blg-sidebar { display: flex; flex-direction: column; gap: 45px; }

.blg-sidebar-header { font-family: 'Playfair Display', serif; font-size: 24px; font-weight: 800; color: var(--text-main); padding-bottom: 15px; border-bottom: 2px solid var(--border-line); margin-bottom: 25px; display: flex; justify-content: space-between; align-items: flex-end;}
.blg-sidebar-header span { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 11px; font-weight: 800; color: var(--brand-primary); text-transform: uppercase; letter-spacing: 1.5px; }

/* Lüks Kategori Hapları (Pills) */
.blg-categories-list { display: flex; flex-wrap: wrap; gap: 10px; }
.blg-category-pill {
    display: inline-flex; align-items: center; gap: 10px;
    padding: 12px 20px; border-radius: 100px;
    background: var(--bg-card); border: 1px solid var(--border-line);
    color: var(--text-main); font-size: 13px; font-weight: 700;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); box-shadow: 0 10px 30px rgba(0,0,0,0.03);
}
.blg-category-pill:hover {
    border-color: var(--brand-primary); color: var(--brand-primary);
    transform: translateY(-3px); box-shadow: 0 10px 20px color-mix(in srgb, var(--brand-primary) 12%, transparent);
}
.blg-category-pill.active {
    background: var(--text-main); color: var(--bg-body);
    border-color: var(--text-main); box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.blg-category-count {
    background: color-mix(in srgb, var(--text-main) 5%, transparent); color: var(--text-muted);
    padding: 2px 8px; border-radius: 100px; font-size: 11px; font-weight: 800;
    transition: 0.3s;
}
.blg-category-pill:hover .blg-category-count { background: color-mix(in srgb, var(--brand-primary) 12%, transparent); color: var(--brand-primary); }
.blg-category-pill.active .blg-category-count { background: var(--bg-body); color: var(--text-main); }

/* Son Yazılar Listesi */
.blg-list { display: flex; flex-direction: column; gap: 15px; }
.blg-item { 
    display: flex; gap: 20px; align-items: center; background: var(--bg-card); 
    padding: 15px; border-radius: 24px; border: 1px solid var(--border-line); 
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); position: relative;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
}
.blg-item:hover { border-color: var(--brand-primary); transform: translateX(8px); box-shadow: 0 15px 35px color-mix(in srgb, var(--brand-primary) 12%, transparent); }

.blg-item-img-box { 
    width: 100px; height: 100px; flex-shrink: 0; background: color-mix(in srgb, var(--text-main) 3%, transparent); 
    border-radius: 16px; overflow: hidden; position: relative; 
    border: 1px solid var(--border-line);
}
.blg-item-img-box img.main-img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }
.blg-item:hover .blg-item-img-box img.main-img { transform: scale(1.1); }

.blg-item-content { flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 6px; padding-right: 25px; }
.blg-item-date { font-size: 11px; color: var(--brand-primary); font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: flex; align-items: center; gap: 5px;}
.blg-item-date i { font-size: 12px; }
.blg-item-title { font-family: 'Playfair Display', serif; font-size: 17px; font-weight: 800; color: var(--text-main); margin: 0; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color 0.3s; }
.blg-item:hover .blg-item-title { color: var(--brand-primary); }

.blg-item-arrow { position: absolute; right: 20px; width: 35px; height: 35px; border-radius: 50%; background: color-mix(in srgb, var(--text-main) 3%, transparent); color: var(--text-main); display: flex; align-items: center; justify-content: center; font-size: 14px; opacity: 0; transform: translateX(-10px); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
.blg-item:hover .blg-item-arrow { opacity: 1; transform: translateX(0); background: var(--brand-primary); color: #fff; }

/* ==========================================================================
   MOBİL UYARLAMA
   ========================================================================== */
@media (max-width: 1100px) {
    .blg-grid { grid-template-columns: 1fr; gap: 50px; }
    .blg-featured { height: 600px; }
}

@media (max-width: 768px) {
    .blg-container { padding: 0 4%; margin-top: 30px; }
    .blg-header { margin-bottom: 40px; }
    .blg-title { font-size: 34px; }
    .blg-subtitle { font-size: 14px; }
    
    .blg-featured { height: 480px; border-radius: 24px; }
    .blg-glass-badge { top: 20px; left: 20px; padding: 8px 18px; font-size: 10px; }
    .blg-featured-info { padding: 25px 20px; }
    .blg-featured-title { font-size: 26px; }
    .blg-featured-desc { font-size: 13px; -webkit-line-clamp: 3; }
    .blg-btn-luxury { padding: 14px 25px; font-size: 12px; width: 100%; justify-content: center;}
    
    .blg-category-pill { padding: 10px 16px; font-size: 12px; }
    
    .blg-item { padding: 12px; gap: 15px; border-radius: 20px; }
    .blg-item:hover { transform: translateX(4px); }
    .blg-item-img-box { width: 80px; height: 80px; border-radius: 14px; }
    .blg-item-title { font-size: 14.5px; }
    .blg-item-content { padding-right: 0; }
    .blg-item-arrow { display: none; }
}
/* ==========================================================================
   BİTİŞ: BLOG & STİL REHBERİ
   ========================================================================== */
/* ==========================================================================
   BAŞLANGIÇ: KAMPANYALAR MODÜLÜ (mod-campaigns)
   SÜRÜM: v16.0 - ZERO-DEPENDENCY CORE & GLOBAL TEMA ENTEGRELİ
   ========================================================================== */

.mod-campaigns-wrapper * { box-sizing: border-box; }
.mod-campaigns-wrapper { 
    max-width: 1400px; 
    margin: 60px auto 100px; 
    padding: 0 4%; 
    animation: modCampaignsFadeIn 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; 
    font-family: 'Plus Jakarta Sans', sans-serif; 
    color: var(--text-main); 
}
@keyframes modCampaignsFadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }

/* Headers */
.mod-campaigns-header { text-align: center; margin-bottom: 50px; position: relative; }
.mod-campaigns-title { font-family: 'Playfair Display', serif; font-size: clamp(2.5rem, 4vw, 3.5rem); font-weight: 800; color: var(--text-main); margin-bottom: 8px; letter-spacing: -0.5px; text-transform: capitalize; }
.mod-campaigns-subtitle { font-size: 13px; color: var(--text-muted); font-weight: 800; letter-spacing: 1px; text-transform: uppercase; margin: 0; }
.mod-campaigns-divider { display: flex; align-items: center; justify-content: center; max-width: 250px; margin: 15px auto 0; gap: 10px; }
.mod-campaigns-line { height: 2px; flex: 1; border-radius: 2px; }
.mod-campaigns-left { background: linear-gradient(90deg, transparent 0%, var(--danger, #ef4444) 100%); }
.mod-campaigns-right { background: linear-gradient(270deg, transparent 0%, var(--danger, #ef4444) 100%); }
.mod-campaigns-divider i { font-size: 18px; color: var(--danger, #ef4444); filter: drop-shadow(0 2px 4px color-mix(in srgb, var(--danger, #ef4444) 40%, transparent)); }

/* Filter Bar */
.mod-campaigns-filter-bar { background: var(--bg-card); border: 1px solid var(--border-line); border-radius: 16px; padding: 20px 25px; margin-bottom: 40px; box-shadow: 0 24px 50px rgba(0,0,0,0.05); }
.mod-campaigns-filter-form { display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-end; }
.mod-campaigns-filter-group { display: flex; flex-direction: column; gap: 8px; flex: 1; min-width: 200px; }
.mod-campaigns-filter-group label { font-size: 12px; font-weight: 800; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; }
.mod-campaigns-filter-group select, .mod-campaigns-price-inputs input { width: 100%; padding: 12px 15px; border-radius: 10px; border: 1px solid var(--border-line); background: var(--bg-body); color: var(--text-main); font-family: inherit; font-size: 14px; font-weight: 600; outline: none; transition: 0.3s; -webkit-appearance: none; }
.mod-campaigns-filter-group select:focus, .mod-campaigns-price-inputs input:focus { border-color: var(--danger, #ef4444); box-shadow: 0 0 0 4px color-mix(in srgb, var(--danger, #ef4444) 15%, transparent); }
.mod-campaigns-price-inputs { display: flex; align-items: center; gap: 10px; }
.mod-campaigns-price-inputs span { font-weight: 800; color: var(--text-muted); }

.mod-campaigns-filter-actions { display: flex; gap: 10px; flex: 1; min-width: 180px; }
.mod-campaigns-btn-filter { flex: 1; background: var(--text-main); color: var(--bg-body); border: none; padding: 12px 20px; border-radius: 10px; font-weight: 800; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5px; cursor: pointer; transition: 0.3s; }
.mod-campaigns-btn-filter:hover { background: var(--danger, #ef4444); color: #fff; transform: translateY(-2px); box-shadow: 0 8px 20px color-mix(in srgb, var(--danger, #ef4444) 30%, transparent); }
.mod-campaigns-btn-clear { width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--danger, #ef4444) 10%, transparent); color: var(--danger, #ef4444); border-radius: 10px; text-decoration: none; transition: 0.3s; font-size: 18px; }
.mod-campaigns-btn-clear:hover { background: var(--danger, #ef4444); color: #fff; transform: scale(1.05); }

/* A11y States */
.mod-campaigns-filter-group select:focus-visible, .mod-campaigns-price-inputs input:focus-visible { outline: 3px solid var(--danger, #ef4444); outline-offset: 1px; }
.mod-campaigns-btn-filter:focus-visible, .mod-campaigns-btn-clear:focus-visible, .mod-campaigns-card:focus-visible, .mod-campaigns-btn-favorite:focus-visible, .mod-campaigns-page-link:focus-visible { outline: 3px solid var(--brand-primary); outline-offset: 3px; }

/* Grid & Cards */
.mod-campaigns-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 26px; margin-bottom: 50px; }
.mod-campaigns-card { display: flex; flex-direction: column; background: var(--bg-card); border: 1px solid var(--border-line); border-radius: 16px; overflow: hidden; position: relative; transition: 0.5s cubic-bezier(0.2, 0.8, 0.2, 1); text-decoration: none; will-change: transform, box-shadow; transform: translateZ(0); }
.mod-campaigns-card:hover { transform: translate3d(0, -10px, 0); box-shadow: 0 24px 50px rgba(0,0,0,0.1); border-color: color-mix(in srgb, var(--danger, #ef4444) 40%, transparent); }

.mod-campaigns-card-crown { display: flex; align-items: center; justify-content: center; width: 100%; padding: 12px 15px; background: var(--bg-card); border-bottom: 1px solid var(--border-line); gap: 10px; }
.mod-campaigns-frame-line { height: 1.5px; flex: 1; border-radius: 2px; }
.mod-campaigns-frame-left { background: linear-gradient(90deg, transparent 0%, var(--brand-primary) 100%); }
.mod-campaigns-frame-right { background: linear-gradient(270deg, transparent 0%, var(--brand-primary) 100%); }
.mod-campaigns-card-crown i { font-size: 14px; color: var(--brand-primary); filter: drop-shadow(0 2px 4px color-mix(in srgb, var(--brand-primary) 30%, transparent)); }

.mod-campaigns-img-wrap { position: relative; width: 100%; aspect-ratio: 3/4; overflow: hidden; background: var(--bg-body); border-bottom: 1px solid var(--border-line); }
.mod-campaigns-img-main { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.6s ease; z-index: 1; }
.mod-campaigns-card:hover .mod-campaigns-img-main.has-ghost { opacity: 0; }

.mod-campaigns-ghost-single { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; z-index: 2; transition: opacity 0.6s ease, transform 0.8s ease; transform: scale(1.05); }
.mod-campaigns-card:hover .mod-campaigns-ghost-single { opacity: 1; transform: scale(1); }
.mod-campaigns-ghost-gallery { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; visibility: hidden; transition: opacity 0.4s ease, visibility 0.4s; background: var(--bg-body); }
.mod-campaigns-card:hover .mod-campaigns-ghost-gallery { opacity: 1; visibility: visible; }
.mod-campaigns-ghost-multi { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; }
.mod-campaigns-card:hover .mod-campaigns-ghost-multi { animation: modCampaignsDynamicGhost 6s ease-in-out infinite; }
@keyframes modCampaignsDynamicGhost { 0%, 100% { opacity: 0; transform: scale(1); } 15%, 35% { opacity: 1; transform: scale(1.03); } 50%, 85% { opacity: 0; transform: scale(1.05); } }

.mod-campaigns-badges { position: absolute; top: 12px; left: 12px; display: flex; flex-direction: column; gap: 6px; z-index: 5; }
.mod-campaigns-badge-pill { padding: 6px 12px; border-radius: 6px; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
.mod-campaigns-badge-campaign { background: var(--text-main); color: var(--bg-body); }
.mod-campaigns-badge-discount { background: var(--danger, #ef4444); color: #fff; }
.mod-campaigns-badge-outstock { background: var(--text-main); color: var(--bg-body); }

.mod-campaigns-btn-favorite { position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; border-radius: 50%; background: color-mix(in srgb, var(--bg-body) 90%, transparent); backdrop-filter: blur(5px); display: flex; align-items: center; justify-content: center; opacity: 0; transform: scale(0.8) translateY(-10px); transition: 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); z-index: 10; color: var(--text-main); cursor: pointer; box-shadow: 0 4px 15px rgba(0,0,0,0.1); border: none; }
.mod-campaigns-card:hover .mod-campaigns-btn-favorite { opacity: 1; transform: scale(1) translateY(0); }
.mod-campaigns-btn-favorite:hover { color: var(--danger, #ef4444); transform: scale(1.1); }

.mod-campaigns-quick-view { position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px; background: linear-gradient(to top, rgba(0,0,0,0.5), transparent); transform: translateY(100%); transition: 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); z-index: 6; display: flex; justify-content: center; }
.mod-campaigns-card:hover .mod-campaigns-quick-view { transform: translateY(0); }
.mod-campaigns-btn-quick-view { width: 100%; background: color-mix(in srgb, var(--bg-body) 95%, transparent); backdrop-filter: blur(10px); color: var(--text-main); border: none; padding: 12px; border-radius: 10px; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 10px 25px rgba(0,0,0,0.2); cursor: pointer; transition: 0.3s; text-align: center; }
.mod-campaigns-btn-quick-view:hover { background: var(--danger, #ef4444); color: #fff; }

.mod-campaigns-info { padding: 22px 20px; display: flex; flex-direction: column; flex-grow: 1; gap: 8px; }
.mod-campaigns-brand-row { display: flex; justify-content: space-between; align-items: center; }
.mod-campaigns-brand { font-size: 10.5px; font-weight: 800; color: var(--brand-primary); text-transform: uppercase; letter-spacing: 1.5px; }
.mod-campaigns-stock-count { font-size: 10px; font-weight: 700; color: var(--text-muted); padding: 4px 10px; background: color-mix(in srgb, var(--text-main) 5%, transparent); border-radius: 6px; }
.mod-campaigns-stock-danger { color: var(--danger, #ef4444); background: color-mix(in srgb, var(--danger, #ef4444) 10%, transparent); }

.mod-campaigns-card-title { font-size: 16px; font-weight: 800; color: var(--text-main); margin: 0; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; transition: color 0.3s; }
.mod-campaigns-card:hover .mod-campaigns-card-title { color: var(--danger, #ef4444); }
.mod-campaigns-desc { font-size: 12px; color: var(--text-muted); font-weight: 500; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }

.mod-campaigns-colors { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 5px; min-height: 24px; }
.mod-campaigns-color-chip { font-size: 9px; font-weight: 700; color: var(--text-muted); padding: 4px 10px; background: color-mix(in srgb, var(--text-main) 5%, transparent); border-radius: 6px; text-transform: uppercase; border: 1px solid var(--border-line); }

.mod-campaigns-price-box { display: flex; align-items: baseline; gap: 10px; margin-top: auto; padding-top: 15px; border-top: 1px solid var(--border-line); }
.mod-campaigns-price { font-size: 20px; font-weight: 800; color: var(--text-main); letter-spacing: -0.5px; }
.mod-campaigns-price-old { font-size: 13px; color: var(--text-muted); text-decoration: line-through; font-weight: 600; opacity: 0.7; }
@keyframes modCampaignsDiscountBlink { 0%, 100% { opacity: 1; transform: scale(1); text-shadow: 0 0 0 rgba(220, 38, 38, 0); } 50% { opacity: 0.85; transform: scale(1.05); text-shadow: 0 2px 10px rgba(220, 38, 38, 0.5); } }
.mod-campaigns-price-new { color: var(--danger, #ef4444); display: inline-block; animation: modCampaignsDiscountBlink 1.8s infinite ease-in-out; }

/* Pagination */
.mod-campaigns-pagination { display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 40px; }
.mod-campaigns-page-link { display: inline-flex; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 12px; background: var(--bg-card); border: 1px solid var(--border-line); color: var(--text-main); font-weight: 800; font-size: 14px; text-decoration: none; transition: 0.3s; box-shadow: 0 5px 15px rgba(0,0,0,0.02); }
.mod-campaigns-page-link:hover { border-color: var(--danger, #ef4444); color: var(--danger, #ef4444); transform: translateY(-3px); box-shadow: 0 10px 20px color-mix(in srgb, var(--danger, #ef4444) 15%, transparent); }
.mod-campaigns-page-link.active { background: var(--danger, #ef4444); border-color: var(--danger, #ef4444); color: #fff; pointer-events: none; }
.mod-campaigns-page-link i { font-size: 12px; }

/* Empty State */
.mod-campaigns-empty { grid-column: 1 / -1; text-align: center; padding: 80px 20px; background: var(--bg-card); border-radius: 16px; border: 1px dashed var(--border-line); }
.mod-campaigns-empty i { font-size: 60px; color: var(--text-muted); opacity: 0.3; margin-bottom: 20px; }
.mod-campaigns-empty h2 { font-family: 'Playfair Display', serif; font-size: 26px; font-weight: 800; margin: 0 0 10px 0; }
.mod-campaigns-empty p { color: var(--text-muted); font-weight: 500; }

/* Toast */
.mod-campaigns-toast { position:fixed; bottom:30px; right:30px; background:var(--text-main); color:var(--bg-body); padding:15px 25px; border-radius:12px; font-weight:700; font-size:14px; opacity:0; visibility:hidden; transition:0.3s; z-index:9999; display:flex; align-items:center; gap:10px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); will-change: opacity, visibility; }

/* Mobile Optimization */
@media (max-width: 1400px) { .mod-campaigns-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 1050px) { .mod-campaigns-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 768px) {
    .mod-campaigns-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .mod-campaigns-filter-form { flex-direction: column; gap: 15px; }
    .mod-campaigns-filter-group, .mod-campaigns-filter-actions { width: 100%; min-width: 100%; }
    
    .mod-campaigns-card-crown { padding: 8px 10px; gap: 6px; }
    .mod-campaigns-card-crown i { font-size: 11px; }

    .mod-campaigns-info { padding: 12px 10px; gap: 5px; }
    .mod-campaigns-card-title { font-size: 12.5px; line-height: 1.3; }
    .mod-campaigns-desc { display: none; }
    .mod-campaigns-price { font-size: 16px; }
    .mod-campaigns-price-old { font-size: 11px; }
    .mod-campaigns-brand { font-size: 9px; }
    .mod-campaigns-stock-count { font-size: 9px; padding: 2px 6px; }
    .mod-campaigns-color-chip { font-size: 9px; padding: 2px 6px; }
    .mod-campaigns-badge-pill { padding: 4px 8px; font-size: 9px; }

    .mod-campaigns-btn-favorite { opacity: 1; transform: scale(1) translateY(0); top: 8px; right: 8px; width: 30px; height: 30px; font-size: 12px; }
    .mod-campaigns-quick-view { display: none; }
    .mod-campaigns-page-link { width: 40px; height: 40px; font-size: 13px; }
}

/* Intersection Observer Active State */
.mod-campaigns-reveal { opacity: 0; transform: translateY(30px); transition: 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
.mod-campaigns-reveal.active { opacity: 1; transform: translateY(0); }
/* ==========================================================================
   BİTİŞ: KAMPANYALAR MODÜLÜ (mod-campaigns)
   ========================================================================== */
/* ==========================================================================
   BAŞLANGIÇ: CHECKOUT & ÖDEME EKRANI (mod-checkout)
   Sürüm: v19.1 - ZERO-DEPENDENCY CORE & TRUE BLACK (ZİFİRİ SİYAH) UYUMLU
   ========================================================================== */

.mod-checkout-wrapper * { box-sizing: border-box; }

.mod-checkout-wrapper {
    /* Modüle özel layout değişkenleri (Global değişkenlerden türer) */
    --checkout-radius: 20px;
    --checkout-border: color-mix(in srgb, var(--text-main, #0f172a) 8%, transparent);
    --checkout-shadow: 0 20px 40px color-mix(in srgb, var(--text-main, #0f172a) 3%, transparent);
    --checkout-input-bg: color-mix(in srgb, var(--text-main, #0f172a) 3%, var(--bg-body, #f8fafc));
    --checkout-chip-bg: color-mix(in srgb, var(--text-main, #0f172a) 5%, transparent);
    --checkout-loyalty: var(--loyalty, #8b5cf6);

    max-width: 1400px; 
    margin: 40px auto 100px; 
    padding: 0 4%; 
    animation: modCheckoutFadeIn 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; 
    font-family: 'Plus Jakarta Sans', sans-serif; 
    color: var(--text-main, #020617); 
}

/* Global Karanlık Mod (Dark Theme) - TRUE BLACK (ZİFİRİ SİYAH) GÜNCELLEMESİ */
html[data-theme="dark"] .mod-checkout-wrapper, body[data-theme="dark"] .mod-checkout-wrapper {
    /* Gri/Lacivert tonlar iptal edildi. Ürün Detay ve Sepetteki gibi TAM SİYAH (000000) yapıldı */
    --bg-body: #000000;
    --bg-panel: #000000;
    --text-main: #ffffff;
    --text-muted: #a3a3a3;
    
    /* Form alanları, kartlar ve çizgilerin karanlık modda gri görünmesini engelleme */
    --checkout-border: rgba(255, 255, 255, 0.08); 
    --checkout-input-bg: rgba(255, 255, 255, 0.03); /* Siyah arka planda inputların hafif belli olması için */
    --checkout-chip-bg: rgba(255, 255, 255, 0.04);
    --checkout-shadow: 0 15px 40px rgba(0, 0, 0, 0.9);
    
    --brand-primary: #ff8a3d;
    --loyalty: #a78bfa;
}

@keyframes modCheckoutFadeIn { 
    from { opacity: 0; transform: translateY(20px); } 
    to { opacity: 1; transform: translateY(0); } 
}

/* Headers */
.mod-checkout-page-title { margin-bottom: 40px; text-align: center; }
.mod-checkout-page-title h1 { font-family: 'Playfair Display', serif; font-size: clamp(28px, 4vw, 42px); font-weight: 800; color: var(--text-main, #020617); margin: 0 0 10px 0; letter-spacing: -0.5px; }
.mod-checkout-page-title p { font-size: 14px; color: var(--text-muted, #64748b); font-weight: 500; margin: 0; display: flex; align-items: center; justify-content: center; gap: 8px; }

/* Grid Layout */
.mod-checkout-grid { display: grid; grid-template-columns: 1fr 440px; gap: 40px; align-items: start; }
.mod-checkout-steps { display: flex; flex-direction: column; gap: 30px; }

/* Step Cards */
.mod-checkout-step-card { background: var(--bg-panel, #ffffff); border: 1px solid var(--checkout-border); border-radius: var(--checkout-radius); padding: 35px; box-shadow: var(--checkout-shadow); transition: 0.3s; }
.mod-checkout-step-card:hover { border-color: color-mix(in srgb, var(--brand-primary, #f97316) 20%, transparent); }
.mod-checkout-step-header { display: flex; align-items: center; gap: 15px; margin-bottom: 25px; border-bottom: 1px solid var(--checkout-border); padding-bottom: 15px; justify-content: space-between; }
.mod-checkout-sh-left { display: flex; align-items: center; gap: 15px; }
.mod-checkout-step-number { width: 32px; height: 32px; border-radius: 50%; background: var(--text-main, #020617); color: var(--bg-body, #f8fafc); display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 800; flex-shrink: 0; }
.mod-checkout-sh-left h2 { font-size: 18px; font-weight: 800; color: var(--text-main, #020617); margin: 0; letter-spacing: 0.5px; }

/* Address Selector */
.mod-checkout-address-selector { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 25px; }
.mod-checkout-addr-chip { padding: 12px 18px; border: 1.5px solid var(--checkout-border); border-radius: 12px; background: var(--checkout-input-bg); cursor: pointer; transition: 0.3s; display: flex; align-items: center; gap: 10px; font-size: 13.5px; font-weight: 700; color: var(--text-muted, #64748b); user-select: none; }
.mod-checkout-addr-chip i { font-size: 16px; }
.mod-checkout-addr-chip:hover { border-color: var(--brand-primary, #f97316); color: var(--text-main, #020617); }
.mod-checkout-addr-chip.active { background: color-mix(in srgb, var(--brand-primary, #f97316) 8%, transparent); border-color: var(--brand-primary, #f97316); color: var(--brand-primary, #f97316); box-shadow: 0 5px 15px color-mix(in srgb, var(--brand-primary, #f97316) 15%, transparent); }
.mod-checkout-addr-chip:focus-visible, .mod-checkout-floating-input:focus-visible, .mod-checkout-btn-submit:focus-visible { outline: 3px solid var(--brand-primary, #f97316); outline-offset: 3px; }

/* Forms & Floating Inputs */
.mod-checkout-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; }
.mod-checkout-form-group { position: relative; margin-bottom: 20px; width: 100%; }
.mod-checkout-full { grid-column: span 2; }
.mod-checkout-floating-input { width: 100%; padding: 22px 18px 10px; border: 1.5px solid var(--checkout-border); border-radius: 12px; background: var(--checkout-input-bg); color: var(--text-main, #020617); font-size: 15px; font-weight: 600; outline: none; transition: 0.3s ease; font-family: inherit; }
.mod-checkout-floating-label { position: absolute; left: 18px; top: 16px; color: var(--text-muted, #64748b); font-size: 14px; font-weight: 600; transition: 0.3s ease; pointer-events: none; }
.mod-checkout-floating-input:focus { border-color: var(--brand-primary, #f97316); background: var(--bg-panel, #ffffff); box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand-primary, #f97316) 10%, transparent); }
.mod-checkout-floating-input:focus ~ .mod-checkout-floating-label, .mod-checkout-floating-input:not(:placeholder-shown) ~ .mod-checkout-floating-label { top: 6px; font-size: 10px; color: var(--brand-primary, #f97316); font-weight: 800; }

/* Payment Methods */
.mod-checkout-payment-methods { display: flex; flex-direction: column; gap: 15px; }
.mod-checkout-payment-option { position: relative; display: flex; flex-direction: column; }
.mod-checkout-payment-option input { display: none; }
.mod-checkout-payment-option label { display: flex; align-items: center; gap: 15px; padding: 20px; border: 1.5px solid var(--checkout-border); border-radius: 14px; cursor: pointer; transition: 0.3s; background: var(--bg-panel, #ffffff); font-size: 15px; font-weight: 700; color: var(--text-main, #020617); }
.mod-checkout-payment-option label i { font-size: 20px; color: var(--text-muted, #64748b); width: 25px; text-align: center; transition: 0.3s; }
.mod-checkout-payment-option input:checked + label { border-color: var(--brand-primary, #f97316); background: color-mix(in srgb, var(--brand-primary, #f97316) 5%, transparent); }
.mod-checkout-payment-option input:checked + label i { color: var(--brand-primary, #f97316); }
.mod-checkout-payment-option input:focus-visible + label { outline: 3px solid var(--brand-primary, #f97316); outline-offset: 3px; }

.mod-checkout-bank-info { max-height: 0; overflow: hidden; transition: max-height 0.5s cubic-bezier(0.16, 1, 0.3, 1); opacity: 0; padding: 0 5px; font-size: 13.5px; color: var(--text-muted, #64748b); line-height: 1.6; }
.mod-checkout-payment-option input#pay_eft:checked ~ .mod-checkout-bank-info, .mod-checkout-payment-option input#pay_cc:checked ~ .mod-checkout-bank-info { max-height: 200px; opacity: 1; padding-top: 15px; }

/* Order Summary */
.mod-checkout-summary { background: var(--bg-panel, #ffffff); border: 1px solid var(--checkout-border); border-radius: var(--checkout-radius); padding: 35px; position: sticky; top: 120px; box-shadow: var(--checkout-shadow); will-change: transform; transition: 0.3s; }
.mod-checkout-summary:hover { border-color: color-mix(in srgb, var(--brand-primary, #f97316) 20%, transparent); }
.mod-checkout-summary-title { font-size: 18px; font-weight: 800; margin: 0 0 25px 0; color: var(--text-main, #020617); display: flex; align-items: center; gap: 10px; border-bottom: 1px solid var(--checkout-border); padding-bottom: 15px; }

.mod-checkout-mini-cart { display: flex; flex-direction: column; gap: 20px; margin-bottom: 25px; max-height: 350px; overflow-y: auto; padding-right: 5px; scrollbar-width: none; }
.mod-checkout-mini-cart::-webkit-scrollbar { display: none; }

.mod-checkout-mini-item { display: flex; gap: 15px; align-items: flex-start; padding-bottom: 15px; border-bottom: 1px dashed var(--checkout-border); transition: 0.3s; }
.mod-checkout-mini-item:last-child { border-bottom: none; padding-bottom: 0; }
.mod-checkout-mini-img { width: 65px; height: 85px; border-radius: 8px; object-fit: cover; border: 1px solid var(--checkout-border); }
.mod-checkout-mini-info { flex: 1; display: flex; flex-direction: column; }

.mod-checkout-mini-brand { font-size: 9.5px; font-weight: 800; color: var(--brand-primary, #f97316); text-transform: uppercase; letter-spacing: 1px; display: block; margin-bottom: 4px; }
.mod-checkout-mini-info h4 { margin: 0 0 6px 0; font-size: 13.5px; font-weight: 700; color: var(--text-main, #020617); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.3; }

.mod-checkout-mini-meta { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-bottom: 6px; font-size: 11px; font-weight: 700; color: var(--text-muted, #64748b); }
.mod-checkout-mini-meta .m-qty { background: var(--text-main, #020617); color: var(--bg-panel, #000000); padding: 2px 6px; border-radius: 4px; font-size: 10px; }
.mod-checkout-mini-meta .m-chip { background: var(--checkout-chip-bg); padding: 2px 8px; border-radius: 4px; text-transform: uppercase; border: 1px solid var(--checkout-border); }

.mod-checkout-mini-price { font-size: 14px; font-weight: 800; color: var(--text-main, #020617); margin-top: auto; }
.mod-checkout-old-price { font-size: 11px; text-decoration: line-through; color: var(--text-muted, #64748b); margin-right: 6px; font-weight: 600; }

@keyframes modCheckoutDiscountBlink { 
    0%, 100% { opacity: 1; transform: scale(1); text-shadow: 0 0 0 transparent; } 
    50% { opacity: 0.85; transform: scale(1.05); text-shadow: 0 2px 10px color-mix(in srgb, var(--danger, #dc2626) 50%, transparent); } 
}
.mod-checkout-new-price { display: inline-block; color: var(--danger, #dc2626); animation: modCheckoutDiscountBlink 1.8s infinite ease-in-out; }

/* Summary Calculations */
.mod-checkout-summary-row { display: flex; justify-content: space-between; font-size: 14px; color: var(--text-muted, #64748b); font-weight: 600; margin-bottom: 18px; }
.mod-checkout-summary-row span.val { color: var(--text-main, #020617); font-weight: 700; }
.mod-checkout-tax-small { font-size: 10px; color: var(--text-muted, #64748b); font-weight: 600; }

.mod-checkout-discount-row { color: var(--success, #10b981); }
.mod-checkout-discount-row span.val { color: var(--success, #10b981); }
.mod-checkout-points-row { color: var(--checkout-loyalty); }
.mod-checkout-points-row span.val { color: var(--checkout-loyalty); font-weight: 800; }
.mod-checkout-shipping-row { border-bottom: 1px solid var(--checkout-border); padding-bottom: 20px; margin-bottom: 20px; }
.mod-checkout-shipping-row span.val.free { color: var(--success, #10b981); }

.mod-checkout-total-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; }
.mod-checkout-total-row span.lbl { font-size: 16px; font-weight: 800; color: var(--text-main, #020617); }
.mod-checkout-total-row span.val { font-size: 28px; font-weight: 800; color: var(--brand-primary, #f97316); letter-spacing: -0.5px; }

/* Alerts & Buttons */
.mod-checkout-alert-box { background: color-mix(in srgb, var(--danger, #dc2626) 10%, transparent); border: 1px solid color-mix(in srgb, var(--danger, #dc2626) 30%, transparent); border-radius: 12px; padding: 15px; color: var(--danger, #dc2626); font-size: 13.5px; font-weight: 700; margin-bottom: 25px; display: none; align-items: center; gap: 10px; animation: modCheckoutPopIn 0.3s ease; }
@keyframes modCheckoutPopIn { 0% { transform: scale(0.95); opacity: 0; } 100% { transform: scale(1); opacity: 1; } }

.mod-checkout-btn-submit { width: 100%; padding: 20px; background: var(--text-main, #020617); color: var(--bg-panel, #ffffff); border: none; border-radius: 14px; font-size: 15px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; transition: 0.3s; display: flex; align-items: center; justify-content: center; gap: 10px; position: relative; overflow: hidden; will-change: transform, box-shadow; font-family: 'Plus Jakarta Sans', sans-serif; }
.mod-checkout-btn-submit:hover { background: var(--brand-primary, #f97316); color: #fff; transform: translateY(-3px); box-shadow: 0 10px 25px color-mix(in srgb, var(--brand-primary, #f97316) 30%, transparent); }
.mod-checkout-btn-submit.success-state { background: var(--success, #10b981) !important; color: #fff !important; transform: translateY(-2px) !important; box-shadow: 0 10px 30px color-mix(in srgb, var(--success, #10b981) 20%, transparent) !important; }

/* Trust Badges */
.mod-checkout-secure-badges { display: flex; flex-direction: column; gap: 10px; margin-top: 25px; }
.mod-checkout-secure-badges .s-badge { display: flex; align-items: center; gap: 10px; font-size: 11.5px; color: var(--text-muted, #64748b); font-weight: 600; }
.mod-checkout-secure-badges .s-badge i { font-size: 16px; color: var(--brand-primary, #f97316); width: 20px; text-align: center; }

/* Responsive */
@media (max-width: 992px) {
    .mod-checkout-wrapper { padding: 0 4%; margin-bottom: 80px; }
    .mod-checkout-grid { grid-template-columns: 1fr; gap: 40px; }
    .mod-checkout-steps { order: 2; }
    .mod-checkout-summary { order: 1; position: relative; top: 0; padding: 25px 20px; }
    .mod-checkout-form-row { grid-template-columns: 1fr; gap: 0; }
    .mod-checkout-full { grid-column: span 1; }
}

/* ==========================================================================
   BİTİŞ: CHECKOUT & ÖDEME EKRANI (mod-checkout)
   ========================================================================== */
/* ==========================================================================
   BAŞLANGIÇ: KUPONLARIM (mod-coupons)
   Sürüm: v19.0 - ZERO-DEPENDENCY CORE & GLOBAL THEME (color-mix) UYUMLU
   ========================================================================== */

.mod-coupons-wrapper * { box-sizing: border-box; }

/* Font Awesome İkon Koruması (İkonların bozulmasını önler) */
.mod-coupons-wrapper i.fa-solid, .mod-coupons-wrapper i.fas { font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important; display: inline-block; }
.mod-coupons-wrapper i.fa-regular, .mod-coupons-wrapper i.far { font-family: "Font Awesome 6 Free" !important; font-weight: 400 !important; display: inline-block; }
.mod-coupons-wrapper i.fa-brands, .mod-coupons-wrapper i.fab { font-family: "Font Awesome 6 Brands" !important; font-weight: 400 !important; display: inline-block; }

.mod-coupons-wrapper {
    /* Modüle özel layout değişkenleri (Global değişkenlerden türer) */
    --coupons-primary-alpha: color-mix(in srgb, var(--brand-primary, #f97316) 10%, transparent);
    --coupons-border: color-mix(in srgb, var(--text-main, #0f172a) 8%, transparent);
    --coupons-shadow: 0 15px 35px color-mix(in srgb, var(--text-main, #0f172a) 3%, transparent);
    --coupons-bg-light: color-mix(in srgb, var(--text-main, #0f172a) 3%, var(--bg-body, #f8fafc));

    font-family: 'Plus Jakarta Sans', sans-serif; 
    width: 100%; 
    display: flex; 
    flex-direction: column; 
    gap: 30px; 
    animation: modCouponsFadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; 
    color: var(--text-main, #0f172a); 
}

.mod-coupons-full-page { max-width: 1100px; margin: 40px auto 100px; padding: 0 4%; }
@keyframes modCouponsFadeIn { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }

/* Header */
.mod-coupons-header { background: var(--bg-panel, #ffffff); border: 1px solid var(--coupons-border); border-radius: 16px; padding: 25px 30px; display: flex; justify-content: space-between; align-items: center; }
.mod-coupons-title h1 { margin: 0 0 5px 0; font-size: 20px; font-weight: 800; color: var(--text-main, #0f172a); display: flex; align-items: center; gap: 12px; }
.mod-coupons-title h1 i { color: var(--brand-primary, #f97316); font-size: 22px; }
.mod-coupons-title p { margin: 0; font-size: 13px; font-weight: 600; color: var(--text-muted, #475569); }

/* Dividers */
.mod-coupons-divider { font-size: 15px; font-weight: 800; color: var(--text-main, #0f172a); margin: 10px 0; padding-bottom: 10px; border-bottom: 1px solid var(--coupons-border); display: flex; align-items: center; gap: 10px; }
.mod-coupons-divider i { color: var(--text-muted, #475569); }

/* Grid & Cards */
.mod-coupons-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 20px; }

.mod-coupons-ticket-card { display: flex; background: var(--bg-panel, #ffffff); border: 1px solid var(--coupons-border); border-radius: 16px; position: relative; overflow: hidden; box-shadow: var(--coupons-shadow); transition: 0.3s ease; will-change: transform, border-color; transform: translateZ(0); }
.mod-coupons-ticket-card:hover { transform: translate3d(0, -3px, 0); border-color: color-mix(in srgb, var(--brand-primary, #f97316) 30%, transparent); }

/* Ticket Cuts */
.mod-coupons-ticket-card::before, .mod-coupons-ticket-card::after { content: ''; position: absolute; top: 50%; width: 20px; height: 20px; background: var(--bg-body, #f8fafc); border-radius: 50%; z-index: 2; border: 1px solid var(--coupons-border); }
.mod-coupons-ticket-card::before { left: 105px; transform: translateY(-50%); border-left-color: transparent; border-top-color: transparent; border-bottom-color: transparent; }
.mod-coupons-ticket-card::after { left: 105px; transform: translateY(-50%) rotate(180deg); border-left-color: transparent; border-top-color: transparent; border-bottom-color: transparent; }

/* Ticket Inner */
.mod-coupons-ticket-left { width: 115px; background: var(--coupons-primary-alpha); display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px 10px; border-right: 2px dashed var(--coupons-border); text-align: center; }
.mod-coupons-ticket-left h2 { margin: 0 0 5px 0; font-size: 26px; font-weight: 800; color: var(--brand-primary, #f97316); letter-spacing: -1px; }
.mod-coupons-ticket-left span { font-size: 10px; font-weight: 800; color: var(--text-main, #0f172a); text-transform: uppercase; letter-spacing: 1px; }

.mod-coupons-ticket-right { flex: 1; padding: 25px; display: flex; flex-direction: column; justify-content: space-between; min-width: 0; }
.mod-coupons-tr-top { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 15px; }
.mod-coupons-tr-code-box h3 { margin: 0 0 4px 0; font-size: 18px; font-weight: 800; color: var(--text-main, #0f172a); letter-spacing: 1px; text-transform: uppercase; word-break: break-all; }
.mod-coupons-tr-code-box p { margin: 0; font-size: 12px; color: var(--text-muted, #475569); font-weight: 600; display: flex; align-items: center; gap: 6px; }
.mod-coupons-tr-code-box p i { color: var(--brand-primary, #f97316); }

.mod-coupons-btn-copy { background: var(--coupons-bg-light); border: 1px solid var(--coupons-border); width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: var(--text-main, #0f172a); cursor: pointer; transition: 0.2s; flex-shrink: 0; }
.mod-coupons-btn-copy:hover { background: var(--brand-primary, #f97316); color: #ffffff; border-color: var(--brand-primary, #f97316); }
.mod-coupons-btn-copy:focus-visible { outline: 3px solid var(--brand-primary, #f97316); outline-offset: 2px; }

.mod-coupons-tr-bottom { display: flex; flex-direction: column; gap: 8px; border-top: 1px solid var(--coupons-border); padding-top: 15px; }
.mod-coupons-tr-info { display: flex; justify-content: space-between; align-items: center; font-size: 11.5px; font-weight: 700; color: var(--text-muted, #475569); }
.mod-coupons-tr-info span { display: flex; align-items: center; gap: 5px; }

/* Expired Status */
.mod-coupons-expired { filter: grayscale(1); opacity: 0.6; pointer-events: none; }
.mod-coupons-expired .mod-coupons-ticket-left { background: var(--coupons-bg-light); }
.mod-coupons-expired .mod-coupons-ticket-left h2 { color: var(--text-muted, #475569); }

/* Badges */
.mod-coupons-badge-status { padding: 4px 10px; border-radius: 6px; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; }
.mod-coupons-badge-used { background: color-mix(in srgb, var(--success, #10b981) 10%, transparent); color: var(--success, #10b981); }
.mod-coupons-badge-expired { background: color-mix(in srgb, var(--danger, #dc2626) 10%, transparent); color: var(--danger, #dc2626); }

/* Empty State */
.mod-coupons-empty-state { text-align: center; padding: 70px 20px; background: var(--bg-panel, #ffffff); border-radius: 16px; border: 1px dashed var(--coupons-border); }
.mod-coupons-empty-state i { font-size: 50px; color: var(--brand-primary, #f97316); margin-bottom: 20px; opacity: 0.8; }
.mod-coupons-empty-state h4 { font-size: 18px; font-weight: 800; margin: 0 0 10px 0; color: var(--text-main, #0f172a); }
.mod-coupons-empty-state p { font-size: 14px; font-weight: 500; color: var(--text-muted, #475569); margin: 0; }

/* Toast */
.mod-coupons-toast { position: fixed; bottom: 30px; right: 30px; background: var(--success, #10b981); color: #ffffff; padding: 14px 25px; border-radius: 12px; font-size: 14px; font-weight: 800; display: flex; align-items: center; gap: 10px; box-shadow: 0 15px 30px color-mix(in srgb, var(--success, #10b981) 30%, transparent); transform: translate3d(0, 100px, 0); opacity: 0; visibility: hidden; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); z-index: 99999; will-change: transform, opacity; }
.mod-coupons-toast.active { transform: translate3d(0, 0, 0); opacity: 1; visibility: visible; }

/* Mobile */
@media (max-width: 768px) {
    .mod-coupons-grid { grid-template-columns: 1fr; }
    .mod-coupons-ticket-left { width: 90px; }
    .mod-coupons-ticket-card::before, .mod-coupons-ticket-card::after { left: 80px; }
}

/* ==========================================================================
   BİTİŞ: KUPONLARIM (mod-coupons)
   ========================================================================== */
/* ==========================================================================
   BAŞLANGIÇ: MÜŞTERİ YÖNETİMİ (mod-customers)
   Sürüm: v19.0 - ZERO-DEPENDENCY CORE & GLOBAL THEME (color-mix) UYUMLU
   ========================================================================== */

.mod-customers-wrapper * { box-sizing: border-box; }

/* Font Awesome İkon Koruması */
.mod-customers-wrapper i.fa-solid, .mod-customers-wrapper i.fas { font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important; display: inline-block; }
.mod-customers-wrapper i.fa-regular, .mod-customers-wrapper i.far { font-family: "Font Awesome 6 Free" !important; font-weight: 400 !important; display: inline-block; }
.mod-customers-wrapper i.fa-brands, .mod-customers-wrapper i.fab { font-family: "Font Awesome 6 Brands" !important; font-weight: 400 !important; display: inline-block; }

.mod-customers-wrapper { 
    /* Modüle özel opacity/hover hesaplamaları (Global değişkenlerden türer) */
    --cust-primary-alpha: color-mix(in srgb, var(--brand-primary, #f97316) 12%, transparent);
    --cust-success-alpha: color-mix(in srgb, var(--success, #10b981) 15%, transparent);
    --cust-danger-alpha: color-mix(in srgb, var(--danger, #ef4444) 15%, transparent);
    --cust-warning-alpha: color-mix(in srgb, var(--warning, #f59e0b) 15%, transparent);
    --cust-border: color-mix(in srgb, var(--text-main, #0f172a) 8%, transparent);
    --cust-bg-inner: color-mix(in srgb, var(--text-main, #0f172a) 2%, var(--bg-body, #f8fafc));

    font-family: 'Plus Jakarta Sans', sans-serif; 
    width: 100%; 
    display: flex; 
    flex-direction: column; 
    gap: 20px; 
    animation: modCustomersFadeIn 0.4s ease forwards; 
    padding: 15px; 
    padding-bottom: 30px; 
    color: var(--text-main, #0f172a); 
}
.mod-customers-full-page { max-width: 1200px; margin: 40px auto; padding: 0 4%; }
@keyframes modCustomersFadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* Header & Search */
.mod-customers-header { display: flex; align-items: center; justify-content: space-between; background: var(--bg-panel, #ffffff); border: 1px solid var(--cust-border); border-radius: 16px; padding: 20px 30px; flex-wrap: wrap; gap: 15px; }
.mod-customers-header h1 { margin: 0; font-size: 20px; font-weight: 800; display: flex; align-items: center; gap: 12px; }
.mod-customers-header h1 i { color: var(--brand-primary, #f97316); }
    
.mod-customers-header-actions { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; }
    
.mod-customers-btn-bulk-mail { background: var(--cust-primary-alpha); color: var(--brand-primary, #f97316); border: 1px solid color-mix(in srgb, var(--brand-primary, #f97316) 20%, transparent); padding: 10px 20px; border-radius: 10px; font-size: 13.5px; font-weight: 800; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; transition: 0.3s; text-decoration: none; outline: none; }
.mod-customers-btn-bulk-mail:hover { background: var(--brand-primary, #f97316); color: #fff; transform: translateY(-2px); }

.mod-customers-search-form { display: flex; align-items: center; background: var(--cust-bg-inner); border: 1px solid var(--cust-border); border-radius: 12px; padding: 5px; width: 100%; max-width: 350px; transition: 0.3s; }
.mod-customers-search-form:focus-within { border-color: var(--brand-primary, #f97316); box-shadow: 0 0 0 3px var(--cust-primary-alpha); }
.mod-customers-search-form input { border: none; background: transparent; padding: 10px 15px; font-size: 14px; width: 100%; color: var(--text-main, #0f172a); outline: none; font-weight: 500; }
.mod-customers-search-form button { background: var(--brand-primary, #f97316); color: #fff; border: none; width: 38px; height: 38px; border-radius: 8px; cursor: pointer; transition: 0.2s; display: flex; align-items: center; justify-content: center; }

/* Table */
.mod-customers-table-container { background: var(--bg-panel, #ffffff); border-radius: 16px; border: 1px solid var(--cust-border); overflow-x: auto; }
.mod-customers-table { width: 100%; border-collapse: collapse; text-align: left; }
.mod-customers-table th { padding: 18px 25px; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-muted, #64748b); border-bottom: 1px solid var(--cust-border); background: var(--cust-bg-inner); white-space: nowrap; }
.mod-customers-table td { padding: 16px 25px; font-size: 13px; font-weight: 600; color: var(--text-main, #0f172a); border-bottom: 1px solid var(--cust-border); vertical-align: middle; }
.mod-customers-table tbody tr:last-child td { border-bottom: none; }
.mod-customers-table tbody tr:hover { background: var(--cust-bg-inner); }

.mod-customers-profile-cell { display: flex; align-items: center; gap: 12px; }
.mod-customers-avatar { width: 40px; height: 40px; min-width: 40px; border-radius: 50%; background: var(--cust-primary-alpha); color: var(--brand-primary, #f97316); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 14px; overflow: hidden; border: 1px solid var(--cust-border); }
.mod-customers-avatar img { width: 100%; height: 100%; object-fit: cover; }
.mod-customers-info h4 { margin: 0 0 2px 0; font-size: 14px; font-weight: 800; }
.mod-customers-info p { margin: 0; font-size: 11px; color: var(--text-muted, #64748b); font-weight: 500; }

.mod-customers-badge { padding: 4px 10px; border-radius: 6px; font-size: 10.5px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.3px; display: inline-flex; align-items: center; gap: 5px; }
.mod-customers-badge-admin { background: var(--cust-primary-alpha); color: var(--brand-primary, #f97316); }
.mod-customers-badge-customer { background: var(--cust-bg-inner); color: var(--text-muted, #64748b); border: 1px solid var(--cust-border); }
.mod-customers-badge-verified { background: var(--cust-success-alpha); color: var(--success, #10b981); }
.mod-customers-badge-unverified { background: var(--cust-danger-alpha); color: var(--danger, #ef4444); }

.mod-customers-action-group { display: flex; align-items: center; gap: 6px; }
.mod-customers-btn-action { width: 34px; height: 34px; min-width: 34px; border-radius: 8px; border: none; display: flex; align-items: center; justify-content: center; font-size: 14px; cursor: pointer; transition: 0.2s; background: var(--cust-bg-inner); color: var(--text-muted, #64748b); text-decoration: none; }
.mod-customers-btn-action:hover { transform: translateY(-2px); }
.mod-customers-btn-action.edit:hover { background: var(--brand-primary, #f97316); color: #fff; }
.mod-customers-btn-action.verify:hover { background: var(--success, #10b981); color: #fff; }
.mod-customers-btn-action.admin:hover { background: var(--warning, #f59e0b); color: #fff; }
.mod-customers-btn-action.delete:hover { background: var(--danger, #ef4444); color: #fff; }

/* Edit Screen */
.mod-customers-edit-container { background: var(--bg-panel, #ffffff); border-radius: 16px; border: 1px solid var(--cust-border); padding: 30px; }
.mod-customers-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.mod-customers-form-group { margin-bottom: 20px; }
.mod-customers-form-group label { display: block; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-muted, #64748b); margin-bottom: 8px; }
.mod-customers-input-wrapper { position: relative; display: flex; align-items: center; width: 100%; }
.mod-customers-field-icon { position: absolute; left: 16px; color: var(--text-muted, #64748b); font-size: 15px; pointer-events: none; z-index: 2; }
.mod-customers-input-wrapper input, .mod-customers-input-wrapper select, .mod-customers-input-wrapper textarea { width: 100%; padding: 14px 15px 14px 45px; border: 1px solid var(--cust-border); border-radius: 12px; background: var(--cust-bg-inner); color: var(--text-main, #0f172a); font-size: 14px; outline: none; transition: 0.3s; font-weight: 600; box-sizing: border-box; }
.mod-customers-input-wrapper input:focus, .mod-customers-input-wrapper select:focus, .mod-customers-input-wrapper textarea:focus { border-color: var(--brand-primary, #f97316); background: var(--bg-panel, #ffffff); box-shadow: 0 0 0 3px var(--cust-primary-alpha); }
    
.mod-customers-check-group { display: flex; align-items: center; gap: 10px; margin-top: 10px; cursor: pointer; font-size: 13.5px; font-weight: 700; color: var(--text-main, #0f172a); }
.mod-customers-check-group input { width: 20px; height: 20px; accent-color: var(--brand-primary, #f97316); margin:0; cursor: pointer; }

.mod-customers-btn-save { background: var(--brand-primary, #f97316); color: #ffffff !important; padding: 15px 30px; border-radius: 12px; font-weight: 800; font-size: 14px; cursor: pointer; transition: 0.3s; border: none; display: inline-flex; align-items: center; gap: 8px; width: 100%; justify-content: center; outline: none; box-shadow: 0 4px 12px color-mix(in srgb, var(--brand-primary, #f97316) 25%, transparent); }
.mod-customers-btn-save:hover { background: color-mix(in srgb, var(--brand-primary, #f97316) 80%, #000); transform: translateY(-2px); }
.mod-customers-btn-back { background: var(--cust-bg-inner); color: var(--text-main, #0f172a); border: 1px solid var(--cust-border); padding: 10px 20px; border-radius: 10px; font-size: 13px; font-weight: 700; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: 0.3s; }
.mod-customers-btn-back:hover { background: var(--cust-border); }

.mod-customers-flash { font-size: 13.5px; padding: 15px 20px; border-radius: 12px; margin-bottom: 20px; display: flex; align-items: center; gap: 12px; font-weight: 600; }
.mod-customers-flash.success { background: var(--cust-success-alpha); color: var(--success, #10b981); border: 1px solid color-mix(in srgb, var(--success, #10b981) 20%, transparent); }
.mod-customers-flash.error { background: var(--cust-danger-alpha); color: var(--danger, #ef4444); border: 1px solid color-mix(in srgb, var(--danger, #ef4444) 20%, transparent); }
.mod-customers-empty-state { text-align: center; padding: 50px 20px; color: var(--text-muted, #64748b); }

/* Modals */
.mod-customers-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.6); backdrop-filter: blur(5px); z-index: 999999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: 0.3s ease; padding: 20px; }
.mod-customers-overlay.active { opacity: 1; visibility: visible; }
.mod-customers-box { background: var(--bg-panel, #ffffff); width: 100%; max-width: 380px; border-radius: 20px; padding: 30px; text-align: center; box-shadow: 0 20px 50px rgba(0,0,0,0.4); transform: translate3d(0, 20px, 0); transition: 0.4s; border: 1px solid var(--cust-border); }
.mod-customers-box.mod-customers-large-modal { max-width: 550px; text-align: left; }
.mod-customers-overlay.active .mod-customers-box { transform: translate3d(0, 0, 0); }
    
.mod-customers-icon { width: 60px; height: 60px; border-radius: 50%; background: var(--cust-warning-alpha); color: var(--warning, #f59e0b); display: flex; align-items: center; justify-content: center; font-size: 26px; margin: 0 auto 20px; }
.mod-customers-box h3 { font-size: 20px; font-weight: 800; color: var(--text-main, #0f172a); margin: 0 0 10px 0; }
.mod-customers-box p { font-size: 14px; color: var(--text-muted, #64748b); margin: 0 0 25px 0; line-height: 1.5; font-weight: 500; }
    
.mod-customers-actions { display: flex; gap: 10px; }
.mod-customers-cc-btn { flex: 1; padding: 14px; border-radius: 12px; font-size: 14px; font-weight: 800; cursor: pointer; transition: 0.3s; border: none; display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.mod-customers-cancel { background: var(--cust-bg-inner); color: var(--text-main, #0f172a); border: 1px solid var(--cust-border); }
.mod-customers-confirm { background: var(--brand-primary, #f97316); color: #fff; }
.mod-customers-confirm-danger { background: var(--danger, #ef4444); color: #fff; } /* Silme butonları için eklendi */

/* Responsive */
@media (max-width: 900px) {
    .mod-customers-full-page { padding: 0 15px; margin: 20px auto; }
    .mod-customers-header { flex-direction: column; align-items: stretch; padding: 20px; }
    .mod-customers-header-actions { flex-direction: column; width: 100%; }
    .mod-customers-search-form { max-width: 100%; width: 100%; }
    .mod-customers-btn-bulk-mail { width: 100%; justify-content: center; }
    .mod-customers-form-row { grid-template-columns: 1fr; gap: 0; }
    .mod-customers-table-container { background: transparent; border: none; }
    .mod-customers-table thead { display: none; } 
    .mod-customers-table, .mod-customers-table tbody, .mod-customers-table tr, .mod-customers-table td { display: block; width: 100%; }
    .mod-customers-table tr { margin-bottom: 20px; border: 1px solid var(--cust-border); border-radius: 16px; background: var(--bg-panel, #ffffff); box-shadow: 0 4px 15px rgba(0,0,0,0.02); overflow: hidden; padding: 10px 0; }
    .mod-customers-table td { position: relative; padding: 12px 15px 12px 40%; text-align: right; border-bottom: 1px dashed var(--cust-border); min-height: 50px; display: flex; justify-content: flex-end; align-items: center; }
    .mod-customers-table td:last-child { border-bottom: none; }
    .mod-customers-table td::before { content: attr(data-label); position: absolute; left: 15px; width: 35%; text-align: left; font-weight: 800; font-size: 11px; text-transform: uppercase; color: var(--text-muted, #64748b); top: 50%; transform: translateY(-50%); }
    .mod-customers-profile-cell { justify-content: flex-end; width: 100%; }
    .mod-customers-info { text-align: right; }
    .mod-customers-action-group { width: 100%; justify-content: flex-end; }
    .mod-customers-btn-action { width: 38px; height: 38px; font-size: 16px; }
}

/* ==========================================================================
   BİTİŞ: MÜŞTERİ YÖNETİMİ (mod-customers)
   ========================================================================== */
/* ==========================================================================
   BAŞLANGIÇ: MÜŞTERİ PANELİ (mod-dashboard)
   Sürüm: v19.4 - ZERO-DEPENDENCY CORE & GLOBAL THEME + YAPAY ZEKA FAL ENTEGRASYONU
   ========================================================================== */

.mod-dashboard-wrapper * { box-sizing: border-box; }

/* Font Awesome İkon Koruması */
.mod-dashboard-wrapper i.fa-solid, .mod-dashboard-wrapper i.fas { font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important; display: inline-block; }
.mod-dashboard-wrapper i.fa-regular, .mod-dashboard-wrapper i.far { font-family: "Font Awesome 6 Free" !important; font-weight: 400 !important; display: inline-block; }
.mod-dashboard-wrapper i.fa-brands, .mod-dashboard-wrapper i.fab { font-family: "Font Awesome 6 Brands" !important; font-weight: 400 !important; display: inline-block; }

.mod-dashboard-wrapper { 
    /* Modüle özel hesaplamalar (Global değişkenlerden türer) */
    --dash-border: color-mix(in srgb, var(--text-main, #0f172a) 8%, transparent);
    --dash-hover-bg: color-mix(in srgb, var(--text-main, #0f172a) 4%, transparent);
    --dash-shadow: 0 15px 35px color-mix(in srgb, var(--text-main, #0f172a) 5%, transparent);
    --dash-bg-inner: color-mix(in srgb, var(--text-main, #0f172a) 3%, var(--bg-body, #f8fafc));
    --dash-primary-alpha: color-mix(in srgb, var(--brand-primary, #f97316) 10%, transparent);
    --dash-success-alpha: color-mix(in srgb, var(--success, #10b981) 10%, transparent);
    --dash-warning-alpha: color-mix(in srgb, var(--warning, #f59e0b) 10%, transparent);
    --dash-info-alpha: color-mix(in srgb, #3b82f6 10%, transparent);
    --dash-loyalty: #8b5cf6;
    --dash-fal: #ea580c; /* YENİ: Fal Modülü Tema Rengi */
    
    max-width: 1400px; margin: 40px auto 80px; padding: 0 4%; 
    display: grid; grid-template-columns: 280px 1fr; gap: 30px; min-height: 70vh;
    animation: modDashboardFadeIn 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    will-change: transform, opacity; transform: translateZ(0);
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: var(--text-main, #0f172a);
}

@keyframes modDashboardFadeIn { from { opacity: 0; transform: translate3d(0, 15px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }
@keyframes modDashboardContentFade { from { opacity: 0; transform: scale(0.98); } to { opacity: 1; transform: scale(1); } }

/* Sidebar */
.mod-dashboard-sidebar { 
    background: var(--bg-panel, #ffffff); border-radius: 16px; border: 1px solid var(--dash-border); 
    overflow: hidden; height: fit-content; position: sticky; top: 120px; box-shadow: var(--dash-shadow);
    transition: 0.4s ease;
}

.mod-dashboard-profile-brief { padding: 0 0 25px 0; text-align: center; border-bottom: 1px solid var(--dash-border); position: relative; }
.mod-dashboard-sidebar-banner { width: 100%; height: 110px; background-size: cover; background-position: center; background-color: var(--dash-bg-inner); position: relative; transition: background-image 0.3s ease; }
.mod-dashboard-sidebar-banner::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 40%, rgba(0,0,0,0.5) 100%); }

.mod-dashboard-avatar-ring { width: 90px; height: 90px; border-radius: 50%; border: 4px solid var(--bg-panel, #ffffff); box-shadow: 0 0 0 2px var(--brand-primary, #f97316); padding: 3px; background: var(--bg-panel, #ffffff); margin: -45px auto 12px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; transition: all 0.4s ease; }
.mod-dashboard-avatar-inner { width: 100%; height: 100%; border-radius: 50%; background: var(--brand-primary, #f97316); color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 32px; font-weight: 800; overflow: hidden; }
.mod-dashboard-avatar-inner img { width: 100%; height: 100%; object-fit: cover; }

.mod-dashboard-user-name { font-size: 18px; font-weight: 800; color: var(--text-main, #0f172a); margin-bottom: 5px; position: relative; z-index: 2; transition: color 0.3s ease; padding: 0 10px; word-break: break-word; }
.mod-dashboard-user-email { font-size: 13px; color: var(--text-muted, #64748b); font-weight: 500; position: relative; z-index: 2; transition: color 0.3s ease; padding: 0 10px; word-break: break-all; }

/* Navigation */
.mod-dashboard-nav { padding: 15px 0; list-style: none; margin: 0; }
.mod-dashboard-nav-item { display: flex; align-items: center; gap: 15px; padding: 16px 25px; color: var(--text-muted, #64748b); font-size: 14.5px; font-weight: 600; transition: 0.3s ease; border-left: 3px solid transparent; text-decoration: none; cursor: pointer; outline: none; }
.mod-dashboard-nav-item i { font-size: 16px; width: 20px; text-align: center; }
.mod-dashboard-nav-item:hover { color: var(--text-main, #0f172a); background: var(--dash-hover-bg); }
.mod-dashboard-nav-item.active { background: var(--dash-hover-bg); color: var(--brand-primary, #f97316); border-left-color: var(--brand-primary, #f97316); }
.mod-dashboard-logout { color: var(--danger, #ef4444); border-top: 1px solid var(--dash-border); margin-top: 10px; padding-top: 20px; }
.mod-dashboard-logout:hover { background: color-mix(in srgb, var(--danger, #ef4444) 8%, transparent); color: var(--danger, #ef4444); border-left-color: var(--danger, #ef4444); }

.mod-dashboard-nav-item:focus-visible, .mod-dashboard-stat-card:focus-visible, .mod-dashboard-btn-link:focus-visible, .mod-dashboard-mini-order:focus-visible, .mod-dashboard-btn-primary:focus-visible { outline: 3px solid var(--brand-primary, #f97316); outline-offset: -3px; }
.mod-dashboard-logout:focus-visible { outline-color: var(--danger, #ef4444); }

/* Content Area */
.mod-dashboard-content { position: relative; display: flex; flex-direction: column; min-width: 0; }
.mod-dashboard-content-section { display: none; animation: modDashboardContentFade 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; flex-direction: column; gap: 25px; will-change: transform, opacity; }
.mod-dashboard-content-section.active { display: flex; }

.mod-dashboard-welcome-card { background: var(--bg-panel, #ffffff); border-radius: 16px; border: 1px solid var(--dash-border); padding: 45px 40px; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; transition: 0.4s ease; box-shadow: var(--dash-shadow); }
.mod-dashboard-welcome-card::after { content: '\f004'; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; right: -30px; top: -50px; font-size: 300px; color: var(--text-muted, #64748b); opacity: 0.03; pointer-events: none; }
.mod-dashboard-welcome-info { position: relative; z-index: 2; max-width: 600px; }
.mod-dashboard-welcome-info h1 { font-family: 'Playfair Display', serif; font-size: 36px; font-weight: 800; color: var(--text-main, #0f172a); margin: 0 0 15px 0; letter-spacing: -0.5px; }
.mod-dashboard-welcome-info p { font-size: 15px; color: var(--text-muted, #64748b); line-height: 1.6; margin: 0; }

/* Stats Grid */
.mod-dashboard-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.mod-dashboard-stat-card { background: var(--bg-panel, #ffffff); border-radius: 16px; padding: 25px; border: 1px solid var(--dash-border); display: flex; align-items: center; gap: 20px; transition: 0.3s; box-shadow: var(--dash-shadow); cursor: pointer; outline: none; }
.mod-dashboard-stat-card:hover { border-color: var(--dash-primary-alpha); transform: translateY(-3px); }
.mod-dashboard-stat-icon { width: 50px; height: 50px; border-radius: 12px; background: var(--dash-primary-alpha); color: var(--brand-primary, #f97316); display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; }
.mod-dashboard-stat-details h3 { font-size: 28px; font-weight: 800; color: var(--text-main, #0f172a); margin: 0 0 2px 0; }
.mod-dashboard-stat-details p { font-size: 11px; color: var(--text-muted, #64748b); font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; margin: 0; white-space: nowrap; }

/* Section List */
.mod-dashboard-section-wrapper { background: var(--bg-panel, #ffffff); border-radius: 16px; border: 1px solid var(--dash-border); padding: 35px; box-shadow: var(--dash-shadow); }
.mod-dashboard-section-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding: 0 5px; }
.mod-dashboard-section-title { font-size: 18px; font-weight: 800; color: var(--text-main, #0f172a); display: flex; align-items: center; gap: 10px; margin: 0; }
.mod-dashboard-section-title i { color: var(--brand-primary, #f97316); font-size: 18px; }
.mod-dashboard-btn-link { font-size: 14px; color: var(--brand-primary, #f97316); font-weight: 700; transition: 0.3s; text-decoration: none; display: flex; align-items: center; gap: 6px; cursor: pointer; outline: none; }
.mod-dashboard-btn-link:hover { color: var(--text-main, #0f172a); }

.mod-dashboard-mini-order-list { display: flex; flex-direction: column; gap: 15px; }
.mod-dashboard-mini-order { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; background: var(--dash-bg-inner); border: 1px solid var(--dash-border); border-radius: 12px; transition: 0.3s; text-decoration: none; cursor: pointer; outline: none; }
.mod-dashboard-mini-order:hover { border-color: var(--brand-primary, #f97316); }
.mod-dashboard-mo-left { display: flex; flex-direction: column; gap: 5px; }
.mod-dashboard-mo-left strong { font-size: 14px; color: var(--text-main, #0f172a); font-weight: 800; }
.mod-dashboard-mo-left span { font-size: 12px; color: var(--text-muted, #64748b); font-weight: 600; }
.mod-dashboard-mo-right { display: flex; flex-direction: column; align-items: flex-end; gap: 5px; }
.mod-dashboard-mo-price { font-size: 15px; font-weight: 800; color: var(--text-main, #0f172a); }

.mod-dashboard-mo-badge { padding: 4px 10px; border-radius: 6px; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; display: inline-block; }
.mo-pending { background: var(--dash-warning-alpha); color: var(--warning, #f59e0b); }
.mo-shipped { background: var(--dash-info-alpha); color: #3b82f6; }
.mo-completed { background: var(--dash-success-alpha); color: var(--success, #10b981); }

.mod-dashboard-empty-state { text-align: center; padding: 60px 20px; background: var(--dash-bg-inner); border-radius: 16px; border: 1px dashed var(--dash-border); transition: background-color 0.4s ease; }
.mod-dashboard-empty-state i { font-size: 45px; color: var(--brand-primary, #f97316); margin-bottom: 20px; display: inline-block; }
.mod-dashboard-empty-state h4 { font-size: 18px; font-weight: 800; color: var(--text-main, #0f172a); margin: 0 0 10px 0; }
.mod-dashboard-empty-state p { font-size: 14px; color: var(--text-muted, #64748b); margin: 0 auto 30px auto; max-width: 480px; line-height: 1.6; }
.mod-dashboard-btn-primary { display: inline-flex; align-items: center; justify-content: center; padding: 14px 35px; background: var(--brand-primary, #f97316); color: #fff !important; border-radius: 10px; font-size: 15px; font-weight: 800; transition: 0.3s; text-decoration: none; border: none; cursor: pointer; outline: none; }
.mod-dashboard-btn-primary:hover { opacity: 0.9; transform: translateY(-2px); box-shadow: 0 5px 15px var(--dash-primary-alpha); }

/* Iframes */
.mod-dashboard-iframe-wrapper { position: relative; width: 100%; min-height: 850px; background: var(--bg-panel, #ffffff); border-radius: 16px; box-shadow: var(--dash-shadow); border: 1px solid var(--dash-border); overflow: hidden; }
.mod-dashboard-iframe-loader { position: absolute; inset: 0; background: var(--bg-panel, #ffffff); display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 10; transition: opacity 0.4s ease, visibility 0.4s ease; color: var(--brand-primary, #f97316); font-size: 15px; font-weight: 700; gap: 15px; }
.mod-dashboard-iframe-loader i { font-size: 30px; }
.mod-dashboard-iframe-container iframe { width: 100%; height: 100%; min-height: 850px; border: none; background: transparent; position: relative; z-index: 5; }

/* ==========================================================================
   YENİ: YÖNETİCİ TEST MODU (GERİ DÖNÜŞ ÇUBUĞU)
   ========================================================================== */
.role-active-banner {
    position: fixed; top: 0; left: 0; width: 100%; z-index: 999999;
    background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%);
    color: #ffffff; padding: 12px 4%; display: flex; align-items: center; justify-content: center;
    gap: 20px; font-size: 14px; font-weight: 600; box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}
.role-active-banner p { margin: 0; display: flex; align-items: center; gap: 10px; }
.role-active-banner .btn-return-admin {
    background: #ffffff; color: #ef4444; border: none;
    padding: 6px 16px; border-radius: 100px; font-size: 13px; font-weight: 800;
    cursor: pointer; text-decoration: none; transition: 0.3s ease; display: inline-flex; align-items: center; gap: 6px;
}
.role-active-banner .btn-return-admin:hover { transform: scale(1.05); box-shadow: 0 2px 8px rgba(255,255,255,0.4); }
body.has-role-banner { margin-top: 50px !important; }
body.has-role-banner header { top: 50px !important; }

/* Responsive */
@media (max-width: 1200px) {
    .mod-dashboard-stats-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 992px) {
    .mod-dashboard-wrapper { grid-template-columns: 1fr; gap: 20px; margin: 20px auto 80px auto; }
    .mod-dashboard-stats-grid { grid-template-columns: 1fr; gap: 15px; }
    .mod-dashboard-welcome-card::after { font-size: 150px; right: -20px; top: -20px; }
    .mod-dashboard-welcome-info h1 { font-size: 26px; }
    .mod-dashboard-section-wrapper { padding: 25px; }
    .mod-dashboard-sidebar { position: relative; top: 0; padding-bottom: 0; }
    .mod-dashboard-profile-brief { display: none; } 
    .mod-dashboard-nav { display: flex; overflow-x: auto; white-space: nowrap; padding: 10px; scrollbar-width: none; -ms-overflow-style: none; }
    .mod-dashboard-nav::-webkit-scrollbar { display: none; }
    
    /* Mobil Menü Standart Item */
    .mod-dashboard-nav-item { padding: 12px 20px; border-left: none; border-bottom: 3px solid transparent; border-radius: 8px; flex-shrink: 0; margin: 0; }
    .mod-dashboard-nav-item.active { border-bottom: none; background: var(--brand-primary, #f97316); color: #fff; }
    
    .mod-dashboard-logout { border-top: none; margin-top: 0; padding-top: 12px; }
    
    .role-active-banner { flex-direction: column; gap: 10px; padding: 15px 4%; text-align: center; }
    body.has-role-banner { margin-top: 85px !important; }
    body.has-role-banner header { top: 85px !important; }
}

/* ==========================================================================
   BİTİŞ: MÜŞTERİ PANELİ (mod-dashboard)
   ========================================================================== */
/* ==========================================================================
   MODÜL: FAVORİLERİM (mod-favorites)
   Sürüm: v19.0 - Master Router & Zero-Dependency Uyumlu
   ========================================================================== */

/* Font Awesome İkon Koruması */
.mod-favorites-wrapper i.fa-solid, .mod-favorites-wrapper i.fas { font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important; display: inline-block; }
.mod-favorites-wrapper i.fa-regular, .mod-favorites-wrapper i.far { font-family: "Font Awesome 6 Free" !important; font-weight: 400 !important; display: inline-block; }
.mod-favorites-wrapper i.fa-brands, .mod-favorites-wrapper i.fab { font-family: "Font Awesome 6 Brands" !important; font-weight: 400 !important; display: inline-block; }

.mod-favorites-wrapper * { box-sizing: border-box; }

.mod-favorites-wrapper { font-family: inherit; color: var(--text-main); animation: modFavoritesFadeIn 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; will-change: transform, opacity; transform: translateZ(0); }
.mod-favorites-full-page { max-width: 1400px; margin: 40px auto 100px; padding: 0 4%; }
.mod-favorites-iframe-mode { margin: 0 auto 50px auto !important; padding: 0 !important; }

@keyframes modFavoritesFadeIn { from { opacity: 0; transform: translate3d(0, 20px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }

/* Breadcrumb & Header */
.mod-favorites-breadcrumb { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--text-muted); margin-bottom: 30px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; }
.mod-favorites-breadcrumb a { color: var(--text-main); text-decoration: none; transition: 0.2s; outline: none; }
.mod-favorites-breadcrumb a:hover, .mod-favorites-breadcrumb a:focus-visible { color: var(--brand-primary); }
.mod-favorites-breadcrumb i { font-size: 10px; opacity: 0.4; }

.mod-favorites-page-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 40px; border-bottom: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); padding-bottom: 20px; }
.mod-favorites-page-title h1 { font-family: 'Playfair Display', serif; font-size: clamp(28px, 4vw, 36px); font-weight: 800; color: var(--text-main); margin: 0 0 8px 0; letter-spacing: -0.5px; }
.mod-favorites-page-title p { font-size: 14px; color: var(--text-muted); font-weight: 500; margin: 0; }

.mod-favorites-header-action { display: flex; gap: 10px; }
.mod-favorites-btn-outline { padding: 10px 20px; border: 1.5px solid color-mix(in srgb, var(--text-main) 15%, transparent); border-radius: var(--radius-md, 14px); background: var(--bg-panel); color: var(--text-main); font-size: 13px; font-weight: 800; cursor: pointer; transition: 0.3s; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; outline: none; }
.mod-favorites-btn-outline:hover, .mod-favorites-btn-outline:focus-visible { border-color: var(--brand-primary); color: var(--brand-primary); }

/* Grid & Card */
.mod-favorites-product-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 26px; }

.mod-favorites-product-card { display: flex; flex-direction: column; background: var(--bg-panel); border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); border-radius: var(--radius-md, 14px); overflow: hidden; position: relative; transition: 0.5s cubic-bezier(0.2, 0.8, 0.2, 1); text-decoration: none; will-change: transform, box-shadow, opacity; transform: translateZ(0); outline: none; }
.mod-favorites-product-card:hover, .mod-favorites-product-card:focus-within { transform: translate3d(0, -10px, 0); box-shadow: var(--shadow-card); border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent); }
.mod-favorites-product-card:focus-visible { outline: 3px solid var(--brand-primary); outline-offset: 3px; }

.mod-favorites-card-crown-header { display: flex; align-items: center; justify-content: center; width: 100%; padding: 12px 15px; background: var(--bg-panel); border-bottom: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); gap: 10px; }
.mod-favorites-card-crown-header .mod-favorites-frame-line { height: 1.5px; flex: 1; border-radius: 2px; }
.mod-favorites-card-crown-header .mod-favorites-frame-left { background: linear-gradient(90deg, transparent 0%, var(--brand-primary) 100%); }
.mod-favorites-card-crown-header .mod-favorites-frame-right { background: linear-gradient(270deg, transparent 0%, var(--brand-primary) 100%); }
.mod-favorites-card-crown-header i { font-size: 14px; color: var(--brand-primary); filter: drop-shadow(0 2px 4px color-mix(in srgb, var(--brand-primary) 30%, transparent)); }

/* Image Area */
.mod-favorites-pc-image-wrapper { position: relative; width: 100%; aspect-ratio: 3/4; overflow: hidden; background: var(--bg-body); border-bottom: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); }
.mod-favorites-pc-image-main { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.6s ease; z-index: 1; }
.mod-favorites-product-card:hover .mod-favorites-pc-image-main.has-ghost { opacity: 0; }

.mod-favorites-ghost-img-single { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; z-index: 2; transition: opacity 0.6s ease, transform 0.8s ease; transform: scale(1.05); }
.mod-favorites-product-card:hover .mod-favorites-ghost-img-single { opacity: 1; transform: scale(1); }

.mod-favorites-pc-ghost-gallery { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; visibility: hidden; transition: opacity 0.4s ease, visibility 0.4s; background: var(--bg-body); }
.mod-favorites-product-card:hover .mod-favorites-pc-ghost-gallery { opacity: 1; visibility: visible; }

.mod-favorites-ghost-img-multi { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; }
.mod-favorites-product-card:hover .mod-favorites-ghost-img-multi { animation: modFavoritesDynamicGhostFade 6s ease-in-out infinite; }
@keyframes modFavoritesDynamicGhostFade { 0%, 100% { opacity: 0; transform: scale(1); } 15%, 35% { opacity: 1; transform: scale(1.03); } 50%, 85% { opacity: 0; transform: scale(1.05); } }

/* Badges & Buttons */
.mod-favorites-pc-badges { position: absolute; top: 12px; left: 12px; display: flex; flex-direction: column; gap: 6px; z-index: 5; }
.mod-favorites-badge-pill { padding: 6px 12px; border-radius: 6px; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
.mod-favorites-badge-discount { background: var(--danger); color: #fff; }

.mod-favorites-btn-remove { position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; border-radius: 50%; background: var(--bg-glass); backdrop-filter: blur(5px); display: flex; align-items: center; justify-content: center; z-index: 10; color: var(--danger); cursor: pointer; box-shadow: 0 4px 15px rgba(0,0,0,0.1); border: none; transition: 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); will-change: transform; outline: none; }
.mod-favorites-btn-remove:hover, .mod-favorites-btn-remove:focus-visible { background: var(--danger); color: #fff; transform: scale(1.1); }
.mod-favorites-btn-remove:focus-visible { outline: 3px solid var(--brand-primary); outline-offset: 2px; }

.mod-favorites-pc-quick-view { position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px; background: linear-gradient(to top, rgba(0,0,0,0.5), transparent); transform: translateY(100%); transition: 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); z-index: 6; display: flex; justify-content: center; }
.mod-favorites-product-card:hover .mod-favorites-pc-quick-view { transform: translateY(0); }
.mod-favorites-btn-quick-view { width: 100%; background: var(--bg-glass); backdrop-filter: blur(10px); color: var(--text-main); border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); padding: 12px; border-radius: var(--radius-sm, 8px); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 10px 25px rgba(0,0,0,0.2); cursor: pointer; transition: 0.3s; display: flex; align-items: center; justify-content: center;}
.mod-favorites-btn-quick-view:hover { background: var(--brand-primary); color: #fff; border-color: var(--brand-primary); }

/* Info Area */
.mod-favorites-pc-info { padding: 22px 20px; display: flex; flex-direction: column; flex-grow: 1; gap: 8px; text-align: left; }
.mod-favorites-pc-brand-row { display: flex; justify-content: space-between; align-items: center; }
.mod-favorites-pc-brand { font-size: 10.5px; font-weight: 800; color: var(--brand-primary); text-transform: uppercase; letter-spacing: 1.5px; }
.mod-favorites-pc-stock-count { font-size: 10px; font-weight: 700; color: var(--text-muted); padding: 4px 10px; background: color-mix(in srgb, var(--text-main) 5%, transparent); border-radius: 6px; }
.mod-favorites-danger-stock { color: var(--danger); background: color-mix(in srgb, var(--danger) 10%, transparent); }

.mod-favorites-pc-title { font-size: 16px; font-weight: 800; color: var(--text-main); margin: 0; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; transition: color 0.3s; }
.mod-favorites-product-card:hover .mod-favorites-pc-title { color: var(--brand-primary); }

.mod-favorites-pc-description { font-size: 12px; color: var(--text-muted); font-weight: 500; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 2px; min-height: 18px; }

.mod-favorites-pc-colors-wrapper { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 5px; min-height: 24px; }
.mod-favorites-color-chip { font-size: 9px; font-weight: 700; color: var(--text-muted); padding: 4px 10px; background: color-mix(in srgb, var(--text-main) 5%, transparent); border-radius: 6px; text-transform: uppercase; border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); }

.mod-favorites-pc-price-box { display: flex; align-items: baseline; gap: 10px; margin-top: auto; padding-top: 15px; border-top: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); }
.mod-favorites-pc-price { font-size: 20px; font-weight: 800; color: var(--text-main); letter-spacing: -0.5px; }
.mod-favorites-old { font-size: 13px; color: var(--text-muted); text-decoration: line-through; font-weight: 600; opacity: 0.7; }
.mod-favorites-new { color: var(--danger); }

/* Empty State */
.mod-favorites-empty-state { text-align: center; padding: 100px 20px; background: var(--bg-panel); border-radius: var(--radius-lg, 24px); border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); box-shadow: var(--shadow-card); grid-column: 1 / -1; display: none; }
.mod-favorites-empty-state.active { display: block; animation: modFavoritesFadeIn 0.5s ease; }
.mod-favorites-empty-state i { font-size: 70px; color: var(--text-muted); opacity: 0.2; margin-bottom: 25px; }
.mod-favorites-empty-state h2 { font-family: 'Playfair Display', serif; font-size: 28px; font-weight: 800; color: var(--text-main); margin-bottom: 12px; }
.mod-favorites-empty-state p { font-size: 15px; color: var(--text-muted); font-weight: 500; margin-bottom: 30px; }
.mod-favorites-btn-shop { display: inline-flex; align-items: center; gap: 10px; padding: 16px 35px; background: var(--text-main); color: var(--bg-body); border-radius: 100px; font-size: 14px; font-weight: 800; text-decoration: none; transition: 0.3s; text-transform: uppercase; letter-spacing: 0.5px; will-change: transform; outline: none; }
.mod-favorites-btn-shop:hover, .mod-favorites-btn-shop:focus-visible { background: var(--brand-primary); color: #fff; transform: translate3d(0, -3px, 0); box-shadow: 0 10px 25px color-mix(in srgb, var(--brand-primary) 30%, transparent); }
.mod-favorites-btn-shop:focus-visible { outline: 3px solid var(--brand-primary); outline-offset: 3px; }

/* Toast */
.mod-favorites-quick-toast { position:fixed; bottom:30px; right:30px; background:var(--text-main); color:var(--bg-panel); padding:15px 25px; border-radius:12px; font-weight:700; font-size:14px; opacity:0; visibility:hidden; transition:0.3s; z-index:9999; display:flex; align-items:center; gap:10px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); will-change: opacity, visibility; }

/* Mobile */
@media (max-width: 1400px) { .mod-favorites-product-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 1050px) { .mod-favorites-product-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 768px) {
    .mod-favorites-product-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .mod-favorites-page-header { flex-direction: column; align-items: flex-start; gap: 20px; }
    .mod-favorites-card-crown-header { padding: 8px 10px; gap: 6px; }
    .mod-favorites-card-crown-header i { font-size: 11px; }
    .mod-favorites-pc-info { padding: 12px 10px; gap: 5px; }
    .mod-favorites-pc-title { font-size: 12.5px; line-height: 1.3; }
    .mod-favorites-pc-description { display: none; }
    .mod-favorites-pc-price { font-size: 16px; }
    .mod-favorites-old { font-size: 11px; }
    .mod-favorites-pc-brand { font-size: 9px; }
    .mod-favorites-pc-stock-count { font-size: 9px; padding: 2px 6px; }
    .mod-favorites-color-chip { font-size: 9px; padding: 2px 6px; }
    .mod-favorites-badge-pill { padding: 4px 8px; font-size: 9px; }
    .mod-favorites-btn-remove { top: 8px; right: 8px; width: 30px; height: 30px; font-size: 12px; }
    .mod-favorites-pc-quick-view { display: none; }
}

/* ==========================================================================
   MODÜL: FAVORİLERİM SONU
   ========================================================================== */
/* ==========================================================================
   MODÜL: GENEL VE GÜVENLİK AYARLARI (mod-gs)
   Sürüm: v19.0 - Master Router & Zero-Dependency Uyumlu
   ========================================================================== */

body.mod-gs-body-iframe { margin:0; padding:0; background: transparent !important; color: var(--text-main); transition: 0.4s ease; }

/* KARE İKON HATASI ÇÖZÜLDÜ: Font ailesini globale yaymak yerine sadece kapsayıcıya verdik ve ikonları koruduk. */
.mod-gs-container { width: 100%; display: flex; flex-direction: column; gap: 20px; animation: modGsSmoothFadeIn 0.4s ease forwards; padding-bottom: 30px; will-change: transform, opacity; transform: translateZ(0); color: var(--text-main); font-family: inherit; }
.mod-gs-container * { box-sizing: border-box; }

/* FONT AWESOME KORUMASI (İkonların ezilmesini önler) */
.mod-gs-container i.fa-solid, .mod-gs-container i.fas { font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important; display: inline-block; }
.mod-gs-container i.fa-regular, .mod-gs-container i.far { font-family: "Font Awesome 6 Free" !important; font-weight: 400 !important; display: inline-block; }
.mod-gs-container i.fa-brands, .mod-gs-container i.fab { font-family: "Font Awesome 6 Brands" !important; font-weight: 400 !important; display: inline-block; }

.mod-gs-full-page { max-width: 1000px; margin: 40px auto; padding: 0 4%; }
@keyframes modGsSmoothFadeIn { from { opacity: 0; transform: translate3d(0, 10px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }

.mod-gs-header-box { display: flex; align-items: center; background: var(--bg-panel); border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); border-radius: var(--radius-lg, 16px); padding: 25px 30px; }
.mod-gs-header-box h1 { margin: 0; font-size: 20px; font-weight: 800; display: flex; align-items: center; gap: 12px; }
.mod-gs-header-box h1 i { color: var(--brand-primary); }

.mod-gs-body { background: var(--bg-panel); border-radius: var(--radius-lg, 16px); border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); overflow: hidden; }
.mod-gs-tab-content { padding: 35px 30px; }

.mod-gs-section-title { font-size: 16px; font-weight: 800; color: var(--text-main); margin: 0 0 20px 0; padding-bottom: 12px; border-bottom: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); display: flex; align-items: center; gap: 8px; }
.mod-gs-section-title i { color: var(--brand-primary); }

.mod-gs-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.mod-gs-form-group { margin-bottom: 22px; }
.mod-gs-form-group label { display: block; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-muted); margin-bottom: 8px; cursor: pointer; }
.mod-gs-input-wrapper { position: relative; display: flex; align-items: center; width: 100%; }
.mod-gs-input-wrapper i.mod-gs-field-icon { position: absolute; left: 16px; color: var(--text-muted); font-size: 15px; transition: 0.3s; pointer-events: none; }

.mod-gs-input-wrapper input, .mod-gs-input-wrapper select { width: 100%; padding: 13px 15px 14px 45px; border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); border-radius: var(--radius-md, 12px); background: color-mix(in srgb, var(--text-main) 3%, transparent); color: var(--text-main); font-size: 14px; outline: none; transition: 0.3s; font-weight: 600; box-sizing: border-box; }
.mod-gs-input-wrapper select { appearance: none; -webkit-appearance: none; cursor: pointer; }

.mod-gs-input-wrapper input:focus, .mod-gs-input-wrapper input:focus-visible, .mod-gs-input-wrapper select:focus, .mod-gs-input-wrapper select:focus-visible { border-color: var(--brand-primary); background: var(--bg-panel); box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-primary) 15%, transparent); }
.mod-gs-input-wrapper input:focus + i.mod-gs-field-icon, .mod-gs-input-wrapper input:focus-visible + i.mod-gs-field-icon, .mod-gs-input-wrapper select:focus + i.mod-gs-field-icon, .mod-gs-input-wrapper select:focus-visible + i.mod-gs-field-icon { color: var(--brand-primary); }

.mod-gs-toggle-wrapper { display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); border-radius: var(--radius-md, 12px); background: color-mix(in srgb, var(--text-main) 3%, transparent); margin-bottom: 25px; transition: 0.3s; cursor: pointer; user-select: none; }
.mod-gs-toggle-wrapper:hover { border-color: var(--brand-primary); }
.mod-gs-toggle-info h4 { margin: 0 0 6px 0; font-size: 14px; font-weight: 800; color: var(--text-main); }
.mod-gs-toggle-info p { margin: 0; font-size: 12px; color: var(--text-muted); font-weight: 600; line-height: 1.5; }

.mod-gs-switch { position: relative; display: inline-block; width: 50px; height: 26px; flex-shrink: 0; }
.mod-gs-switch input { opacity: 0; width: 0; height: 0; }
.mod-gs-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: color-mix(in srgb, var(--text-main) 10%, transparent); transition: .4s; border-radius: 34px; border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); }
.mod-gs-slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background-color: var(--text-muted); transition: .4s; border-radius: 50%; }

.mod-gs-switch input:checked + .mod-gs-slider { background-color: color-mix(in srgb, var(--brand-primary) 15%, transparent); border-color: var(--brand-primary); }
.mod-gs-switch input:checked + .mod-gs-slider:before { transform: translateX(24px); background-color: var(--brand-primary); }

.mod-gs-switch input[type="checkbox"]:focus-visible + .mod-gs-slider { outline: 3px solid var(--brand-primary); outline-offset: 2px; }

.mod-gs-btn-save { background: var(--brand-primary); color: #fff; padding: 14px 25px; border-radius: var(--radius-md, 12px); font-weight: 800; font-size: 14px; cursor: pointer; transition: 0.3s; width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; border:none; margin-top: 10px; outline: none; }
.mod-gs-btn-save:hover, .mod-gs-btn-save:focus-visible { opacity: 0.9; transform: translateY(-2px); box-shadow: 0 6px 20px color-mix(in srgb, var(--brand-primary) 25%, transparent); }
.mod-gs-btn-save:focus-visible { outline: 3px solid var(--brand-primary); outline-offset: 2px; }

.mod-gs-flash { font-size: 13.5px; padding: 15px 20px; border-radius: var(--radius-md, 12px); margin-bottom: 20px; display: flex; align-items: center; gap: 12px; font-weight: 600; }
.mod-gs-success { background: rgba(16, 185, 129, 0.1); color: #059669; border: 1px solid rgba(16, 185, 129, 0.2); }
.mod-gs-error { background: rgba(239, 68, 68, 0.1); color: #dc2626; border: 1px solid rgba(239, 68, 68, 0.2); }

@media (max-width: 992px) {
    .mod-gs-full-page { padding: 0 15px; margin: 20px auto; }
    .mod-gs-header-box { padding: 20px 20px; border-radius: 12px; }
    .mod-gs-header-box h1 { font-size: 18px; }
    .mod-gs-tab-content { padding: 25px 20px; }
    .mod-gs-form-row { grid-template-columns: 1fr; gap: 0; }
}

/* ==========================================================================
   MODÜL: GENEL VE GÜVENLİK AYARLARI SONU
   ========================================================================== */
/* ==========================================================================
   MODÜL: İADE VE DEĞİŞİM YÖNETİMİ (iadeler.php İÇİN)
   Sürüm: v19.0 - Master Router & Zero-Dependency Uyumlu
   ========================================================================== */

body.rt-iframe-body { background-color: transparent !important; color: var(--text-main); margin: 0; transition: 0.4s ease; font-family: inherit; }
body.rt-iframe-body[data-inside="true"] { padding: 15px; }
body.rt-iframe-body[data-inside="false"] { padding: 0; }

.rt-wrapper { max-width: 1300px; margin: 0 auto; animation: rtSmoothFadeIn 0.5s forwards; box-sizing: border-box; }
@keyframes rtSmoothFadeIn { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }

.rt-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); }
.rt-header h1 { font-size: clamp(20px, 4vw, 24px); font-weight: 800; margin: 0; display: flex; align-items: center; gap: 10px; color: var(--text-main); }
.rt-header h1 i { color: var(--brand-primary); }

.rt-alert { padding: 15px 20px; border-radius: var(--radius-md, 12px); font-size: 14px; font-weight: 700; margin-bottom: 25px; display: flex; align-items: center; gap: 10px; box-shadow: 0 15px 35px color-mix(in srgb, var(--text-main) 5%, transparent); }
.rt-alert.success { background: color-mix(in srgb, #10b981 10%, transparent); color: #10b981; border: 1px solid color-mix(in srgb, #10b981 20%, transparent); }
.rt-alert.error { background: color-mix(in srgb, #ef4444 10%, transparent); color: #ef4444; border: 1px solid color-mix(in srgb, #ef4444 20%, transparent); }

.rt-table-responsive { overflow-x: auto; background: var(--bg-panel); border-radius: var(--radius-lg, 16px); border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); box-shadow: 0 15px 35px color-mix(in srgb, var(--text-main) 5%, transparent); }
.rt-table-responsive table { width: 100%; border-collapse: collapse; text-align: left; table-layout: auto; }
.rt-table-responsive th, .rt-table-responsive td { padding: 18px 20px; border-bottom: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); font-size: 14px; vertical-align: top; color: var(--text-main); }
.rt-table-responsive th { background: color-mix(in srgb, var(--text-main) 3%, transparent); font-weight: 800; color: var(--text-muted); text-transform: uppercase; font-size: 11px; letter-spacing: 0.5px; }

.rt-table-responsive tr:last-child td { border-bottom: none; }
.rt-table-responsive tbody tr { transition: background 0.2s; }
.rt-table-responsive tbody tr:hover { background: color-mix(in srgb, var(--brand-primary) 3%, transparent); }

.rt-status-badge { padding: 6px 12px; border-radius: 8px; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; display: inline-flex; align-items: center; gap: 6px; }
.rt-badge-pending { background: color-mix(in srgb, #f59e0b 10%, transparent); color: #f59e0b; }
.rt-badge-approved { background: color-mix(in srgb, #3b82f6 10%, transparent); color: #3b82f6; }
.rt-badge-completed { background: color-mix(in srgb, #10b981 10%, transparent); color: #10b981; }
.rt-badge-rejected { background: color-mix(in srgb, #ef4444 10%, transparent); color: #ef4444; }

.rt-action-box { background: color-mix(in srgb, var(--text-main) 3%, transparent); border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); border-radius: var(--radius-md, 12px); padding: 15px; display: flex; flex-direction: column; gap: 10px; margin-bottom: 10px; }
.rt-form-select, .rt-form-textarea { width: 100%; padding: 12px 15px; border: 1.5px solid color-mix(in srgb, var(--text-main) 10%, transparent); border-radius: 10px; background: var(--bg-panel); color: var(--text-main); font-size: 13px; font-family: inherit; font-weight: 600; outline: none; transition: 0.3s; box-sizing: border-box; }
.rt-form-select:focus, .rt-form-textarea:focus { border-color: var(--brand-primary); }

.rt-btn-update { background: var(--brand-primary); color: #ffffff !important; border: none; padding: 12px 15px; border-radius: 10px; font-size: 13px; font-weight: 800; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; outline: none; box-shadow: 0 4px 10px color-mix(in srgb, var(--brand-primary) 20%, transparent); }
.rt-btn-update:hover { transform: translateY(-2px); opacity: 0.9; box-shadow: 0 6px 15px color-mix(in srgb, var(--brand-primary) 30%, transparent); }

.rt-btn-delete { background: color-mix(in srgb, #ef4444 5%, transparent); color: #ef4444; border: 1px solid color-mix(in srgb, #ef4444 20%, transparent); padding: 12px 15px; border-radius: 10px; font-size: 13px; font-weight: 800; cursor: pointer; transition: 0.3s; display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; outline: none; margin-top: 5px; }
.rt-btn-delete:hover { background: #ef4444 !important; color: #fff !important; border-color: #ef4444 !important; }

.rt-preview-list { display: flex; flex-direction: column; gap: 10px; margin-top: 15px; padding-top: 15px; border-top: 1px dashed color-mix(in srgb, var(--text-main) 10%, transparent); }
.rt-prod-item { display: flex; align-items: flex-start; gap: 15px; background: color-mix(in srgb, var(--text-main) 3%, transparent); padding: 15px; border-radius: 10px; border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); width: 100%; box-sizing: border-box; }

.rt-img-link { display: block; flex-shrink: 0; border-radius: 8px; border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); overflow: hidden; }
.rt-img-link img { width: 65px; height: 65px; object-fit: cover; transition: transform 0.3s ease; display: block; }
.rt-img-link:hover img { transform: scale(1.1); }

.rt-prod-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.rt-prod-name { font-size: 13.5px; font-weight: 700; line-height: 1.4; word-wrap: break-word; word-break: break-word; color: var(--text-main); }
.rt-prod-meta { font-size: 11.5px; color: var(--text-muted); font-weight: 600; display: flex; gap: 8px; flex-wrap: wrap; }
.rt-meta-tag { background: var(--bg-panel); padding: 4px 8px; border-radius: 6px; white-space: nowrap; border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); }

.rt-empty-state { text-align: center; padding: 60px 20px; color: var(--text-muted); background: var(--bg-panel); border-radius: var(--radius-lg, 16px); border: 1px dashed color-mix(in srgb, var(--text-main) 15%, transparent); }
.rt-empty-state i { font-size: 40px; margin-bottom: 15px; opacity: 0.4; }

@media (max-width: 1100px) {
    body.rt-iframe-body[data-inside="true"] { padding: 10px; }
    .rt-table-responsive { background: transparent; border: none; box-shadow: none; border-radius: 0; padding: 0; overflow: visible; }
    .rt-table-responsive table, .rt-table-responsive thead, .rt-table-responsive tbody, .rt-table-responsive th, .rt-table-responsive td, .rt-table-responsive tr { display: block; }
    .rt-table-responsive thead tr { display: none; }
    
    .rt-table-responsive tbody tr { background: var(--bg-panel); margin-bottom: 25px; border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); border-radius: var(--radius-lg, 16px); box-shadow: 0 15px 35px color-mix(in srgb, var(--text-main) 5%, transparent); padding: 20px; }
    .rt-table-responsive tbody tr:hover { background: var(--bg-panel); }
    
    .rt-table-responsive td { border: none !important; padding: 10px 0 !important; position: relative; display: flex; flex-direction: column; gap: 8px; }
    .rt-table-responsive td:not(:last-child) { border-bottom: 1px dashed color-mix(in srgb, var(--text-main) 10%, transparent) !important; padding-bottom: 15px !important; margin-bottom: 10px; }
    .rt-table-responsive td:last-child { margin-top: 10px; padding-top: 0 !important; }
    .rt-table-responsive td::before { content: attr(data-label); display: block; font-size: 11px; font-weight: 800; color: var(--text-muted); text-transform: uppercase; margin-bottom: 4px; letter-spacing: 0.5px; }
    
    .rt-action-box { background: transparent; border: none; padding: 0; margin: 0; }
    .rt-prod-item { padding: 12px; }
}
/* ==========================================================================
   MODÜL: İADE VE DEĞİŞİM YÖNETİMİ SONU
   ========================================================================== */
/* ==========================================================================
   MODÜL: MÜŞTERİ İADE TALEPLERİM (iadelerim.php İÇİN)
   Sürüm: v19.0 - Master Router & Zero-Dependency Uyumlu
   ========================================================================== */

body.cr-iframe-body { font-family: inherit; color: var(--text-main); margin: 0; transition: 0.4s ease; }
body.cr-iframe-body[data-inside="false"] { background-color: transparent !important; padding: 0; }
body.cr-iframe-body[data-inside="true"] { background-color: transparent !important; padding: 10px; }

.cr-wrapper { box-sizing: border-box; animation: crSmoothFadeIn 0.5s forwards; }
body.cr-iframe-body[data-inside="false"] .cr-wrapper { max-width: 1000px; margin: 40px auto 100px; padding: 0 4%; }
body.cr-iframe-body[data-inside="true"] .cr-wrapper { max-width: 1000px; margin: 0 auto; padding: 0; }

@keyframes crSmoothFadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }

.cr-page-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 30px; border-bottom: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); padding-bottom: 20px; }
.cr-page-title h1 { font-family: 'Playfair Display', serif; font-size: clamp(24px, 4vw, 32px); font-weight: 800; margin: 0 0 8px 0; letter-spacing: -0.5px; color: var(--text-main); }
.cr-page-title p { font-size: 14px; color: var(--text-muted); font-weight: 500; margin: 0; line-height: 1.5; }

.cr-alert-box { padding: 15px 20px; border-radius: var(--radius-md, 12px); font-size: 14px; font-weight: 700; margin-bottom: 30px; display: flex; align-items: center; gap: 10px; }
.cr-alert-box.success { background: color-mix(in srgb, #10b981 10%, transparent); color: #10b981; border: 1px solid color-mix(in srgb, #10b981 20%, transparent); }
.cr-alert-box.error { background: color-mix(in srgb, #ef4444 10%, transparent); color: #ef4444; border: 1px solid color-mix(in srgb, #ef4444 20%, transparent); }

.cr-create-card { background: var(--bg-panel); border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); border-radius: var(--radius-lg, 20px); padding: 30px; margin-bottom: 40px; box-shadow: 0 15px 35px color-mix(in srgb, var(--text-main) 5%, transparent); }
.cr-create-card h2 { font-size: 18px; font-weight: 800; margin: 0 0 20px 0; display: flex; align-items: center; gap: 10px; color: var(--text-main); }
.cr-create-card h2 i { color: var(--brand-primary); }

.cr-form-group { margin-bottom: 20px; }
.cr-form-group label { display: block; font-size: 13px; font-weight: 800; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-main); }
.cr-form-control { width: 100%; padding: 15px; border: 1.5px solid color-mix(in srgb, var(--text-main) 10%, transparent); border-radius: var(--radius-md, 12px); background: color-mix(in srgb, var(--text-main) 3%, transparent); color: var(--text-main); font-size: 14px; font-family: inherit; font-weight: 600; outline: none; transition: 0.3s; box-sizing: border-box; }
.cr-form-control:focus { border-color: var(--brand-primary); background: var(--bg-panel); }

.cr-btn-submit { background: var(--brand-primary); color: #ffffff !important; border: none; padding: 15px 30px; border-radius: var(--radius-md, 12px); font-size: 14px; font-weight: 800; cursor: pointer; transition: all 0.3s ease; display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-transform: uppercase; width: 100%; box-shadow: 0 4px 10px color-mix(in srgb, var(--brand-primary) 20%, transparent); }
.cr-btn-submit:hover { opacity: 0.9; transform: translateY(-2px); box-shadow: 0 6px 15px color-mix(in srgb, var(--brand-primary) 30%, transparent); }

.cr-preview-box { display: none; margin-top: 15px; padding: 20px; background: color-mix(in srgb, var(--text-main) 3%, transparent); border-radius: var(--radius-md, 12px); border: 1px dashed color-mix(in srgb, var(--text-main) 10%, transparent); }
.cr-preview-box h4 { margin: 0 0 15px 0; font-size: 13px; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; }

.cr-preview-item { display: flex; align-items: flex-start; gap: 15px; background: var(--bg-panel); padding: 15px; border-radius: var(--radius-md, 12px); border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); margin-bottom: 12px; width: 100%; box-sizing: border-box; box-shadow: 0 5px 15px color-mix(in srgb, var(--text-main) 3%, transparent); }
.cr-img-link { display: block; flex-shrink: 0; border-radius: 8px; border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); overflow: hidden; }
.cr-img-link img { width: 65px; height: 65px; object-fit: cover; transition: transform 0.3s ease; display: block; }
.cr-img-link:hover img { transform: scale(1.1); }

.cr-preview-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.cr-preview-title { font-weight: 700; font-size: 14px; margin-bottom: 0; line-height: 1.4; word-wrap: break-word; word-break: break-word; color: var(--text-main); }
.cr-preview-meta { font-size: 12px; color: var(--text-muted); font-weight: 600; display: flex; gap: 8px; flex-wrap: wrap; }
.cr-meta-tag { background: transparent; padding: 4px 8px; border-radius: 6px; white-space: nowrap; border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); }

.cr-return-card { background: var(--bg-panel); border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); border-radius: var(--radius-lg, 16px); padding: 25px; display: flex; flex-direction: column; gap: 15px; box-shadow: 0 15px 35px color-mix(in srgb, var(--text-main) 5%, transparent); margin-bottom: 20px; }
.cr-rc-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px dashed color-mix(in srgb, var(--text-main) 10%, transparent); padding-bottom: 15px; flex-wrap: wrap; gap: 15px; }
.cr-rc-order { font-size: 15px; font-weight: 800; display: flex; align-items: center; gap: 8px; color: var(--text-main); }
.cr-rc-date { font-size: 12px; font-weight: 600; color: var(--text-muted); }
.cr-rc-reason { font-size: 14px; font-weight: 700; color: var(--text-main); }
.cr-rc-details { font-size: 13.5px; color: var(--text-muted); line-height: 1.6; white-space: pre-line; }
.cr-rc-admin-note { margin-top: 10px; padding: 15px; background: color-mix(in srgb, #3b82f6 5%, transparent); border-left: 3px solid #3b82f6; border-radius: 8px; font-size: 13.5px; color: #3b82f6; font-weight: 600; line-height: 1.5; }

.cr-status-badge { padding: 6px 14px; border-radius: 8px; font-size: 11px; font-weight: 800; text-transform: uppercase; display: inline-flex; align-items: center; gap: 6px; }
.cr-status-pending { background: color-mix(in srgb, #f59e0b 10%, transparent); color: #f59e0b; }
.cr-status-approved { background: color-mix(in srgb, #3b82f6 10%, transparent); color: #3b82f6; }
.cr-status-completed { background: color-mix(in srgb, #10b981 10%, transparent); color: #10b981; }
.cr-status-rejected { background: color-mix(in srgb, #ef4444 10%, transparent); color: #ef4444; }

.cr-empty-state { text-align: center; padding: 60px 20px; background: var(--bg-panel); border: 1px dashed color-mix(in srgb, var(--text-main) 15%, transparent); border-radius: var(--radius-lg, 20px); color: var(--text-muted); }

@media(min-width: 768px) { .cr-btn-submit { width: auto; } }
@media (max-width: 768px) {
    .cr-page-header { flex-direction: column; align-items: flex-start; gap: 15px; padding-bottom: 15px; }
    .cr-create-card, .cr-return-card { padding: 20px; border-radius: 16px; }
    .cr-rc-header { flex-direction: column; align-items: flex-start; gap: 12px; }
    .cr-rc-header > div { width: 100%; justify-content: space-between; display: flex; align-items: center; }
    .cr-preview-item { gap: 12px; padding: 12px; }
}

/* ==========================================================================
   MODÜL: MÜŞTERİ İADE TALEPLERİM SONU
   ========================================================================== */
/* ==========================================================================
   MODÜL: FATURALAR VE PDF EKRANI (invoices.php İÇİN)
   Sürüm: v19.0 - Master Router & Zero-Dependency Uyumlu
   ========================================================================== */

/* --- 1. PDF İNDİRME EKRANI (BÖLÜM 1) --- */

body.inv-pdf-body { background-color: var(--bg-body); font-family: inherit; margin: 0; padding: 20px 0; -webkit-font-smoothing: antialiased; transition: background-color 0.4s ease; }
body.inv-pdf-body[data-inside="true"] { background-color: transparent !important; padding: 10px; }

.invoice-wrapper { max-width: 820px; margin: 0 auto; animation: invSmoothFadeIn 0.5s forwards; }

@keyframes invSmoothFadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }

.invoice-actions { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding: 0 10px; }
.btn-back { display: inline-flex; align-items: center; gap: 8px; color: var(--text-muted); font-size: 14px; font-weight: 700; text-decoration: none; background: transparent; border: none; cursor: pointer; transition: 0.3s; outline: none; }
.btn-back:hover, .btn-back:focus-visible { color: var(--brand-primary); }

.btn-pdf { display: inline-flex; align-items: center; gap: 8px; background: var(--text-main); color: var(--bg-panel); border: none; padding: 12px 24px; border-radius: var(--radius-md, 8px); font-size: 13px; font-weight: 800; cursor: pointer; transition: 0.3s; outline: none; }
.btn-pdf:hover, .btn-pdf:focus-visible { background: var(--brand-primary); transform: translateY(-2px); box-shadow: 0 8px 15px color-mix(in srgb, var(--brand-primary) 20%, transparent); }
.btn-pdf:disabled { opacity: 0.7; cursor: not-allowed; transform: none; box-shadow: none; }

.btn-back:focus-visible, .btn-pdf:focus-visible { outline: 3px solid var(--brand-primary); outline-offset: 3px; }

/* Fatura Kağıdı Görünümü */
.invoice-paper { background: var(--bg-panel) !important; color: var(--text-main) !important; border-radius: var(--radius-md, 12px); box-shadow: 0 15px 35px color-mix(in srgb, var(--text-main) 5%, transparent); padding: 40px 45px; position: relative; box-sizing: border-box; border-top: 6px solid var(--brand-primary); }

.inv-header-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; }
.inv-brand-logo { max-height: 45px; width: auto; object-fit: contain; }
.inv-brand-text { font-weight: 800; font-size: 22px; margin: 0; color: var(--text-main); }

.inv-title-area { text-align: right; }
.inv-title { font-size: 24px; font-weight: 800; letter-spacing: -0.5px; margin: 0 0 4px 0; color: var(--text-main); }
.inv-no { font-size: 13px; font-weight: 600; color: var(--text-muted); }

.inv-details-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 30px; background: color-mix(in srgb, var(--text-main) 3%, transparent); padding: 20px; border-radius: 8px; border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); }
.inv-detail-box { display: flex; flex-direction: column; gap: 6px; }
.inv-detail-title { font-size: 11px; font-weight: 800; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; }
.inv-detail-content { font-size: 13px; line-height: 1.6; color: var(--text-main); font-weight: 500; }
.inv-detail-content strong { font-weight: 800; font-size: 14px; color: var(--text-main); }

.inv-table-wrapper { margin-bottom: 30px; }
.inv-table { width: 100%; border-collapse: collapse; text-align: left; }
.inv-table th { border-bottom: 2px solid var(--text-main); padding: 10px 8px; font-size: 11px; font-weight: 800; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; }
.inv-table td { border-bottom: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); padding: 14px 8px; font-size: 13.5px; font-weight: 600; vertical-align: middle; }
.inv-table td.qty-cell { text-align: center; }
.inv-table td.price-cell { text-align: right; }

.item-product { display: flex; align-items: center; gap: 12px; }
.item-img { width: 40px; height: 40px; object-fit: cover; border-radius: 6px; border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); background: var(--bg-panel); transition: 0.3s; }
.item-img-link { display: block; outline: none; }
.item-img-link:hover .item-img, .item-img-link:focus .item-img { border-color: var(--brand-primary); }

.item-details h5 { margin: 0 0 3px 0; font-size: 13px; font-weight: 800; color: var(--text-main); }
.item-details h5 a { color: inherit; text-decoration: none; transition: 0.2s; outline: none; }
.item-details h5 a:hover, .item-details h5 a:focus { color: var(--brand-primary); }
.item-details span { font-size: 11px; color: var(--text-muted); display: inline-block; background: color-mix(in srgb, var(--text-main) 4%, transparent); padding: 2px 6px; border-radius: 4px; }

.inv-summary-container { display: flex; justify-content: flex-end; margin-bottom: 20px; }
.inv-summary-box { width: 320px; }
.summary-line { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 10px; color: var(--text-muted); font-weight: 600; }
.summary-val { color: var(--text-main); font-weight: 800; }

.summary-total { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; padding-top: 15px; border-top: 2px solid var(--text-main); }
.summary-total-label { font-size: 14px; font-weight: 800; color: var(--text-main); }
.summary-total-val { font-size: 20px; font-weight: 800; color: var(--brand-primary); }

.inv-footer { text-align: center; font-size: 12px; color: var(--text-muted); border-top: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); padding-top: 20px; margin-top: 20px; font-weight: 500; }
.inv-footer strong { color: var(--text-main); font-weight: 700; }

@media (max-width: 600px) {
    .invoice-paper { padding: 25px 20px; }
    .inv-header-top { flex-direction: column; gap: 20px; align-items: flex-start; }
    .inv-title-area { text-align: left; }
    .inv-details-grid { grid-template-columns: 1fr; gap: 20px; }
    .inv-summary-box { width: 100%; }
}

/* --- 2. FATURALARIM LİSTESİ EKRANI (BÖLÜM 2) --- */

body.inv-list-body { background: var(--bg-body); color: var(--text-main); font-family: inherit; margin: 0; padding: 20px; transition: background-color 0.4s ease, color 0.4s ease; }
body.inv-list-body[data-inside="true"] { background: transparent !important; padding: 10px; }

.invoice-list-container { display: flex; flex-direction: column; gap: 15px; animation: invSmoothFadeIn 0.5s forwards; }
.invoice-list-container.is-standalone { padding: 0 4%; max-width: 1000px; margin: 40px auto 100px auto; }

.invoice-card { background: var(--bg-panel); border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); border-radius: var(--radius-lg, 16px); padding: 20px 25px; display: flex; justify-content: space-between; align-items: center; transition: 0.3s ease; box-shadow: 0 10px 30px color-mix(in srgb, var(--text-main) 2%, transparent); }
.invoice-card:hover { border-color: var(--brand-primary); box-shadow: 0 10px 30px color-mix(in srgb, var(--text-main) 6%, transparent); }

.inv-left { display: flex; align-items: center; gap: 20px; }
.inv-product-preview { width: 60px; height: 60px; border-radius: 10px; background: color-mix(in srgb, var(--text-main) 3%, transparent); border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; flex-shrink: 0; }
.inv-product-preview img { width: 100%; height: 100%; object-fit: cover; }
.inv-more-items { position: absolute; bottom: -5px; right: -5px; background: var(--text-main); color: var(--bg-panel); font-size: 9px; font-weight: 800; padding: 2px 6px; border-radius: 6px; border: 2px solid var(--bg-panel); }

.inv-info { display: flex; flex-direction: column; gap: 4px; }
.inv-order-no { font-size: 15px; font-weight: 800; color: var(--text-main); display: flex; align-items: center; gap: 8px; }
.inv-product-name { font-size: 12px; font-weight: 600; color: var(--text-muted); max-width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.inv-date { font-size: 11.5px; font-weight: 600; color: var(--text-muted); display: flex; align-items: center; gap: 6px; margin-top: 2px; }

.inv-right { display: flex; align-items: center; gap: 25px; }
.inv-price { font-size: 18px; font-weight: 800; color: var(--text-main); text-align: right; }

.btn-view-invoice { background: color-mix(in srgb, var(--text-main) 4%, transparent); color: var(--text-main); border: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent); padding: 12px 20px; border-radius: var(--radius-md, 12px); font-size: 13.5px; font-weight: 800; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: 0.3s; white-space: nowrap; cursor: pointer; outline: none; }
.btn-view-invoice:hover, .btn-view-invoice:focus-visible { background: var(--brand-primary); color: #fff; border-color: var(--brand-primary); transform: translateY(-2px); box-shadow: 0 5px 15px color-mix(in srgb, var(--brand-primary) 30%, transparent); }
.btn-disabled { background: color-mix(in srgb, var(--text-main) 3%, transparent) !important; color: var(--text-muted) !important; border-color: color-mix(in srgb, var(--text-main) 8%, transparent) !important; opacity: 0.7; transform: none !important; box-shadow: none !important; cursor: not-allowed; }
.btn-view-invoice:focus-visible { outline: 3px solid var(--brand-primary); outline-offset: 3px; }

.empty-state { text-align: center; padding: 60px 20px; background: color-mix(in srgb, var(--text-main) 2%, transparent); border-radius: var(--radius-lg, 16px); border: 1px dashed color-mix(in srgb, var(--text-main) 15%, transparent); }
.empty-state i { font-size: 40px; color: var(--brand-primary); margin-bottom: 15px; opacity: 0.8; }
.empty-state h3 { font-size: 18px; margin: 0 0 10px; }
.empty-state p { font-size: 14px; color: var(--text-muted); margin: 0; }

@media (max-width: 768px) {
    .invoice-card { flex-direction: column; align-items: flex-start; gap: 20px; }
    .inv-right { width: 100%; justify-content: space-between; flex-direction: row-reverse; }
    .inv-product-preview { width: 50px; height: 50px; }
    body.inv-list-body { padding: 0; }
}
/* ==========================================================================
   MODÜL: FATURALAR VE PDF EKRANI SONU
   ========================================================================== */
/* ==========================================================================
   MODÜL: KOLEKSİYONLAR SAYFASI (koleksiyonlar.php İÇİN)
   Sürüm: v19.2 - Pure CSS Animasyon (Zero-Crash & Zero-JS Dependency)
   ========================================================================== */

.col-btn-back:focus-visible, 
.col-card:focus-visible, 
.col-product-card:focus-visible, 
.col-card-favorite:focus-visible { outline: 3px solid var(--brand-primary); outline-offset: 3px; }

.col-container { max-width: 1400px; margin: 60px auto 100px; padding: 0 4%; animation: colSmoothFade 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; will-change: transform, opacity; transform: translateZ(0); }
@keyframes colSmoothFade { from { opacity: 0; transform: translate3d(0, 20px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }

/* GÜNCELLEME: JS bağımlılığı kaldırıldı, Saf CSS animasyonuna çevrildi */
.col-reveal {
    opacity: 0;
    animation: colAutoReveal 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
    animation-delay: 0.1s; /* Sayfa açılışında hafif bir gecikme efekti */
}

@keyframes colAutoReveal {
    0% { opacity: 0; transform: translateY(40px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* BÖLÜM BAŞLIKLARI VE GERİ DÖN BUTONU */
.col-header-wrapper { text-align: center; margin-bottom: 50px; position: relative; }

.col-btn-back { position: absolute; left: 0; top: 50%; transform: translate3d(0, -50%, 0); display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 800; text-transform: uppercase; color: var(--text-main); text-decoration: none; padding: 10px 18px; border: 1.5px solid color-mix(in srgb, var(--text-main) 10%, transparent); border-radius: var(--radius-sm, 10px); background: var(--bg-panel); transition: 0.3s; box-shadow: 0 5px 15px color-mix(in srgb, var(--text-main) 2%, transparent); will-change: transform, box-shadow; outline: none; }
.col-btn-back:hover { border-color: var(--brand-primary); color: var(--brand-primary); transform: translate3d(-5px, -50%, 0); box-shadow: 0 10px 25px color-mix(in srgb, var(--brand-primary) 10%, transparent); }

.col-section-title { font-family: 'Playfair Display', serif; font-size: clamp(2.5rem, 4vw, 3.5rem); font-weight: 800; color: var(--text-main); margin-bottom: 8px; letter-spacing: -0.5px; text-transform: capitalize; }
.col-section-subtitle { font-size: 13px; color: var(--text-muted); font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }

.col-divider { display: flex; align-items: center; justify-content: center; max-width: 250px; margin: 15px auto 0; gap: 10px; }
.col-divider .line { height: 2px; flex: 1; border-radius: 2px; }
.col-divider .line.left { background: linear-gradient(90deg, transparent 0%, var(--brand-primary) 100%); }
.col-divider .line.right { background: linear-gradient(270deg, transparent 0%, var(--brand-primary) 100%); }
.col-divider i { font-size: 18px; color: var(--brand-primary); }

/* MOD 1: DERGİ STİLİ KAPAK GRIDI */
.col-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); gap: 30px; }
.col-card { position: relative; display: block; width: 100%; aspect-ratio: 4/5; border-radius: var(--radius-lg, 20px); overflow: hidden; box-shadow: 0 24px 50px color-mix(in srgb, var(--text-main) 5%, transparent); text-decoration: none; will-change: transform, box-shadow; transform: translateZ(0); transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s ease; outline: none; }
.col-card-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); will-change: transform; }
.col-card-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.85) 100%); transition: opacity 0.5s ease, background 0.5s ease; will-change: opacity, background; }
.col-card-content { position: absolute; bottom: 0; left: 0; right: 0; padding: 35px; z-index: 3; display: flex; flex-direction: column; gap: 8px; transform: translate3d(0, 15px, 0); transition: transform 0.5s ease; will-change: transform; }

.col-card:hover { transform: translate3d(0, -10px, 0); box-shadow: 0 30px 60px color-mix(in srgb, var(--brand-primary) 15%, transparent); }
.col-card:hover .col-card-img, .col-card:focus-visible .col-card-img { transform: scale(1.06); }
.col-card:hover .col-card-overlay, .col-card:focus-visible .col-card-overlay { opacity: 0.9; background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.95) 100%); }
.col-card:hover .col-card-content, .col-card:focus-visible .col-card-content { transform: translate3d(0, 0, 0); }

.col-card h2 { font-family: 'Playfair Display', serif; font-size: 32px; font-weight: 800; color: #ffffff; margin: 0; text-shadow: 0 4px 15px rgba(0,0,0,0.5); text-transform: capitalize; }
.col-card p { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 12px; font-weight: 800; color: rgba(255,255,255,0.8); margin: 0; text-transform: uppercase; letter-spacing: 2px; }

.col-explore-btn { display: inline-flex; align-items: center; gap: 8px; margin-top: 10px; color: var(--brand-primary); font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; opacity: 0; transform: translate3d(-15px, 0, 0); transition: all 0.4s ease; will-change: transform, opacity; }
.col-card:hover .col-explore-btn, .col-card:focus-visible .col-explore-btn { opacity: 1; transform: translate3d(0, 0, 0); }

@media (min-width: 992px) {
    .col-card-wrapper:first-child { grid-column: span 2; grid-row: span 2; }
    .col-card-wrapper:first-child .col-card { aspect-ratio: 16/9; }
    .col-card-wrapper:first-child .col-card h2 { font-size: 48px; }
}

/* MOD 2: İMZA ÜRÜN KARTLARI */
.col-product-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 26px; }

.col-product-card { display: flex; flex-direction: column; background: var(--bg-panel); border: 1px solid color-mix(in srgb, var(--text-main) 6%, transparent); border-radius: var(--radius-md, 16px); overflow: hidden; position: relative; transition: 0.5s cubic-bezier(0.2, 0.8, 0.2, 1); text-decoration: none; will-change: transform, box-shadow; transform: translateZ(0); outline: none; }
.col-product-card:hover { transform: translate3d(0, -10px, 0); box-shadow: 0 24px 50px color-mix(in srgb, var(--text-main) 5%, transparent); border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent); }

.col-crown-header { display: flex; align-items: center; justify-content: center; width: 100%; padding: 12px 15px; background: var(--bg-panel); border-bottom: 1px solid color-mix(in srgb, var(--text-main) 6%, transparent); gap: 10px; }
.col-crown-header .frame-line { height: 1.5px; flex: 1; border-radius: 2px; }
.col-crown-header .frame-left { background: linear-gradient(90deg, transparent 0%, var(--brand-primary) 100%); }
.col-crown-header .frame-right { background: linear-gradient(270deg, transparent 0%, var(--brand-primary) 100%); }
.col-crown-header i { font-size: 14px; color: var(--brand-primary); filter: drop-shadow(0 2px 4px color-mix(in srgb, var(--brand-primary) 30%, transparent)); }

.col-image-wrapper { position: relative; width: 100%; aspect-ratio: 3/4; overflow: hidden; background: var(--bg-body); border-bottom: 1px solid color-mix(in srgb, var(--text-main) 6%, transparent); }
.col-image-main { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.6s ease; z-index: 1; }
.col-product-card:hover .col-image-main.has-ghost, .col-product-card:focus-visible .col-image-main.has-ghost { opacity: 0; }

.col-ghost-single { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; z-index: 2; transition: opacity 0.6s ease, transform 0.8s ease; transform: scale(1.05); }
.col-product-card:hover .col-ghost-single, .col-product-card:focus-visible .col-ghost-single { opacity: 1; transform: scale(1); }

.col-ghost-gallery { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; visibility: hidden; transition: opacity 0.4s ease, visibility 0.4s; background: var(--bg-body); }
.col-product-card:hover .col-ghost-gallery, .col-product-card:focus-visible .col-ghost-gallery { opacity: 1; visibility: visible; }

.col-ghost-multi { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; }
.col-product-card:hover .col-ghost-multi, .col-product-card:focus-visible .col-ghost-multi { animation: colDynamicGhostFade 6s ease-in-out infinite; }
@keyframes colDynamicGhostFade { 0%, 100% { opacity: 0; transform: scale(1); } 15%, 35% { opacity: 1; transform: scale(1.03); } 50%, 85% { opacity: 0; transform: scale(1.05); } }

.col-badges { position: absolute; top: 12px; left: 12px; display: flex; flex-direction: column; gap: 6px; z-index: 5; }
.col-badge-pill { padding: 6px 12px; border-radius: 6px; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
.col-badge-collection { background: var(--text-main); color: var(--bg-panel); }
.col-badge-discount { background: var(--brand-danger, #ef4444); color: #fff; }

.col-card-favorite { position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; border-radius: 50%; background: color-mix(in srgb, var(--bg-panel) 90%, transparent); backdrop-filter: blur(5px); display: flex; align-items: center; justify-content: center; opacity: 0; transform: scale(0.8) translateY(-10px); transition: 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); z-index: 10; color: var(--text-main); cursor: pointer; box-shadow: 0 4px 15px color-mix(in srgb, var(--text-main) 10%, transparent); border: none; outline: none; }
.col-product-card:hover .col-card-favorite, .col-product-card:focus-visible .col-card-favorite { opacity: 1; transform: scale(1) translateY(0); }
.col-card-favorite:hover, .col-card-favorite:focus-visible { color: var(--brand-danger, #ef4444); transform: scale(1.1) !important; }

.col-quick-view { position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px; background: linear-gradient(to top, rgba(0,0,0,0.5), transparent); transform: translateY(100%); transition: 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); z-index: 6; display: flex; justify-content: center; }
.col-product-card:hover .col-quick-view, .col-product-card:focus-visible .col-quick-view { transform: translateY(0); }
.col-btn-quick-view { width: 100%; background: color-mix(in srgb, var(--bg-panel) 95%, transparent); backdrop-filter: blur(10px); color: var(--text-main); border: none; padding: 12px; border-radius: var(--radius-sm, 10px); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 10px 25px color-mix(in srgb, var(--text-main) 20%, transparent); cursor: pointer; transition: 0.3s; outline: none; }
.col-btn-quick-view:hover { background: var(--brand-primary); color: #fff; }

.col-info { padding: 22px 20px; display: flex; flex-direction: column; flex-grow: 1; gap: 8px; text-align: left; }
.col-brand-row { display: flex; justify-content: space-between; align-items: center; }
.col-brand { font-size: 10.5px; font-weight: 800; color: var(--brand-primary); text-transform: uppercase; letter-spacing: 1.5px; }
.col-stock-count { font-size: 10px; font-weight: 700; color: var(--text-muted); padding: 4px 10px; background: color-mix(in srgb, var(--text-main) 4%, transparent); border-radius: 6px; }
.col-stock-count.danger-stock { color: var(--brand-danger, #ef4444); background: color-mix(in srgb, var(--brand-danger, #ef4444) 10%, transparent); }

.col-title { font-size: 16px; font-weight: 800; color: var(--text-main); margin: 0; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; transition: color 0.3s; }
.col-product-card:hover .col-title, .col-product-card:focus-visible .col-title { color: var(--brand-primary); }

.col-description { font-size: 12px; color: var(--text-muted); font-weight: 500; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 2px; min-height: 18px; }

.col-colors-wrapper { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 5px; min-height: 24px; }
.col-color-chip { font-size: 9px; font-weight: 700; color: var(--text-muted); padding: 4px 10px; background: color-mix(in srgb, var(--text-main) 4%, transparent); border-radius: 6px; text-transform: uppercase; border: 1px solid color-mix(in srgb, var(--text-main) 6%, transparent); }

.col-price-box { display: flex; align-items: baseline; gap: 10px; margin-top: auto; padding-top: 15px; border-top: 1px solid color-mix(in srgb, var(--text-main) 6%, transparent); }
.col-price { font-size: 20px; font-weight: 800; color: var(--text-main); letter-spacing: -0.5px; }
.col-price.old { font-size: 13px; color: var(--text-muted); text-decoration: line-through; font-weight: 600; opacity: 0.7; }
.col-price.new { color: var(--brand-danger, #ef4444); }

/* BOŞ DURUM */
.col-empty { grid-column: 1 / -1; text-align: center; padding: 80px 20px; background: var(--bg-panel); border-radius: var(--radius-lg, 16px); border: 1px dashed color-mix(in srgb, var(--text-main) 15%, transparent); }
.col-empty i { font-size: 60px; color: var(--text-muted); opacity: 0.3; margin-bottom: 20px; }
.col-empty h2 { font-family: 'Playfair Display', serif; font-size: 26px; font-weight: 800; margin: 0 0 10px 0; color: var(--text-main); }
.col-empty p { color: var(--text-muted); font-weight: 500; }

.col-toast { position:fixed; bottom:30px; right:30px; background:var(--text-main); color:var(--bg-panel); padding:15px 25px; border-radius:var(--radius-md, 12px); font-weight:700; font-size:14px; opacity:0; visibility:hidden; transition:0.3s; z-index:9999; display:flex; align-items:center; gap:10px; box-shadow: 0 10px 30px color-mix(in srgb, var(--text-main) 20%, transparent); will-change: opacity, visibility; }

/* MOBİL OPTİMİZASYONU */
@media (max-width: 1400px) { .col-product-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 1050px) { .col-product-grid { grid-template-columns: repeat(3, 1fr); } .col-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) {
    .col-product-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .col-grid { grid-template-columns: 1fr; gap: 20px; }
    .col-btn-back { position: relative; transform: none; top: 0; margin-bottom: 20px; width: max-content; }
    .col-btn-back:hover, .col-btn-back:focus-visible { transform: translateY(-2px); }
    
    .col-crown-header { padding: 8px 10px; gap: 6px; }
    .col-crown-header i { font-size: 11px; }

    .col-info { padding: 12px 10px; gap: 5px; }
    .col-title { font-size: 12.5px; line-height: 1.3; }
    .col-description { display: none; }
    .col-price { font-size: 16px; }
    .col-price.old { font-size: 11px; }
    .col-brand { font-size: 9px; }
    .col-stock-count { font-size: 9px; padding: 2px 6px; }
    .col-color-chip { font-size: 9px; padding: 2px 6px; }
    .col-badge-pill { padding: 4px 8px; font-size: 9px; }

    .col-card-favorite { opacity: 1; transform: scale(1) translateY(0); top: 8px; right: 8px; width: 30px; height: 30px; font-size: 12px; }
    .col-quick-view { display: none; }
}
/* ==========================================================================
   MODÜL: KOLEKSİYONLAR SAYFASI SONU
   ========================================================================== */
/* ==========================================================================
   MODÜL: MAĞAZA SAYFASI (magaza.php İÇİN)
   Sürüm: v19.3 - Global Theme Parity & Pure CSS Animasyon (Zero-JS Dependency)
   ========================================================================== */

.mgz-filter-group select:focus-visible, 
.mgz-filter-group input:focus-visible,
.mgz-btn-filter:focus-visible,
.mgz-btn-clear-filter:focus-visible,
.mgz-product-card:focus-visible, 
.mgz-card-favorite:focus-visible,
.mgz-page-link:focus-visible { outline: 3px solid var(--brand-primary); outline-offset: 3px; }

.mgz-container { max-width: 1400px; margin: 60px auto 100px; padding: 0 4%; animation: mgzSmoothFade 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; will-change: transform, opacity; transform: translateZ(0); }
@keyframes mgzSmoothFade { from { opacity: 0; transform: translate3d(0, 20px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }

/* Saf CSS Görünürlük Animasyonu */
.mgz-reveal {
    opacity: 0;
    animation: mgzAutoReveal 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
    animation-delay: 0.1s;
    will-change: transform, opacity;
}

@keyframes mgzAutoReveal {
    0% { opacity: 0; transform: translateY(40px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* BÖLÜM BAŞLIKLARI DÜZENİ */
.mgz-header-wrapper { text-align: center; margin-bottom: 50px; position: relative; }
.mgz-section-title { font-family: 'Playfair Display', serif; font-size: clamp(2.5rem, 4vw, 3.5rem); font-weight: 800; color: var(--text-main); margin-bottom: 8px; letter-spacing: -0.5px; text-transform: capitalize; }
.mgz-section-subtitle { font-size: 13px; color: var(--text-muted); font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }
.mgz-divider { display: flex; align-items: center; justify-content: center; max-width: 250px; margin: 15px auto 0; gap: 10px; }
.mgz-divider .line { height: 2px; flex: 1; border-radius: 2px; }
.mgz-divider .line.left { background: linear-gradient(90deg, transparent 0%, var(--brand-primary) 100%); }
.mgz-divider .line.right { background: linear-gradient(270deg, transparent 0%, var(--brand-primary) 100%); }
.mgz-divider i { display: none !important; }

/* GELİŞMİŞ FİLTRE ÇUBUĞU (TOP BAR) */
.mgz-filter-bar { background: var(--bg-panel); border: 1px solid color-mix(in srgb, var(--text-main) 6%, transparent); border-radius: var(--radius-lg, 16px); padding: 20px 25px; margin-bottom: 40px; box-shadow: 0 24px 50px color-mix(in srgb, var(--text-main) 5%, transparent); }
.mgz-filter-form { display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-end; }
.mgz-filter-group { display: flex; flex-direction: column; gap: 8px; flex: 1; min-width: 200px; }
.mgz-filter-group label { font-size: 12px; font-weight: 800; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; }
.mgz-filter-group select, .mgz-filter-group input { width: 100%; padding: 12px 15px; border-radius: 10px; border: 1px solid color-mix(in srgb, var(--text-main) 6%, transparent); background: var(--bg-body); color: var(--text-main); font-family: 'Plus Jakarta Sans', sans-serif; font-size: 14px; font-weight: 600; outline: none; transition: 0.3s; -webkit-appearance: none; }
.mgz-filter-group select:focus, .mgz-filter-group input:focus { border-color: var(--brand-primary); box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand-primary) 10%, transparent); }

.mgz-price-inputs { display: flex; align-items: center; gap: 10px; }
.mgz-price-inputs span { font-weight: 800; color: var(--text-muted); }

.mgz-filter-actions { display: flex; gap: 10px; flex: 1; min-width: 180px; }
.mgz-btn-filter { flex: 1; background: var(--text-main); color: var(--bg-panel); border: none; padding: 12px 20px; border-radius: 10px; font-weight: 800; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5px; cursor: pointer; transition: 0.3s; will-change: transform, box-shadow; outline: none; }
.mgz-btn-filter:hover { background: var(--brand-primary); color: #fff; transform: translate3d(0, -2px, 0); box-shadow: 0 8px 20px color-mix(in srgb, var(--brand-primary) 20%, transparent); }

.mgz-btn-clear-filter { width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--brand-danger, #ef4444) 10%, transparent); color: var(--brand-danger, #ef4444); border-radius: 10px; text-decoration: none; transition: 0.3s; font-size: 18px; will-change: transform; outline: none; }
.mgz-btn-clear-filter:hover { background: var(--brand-danger, #ef4444); color: #fff; transform: scale(1.05); }

.mgz-search-summary { text-align: center; margin-bottom: 30px; font-size: 14px; color: var(--text-muted); font-weight: 600; }
.mgz-search-summary span { color: var(--text-main); font-weight: 800; }

/* VİTRİN: İMZA ÜRÜN KARTLARI (GRID) */
.mgz-product-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 26px; margin-bottom: 50px; }

.mgz-product-card { display: flex; flex-direction: column; background: var(--bg-panel); border: 1px solid color-mix(in srgb, var(--text-main) 6%, transparent); border-radius: var(--radius-lg, 16px); overflow: hidden; position: relative; transition: 0.5s cubic-bezier(0.2, 0.8, 0.2, 1); text-decoration: none; will-change: transform, box-shadow; transform: translateZ(0); outline: none; }
.mgz-product-card:hover { transform: translate3d(0, -10px, 0); box-shadow: 0 24px 50px color-mix(in srgb, var(--text-main) 5%, transparent); border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent); }

.mgz-crown-header { display: none !important; }

.mgz-image-wrapper { position: relative; width: 100%; aspect-ratio: 3/4; overflow: hidden; background: var(--bg-body); border-bottom: 1px solid color-mix(in srgb, var(--text-main) 6%, transparent); }
.mgz-image-main { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.6s ease; z-index: 1; }
.mgz-product-card:hover .mgz-image-main.has-ghost, .mgz-product-card:focus-visible .mgz-image-main.has-ghost { opacity: 0; }

.mgz-ghost-single { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; z-index: 2; transition: opacity 0.6s ease, transform 0.8s ease; transform: scale(1.05); }
.mgz-product-card:hover .mgz-ghost-single, .mgz-product-card:focus-visible .mgz-ghost-single { opacity: 1; transform: scale(1); }

.mgz-ghost-gallery { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; visibility: hidden; transition: opacity 0.4s ease, visibility 0.4s; background: var(--bg-body); }
.mgz-product-card:hover .mgz-ghost-gallery, .mgz-product-card:focus-visible .mgz-ghost-gallery { opacity: 1; visibility: visible; }

.mgz-ghost-multi { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; }
.mgz-product-card:hover .mgz-ghost-multi, .mgz-product-card:focus-visible .mgz-ghost-multi { animation: mgzDynamicGhostFade 6s ease-in-out infinite; }
@keyframes mgzDynamicGhostFade { 0%, 100% { opacity: 0; transform: scale(1); } 15%, 35% { opacity: 1; transform: scale(1.03); } 50%, 85% { opacity: 0; transform: scale(1.05); } }

/* YENİ: İndirim Etiketi ve Badge'ler (Glassmorphism) */
.mgz-badges { position: absolute; top: 12px; left: 12px; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; z-index: 10; }
.mgz-badge-pill { display: inline-flex; align-items: center; justify-content: center; padding: 6px 14px; border-radius: 30px; font-size: 13px; font-weight: 800; letter-spacing: 0.5px; box-shadow: 0 4px 15px rgba(0,0,0,0.15); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); line-height: 1; }
.mgz-badge-discount { background: rgba(239, 68, 68, 0.95); color: #ffffff !important; border: 1px solid rgba(255,255,255,0.25); }
.mgz-badge-outstock { background: rgba(15, 23, 42, 0.95); color: #ffffff !important; border: 1px solid rgba(255,255,255,0.15); }

.mgz-card-favorite { position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; border-radius: 50%; background: color-mix(in srgb, var(--bg-panel) 90%, transparent); backdrop-filter: blur(5px); display: flex; align-items: center; justify-content: center; opacity: 0; transform: scale(0.8) translateY(-10px); transition: 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); z-index: 10; color: var(--text-main); cursor: pointer; box-shadow: 0 4px 15px color-mix(in srgb, var(--text-main) 10%, transparent); border: none; outline: none; }
.mgz-product-card:hover .mgz-card-favorite, .mgz-product-card:focus-visible .mgz-card-favorite { opacity: 1; transform: scale(1) translateY(0); }
.mgz-card-favorite:hover { color: var(--brand-danger, #ef4444); transform: scale(1.1) !important; }

.mgz-quick-view { position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px; background: linear-gradient(to top, rgba(0,0,0,0.5), transparent); transform: translateY(100%); transition: 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); z-index: 6; display: flex; justify-content: center; }
.mgz-product-card:hover .mgz-quick-view, .mgz-product-card:focus-visible .mgz-quick-view { transform: translateY(0); }
.mgz-btn-quick-view { width: 100%; background: color-mix(in srgb, var(--bg-panel) 95%, transparent); backdrop-filter: blur(10px); color: var(--text-main); border: none; padding: 12px; border-radius: 10px; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 10px 25px color-mix(in srgb, var(--text-main) 20%, transparent); cursor: pointer; transition: 0.3s; outline: none; }
.mgz-btn-quick-view:hover { background: var(--brand-primary); color: #fff; }

.mgz-info { padding: 22px 20px; display: flex; flex-direction: column; flex-grow: 1; gap: 8px; text-align: left; }
.mgz-brand-row { display: flex; justify-content: space-between; align-items: center; }
.mgz-brand { font-size: 10.5px; font-weight: 800; color: var(--brand-primary); text-transform: uppercase; letter-spacing: 1.5px; }
.mgz-stock-count { font-size: 10px; font-weight: 700; color: var(--text-muted); padding: 4px 10px; background: color-mix(in srgb, var(--text-main) 4%, transparent); border-radius: 6px; }
.mgz-stock-count.danger-stock { color: var(--brand-danger, #ef4444); background: color-mix(in srgb, var(--brand-danger, #ef4444) 10%, transparent); }

.mgz-title { font-size: 16px; font-weight: 800; color: var(--text-main); margin: 0; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; transition: color 0.3s; }
.mgz-product-card:hover .mgz-title, .mgz-product-card:focus-visible .mgz-title { color: var(--brand-primary); }

.mgz-description { font-size: 12px; color: var(--text-muted); font-weight: 500; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 2px; min-height: 18px; }

/* YENİ: Dinamik Dark/Light Mod Uyumlu Beden ve Renk Varyantları */
.mgz-variants-container { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; margin-bottom: 5px; }
.mgz-variant-group { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.mgz-variant-label { font-size: 10px; font-weight: 800; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; width: 45px; }
.mgz-size-chip, .mgz-color-chip { font-size: 11px; font-weight: 600; padding: 3px 8px; border: 1px solid color-mix(in srgb, var(--text-main) 6%, transparent); border-radius: 6px; color: var(--text-main); background: color-mix(in srgb, var(--text-main) 4%, transparent); white-space: nowrap; transition: background 0.3s, color 0.3s; }

.mgz-price-box { display: flex; align-items: baseline; gap: 10px; margin-top: auto; padding-top: 15px; border-top: 1px solid color-mix(in srgb, var(--text-main) 6%, transparent); }
.mgz-price { font-size: 20px; font-weight: 800; color: var(--text-main); letter-spacing: -0.5px; }

/* İNDİRİMLİ FİYAT YANIP SÖNME EFEKTİ (PREMIUM PULSE) */
@keyframes mgzPriceBlink {
    0%, 100% { 
        opacity: 1; 
        transform: scale(1); 
        text-shadow: 0 0 0 rgba(239, 68, 68, 0);
    }
    50% { 
        opacity: 0.6; 
        transform: scale(0.96); 
        text-shadow: 0 4px 10px rgba(239, 68, 68, 0.4);
    }
}
.mgz-price.new {
    display: inline-block;
    animation: mgzPriceBlink 1.5s ease-in-out infinite;
    will-change: opacity, transform;
}

/* LÜKS SAYFALAMA (PAGINATION) */
.mgz-pagination-wrapper { display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 40px; }
.mgz-page-link { display: inline-flex; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 12px; background: var(--bg-panel); border: 1px solid color-mix(in srgb, var(--text-main) 6%, transparent); color: var(--text-main); font-weight: 800; font-size: 14px; text-decoration: none; transition: 0.3s; box-shadow: 0 5px 15px rgba(0,0,0,0.02); will-change: transform, box-shadow; outline: none; }
.mgz-page-link:hover { border-color: var(--brand-primary); color: var(--brand-primary); transform: translate3d(0, -3px, 0); box-shadow: 0 10px 20px color-mix(in srgb, var(--brand-primary) 15%, transparent); }
.mgz-page-link.active { background: var(--brand-primary); border-color: var(--brand-primary); color: #fff; pointer-events: none; }
.mgz-page-link i { font-size: 12px; }

/* BOŞ DURUM */
.mgz-empty { grid-column: 1 / -1; text-align: center; padding: 80px 20px; background: var(--bg-panel); border-radius: var(--radius-lg, 16px); border: 1px dashed color-mix(in srgb, var(--text-main) 15%, transparent); }
.mgz-empty i { font-size: 60px; color: var(--text-muted); opacity: 0.3; margin-bottom: 20px; }
.mgz-empty h2 { font-family: 'Playfair Display', serif; font-size: 26px; font-weight: 800; margin: 0 0 10px 0; color: var(--text-main); }
.mgz-empty p { color: var(--text-muted); font-weight: 500; }

.mgz-toast { position:fixed; bottom:30px; right:30px; background:var(--text-main); color:var(--bg-panel); padding:15px 25px; border-radius:12px; font-weight:700; font-size:14px; opacity:0; visibility:hidden; transition:0.3s; z-index:9999; display:flex; align-items:center; gap:10px; box-shadow: 0 10px 30px color-mix(in srgb, var(--text-main) 20%, transparent); will-change: opacity, visibility; }

/* MOBİL OPTİMİZASYONU */
@media (max-width: 1400px) { .mgz-product-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 1050px) { .mgz-product-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 768px) {
    .mgz-product-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .mgz-filter-form { flex-direction: column; gap: 15px; }
    .mgz-filter-group { width: 100%; min-width: 100%; }
    .mgz-filter-actions { width: 100%; }
    
    .mgz-info { padding: 12px 10px; gap: 5px; }
    .mgz-title { font-size: 12.5px; line-height: 1.3; }
    .mgz-description { display: none; }
    .mgz-price { font-size: 16px; }
    .mgz-brand { font-size: 9px; }
    .mgz-stock-count { font-size: 9px; padding: 2px 6px; }
    
    .mgz-variant-label { font-size: 9px; width: 40px; }
    .mgz-size-chip, .mgz-color-chip { font-size: 9px; padding: 2px 6px; }

    .mgz-card-favorite { opacity: 1; transform: scale(1) translateY(0); top: 8px; right: 8px; width: 30px; height: 30px; font-size: 12px; }
    .mgz-quick-view { display: none; }
    
    .mgz-page-link { width: 40px; height: 40px; font-size: 13px; }
}
/* ==========================================================================
   MODÜL: MAĞAZA SAYFASI SONU
   ========================================================================== */
/* ==========================================================================
   MODÜL: BAKIM MODU (maintenance.php İÇİN)
   Sürüm: v15.0 - Global Theme Parity & Pure CSS (Zero-Dependency)
   ========================================================================== */

/* Kilitli Body Tasarımı: Yalnızca Bakım Modu Aktifken Çalışır */
body.mnt-body {
    margin: 0 !important; 
    padding: 0 !important; 
    width: 100vw !important; 
    height: 100vh !important;
    font-family: 'Plus Jakarta Sans', sans-serif;
    background-color: #020617 !important; /* Gece mavisi/siyah premium zemin (Sabit Karanlık Mod) */
    overflow: hidden !important;
    display: flex; 
    align-items: center; 
    justify-content: center;
    position: fixed !important; 
    top: 0 !important; 
    left: 0 !important; 
    z-index: 999999 !important;
}

/* Zarif Arka Plan Animasyonu (Global Marka Rengi ile Dinamik) */
.mnt-bg-blob {
    position: absolute; 
    filter: blur(90px); 
    opacity: 0.4;
    animation: mntFloatBlob 10s infinite alternate ease-in-out;
    z-index: 1; 
    pointer-events: none;
}
.mnt-blob-1 { width: 40vw; height: 40vw; background: var(--brand-primary); top: -10%; left: -10%; animation-delay: 0s; }
.mnt-blob-2 { width: 30vw; height: 30vw; background: color-mix(in srgb, var(--brand-primary) 80%, #fff); bottom: -10%; right: -10%; animation-delay: -5s; }

@keyframes mntFloatBlob {
    0% { transform: translate(0, 0) scale(1); }
    100% { transform: translate(30px, 30px) scale(1.1); }
}

/* Glassmorphism Bakım Kartı */
.mnt-card {
    position: relative; 
    z-index: 10;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 32px;
    padding: 60px 40px;
    text-align: center;
    max-width: 600px; 
    width: 90%;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4);
    animation: mntFadeUp 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    opacity: 0; 
    transform: translateY(40px);
}

@keyframes mntFadeUp {
    to { opacity: 1; transform: translateY(0); }
}

.mnt-icon-box {
    width: 80px; height: 80px; margin: 0 auto 30px;
    background: linear-gradient(135deg, var(--brand-primary), color-mix(in srgb, var(--brand-primary) 70%, #000));
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 32px; color: #ffffff;
    box-shadow: 0 10px 30px color-mix(in srgb, var(--brand-primary) 40%, transparent);
    position: relative;
}

.mnt-icon-box::before {
    content: ''; position: absolute; inset: -5px;
    border: 2px dashed color-mix(in srgb, var(--brand-primary) 50%, transparent);
    border-radius: 50%;
    animation: mntSpin 10s linear infinite;
}

@keyframes mntSpin { 100% { transform: rotate(360deg); } }

.mnt-title {
    font-family: 'Playfair Display', serif;
    font-size: 36px; font-weight: 800;
    color: #ffffff; margin: 0 0 15px 0;
    letter-spacing: -0.5px;
}

.mnt-desc {
    font-size: 15px; line-height: 1.7;
    color: rgba(255, 255, 255, 0.7); font-weight: 500;
    margin: 0 0 35px 0;
}

.mnt-divider {
    display: flex; align-items: center; justify-content: center;
    gap: 15px; margin-bottom: 30px; opacity: 0.6;
}
.mnt-divider .line { height: 1px; width: 60px; background: rgba(255,255,255,0.2); }
.mnt-divider i { color: var(--brand-primary); font-size: 14px; }

.mnt-brand-text {
    font-size: 13px; font-weight: 800; letter-spacing: 2px;
    text-transform: uppercase; color: #ffffff;
}
.mnt-brand-text span { color: var(--brand-primary); }

.mnt-social-links { display: flex; justify-content: center; gap: 15px; margin-top: 25px; }
.mnt-social-links a {
    width: 40px; height: 40px; border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
    display: flex; align-items: center; justify-content: center;
    color: rgba(255, 255, 255, 0.7); font-size: 16px;
    transition: 0.3s; border: 1px solid rgba(255,255,255,0.05);
    text-decoration: none; outline: none;
}
.mnt-social-links a:hover {
    background: var(--brand-primary); color: #ffffff;
    border-color: var(--brand-primary); transform: translateY(-3px);
}
.mnt-social-links a:focus-visible {
    outline: 3px solid var(--brand-primary);
    outline-offset: 3px;
}

@media (max-width: 768px) {
    .mnt-card { padding: 40px 25px; border-radius: 24px; }
    .mnt-title { font-size: 28px; }
    .mnt-desc { font-size: 14px; }
    .mnt-icon-box { width: 70px; height: 70px; font-size: 28px; }
}
/* ==========================================================================
   MODÜL: BAKIM MODU SONU
   ========================================================================== */
/* ==========================================================================
   MODÜL: ADRES YÖNETİMİ (my-addresses.php İÇİN)
   SÜRÜM: v15.7 - %100 Global Master Router Uyumlu
   ========================================================================== */

/* 
   NOT: Renk paleti tamamen global Master CSS'den (parent) çekilir.
   Kullanılanlar: --bg-body, --bg-panel, --bg-inner, --text-main, --text-muted, 
   --brand-primary, --border-color, --status-success, --status-error, --status-info 
*/

body.adr-iframe-body { 
    font-family: 'Plus Jakarta Sans', sans-serif; 
    color: var(--text-main); 
    margin: 0; 
    padding: 0; 
    transition: background-color 0.4s ease, color 0.4s ease; 
}
body.adr-iframe-body[data-inside="false"] { background-color: var(--bg-body) !important; }
body.adr-iframe-body[data-inside="true"] { background-color: transparent !important; }

/* Erişilebilirlik Fokus Optimizasyonu */
.adr-btn-add:focus-visible, 
.adr-btn-action:focus-visible, 
.adr-modal-close:focus-visible,
.adr-input-wrapper input:focus-visible, 
.adr-input-wrapper textarea:focus-visible, 
.adr-input-wrapper select:focus-visible { 
    outline: 3px solid var(--brand-primary); 
    outline-offset: 3px; 
}

.adr-module-container { 
    width: 100%; 
    display: flex; 
    flex-direction: column; 
    gap: 20px; 
    animation: adrSmoothFadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; 
    will-change: transform, opacity; 
    transform: translateZ(0); 
}
.adr-module-container.is-full-page { max-width: 1100px; margin: 40px auto 100px; padding: 0 4%; }

@keyframes adrSmoothFadeIn { 
    from { opacity: 0; transform: translate3d(0, 15px, 0); } 
    to { opacity: 1; transform: translate3d(0, 0, 0); } 
}

/* BAŞLIK PANELİ */
.adr-header-box { 
    display: flex; justify-content: space-between; align-items: center; 
    background: var(--bg-panel); border: 1px solid var(--border-color); 
    border-radius: 16px; padding: 25px 30px; transition: all 0.3s ease; 
}
.adr-header-box h1 { margin: 0; font-size: 20px; font-weight: 800; color: var(--text-main); display: flex; align-items: center; gap: 12px; }
.adr-header-box h1 i { color: var(--brand-primary); }

.adr-btn-add { 
    background: var(--brand-primary); color: #fff; border: none; 
    padding: 14px 25px; border-radius: 12px; font-weight: 800; font-size: 14px; 
    cursor: pointer; transition: 0.3s; display: flex; align-items: center; gap: 8px; outline: none; 
}
.adr-btn-add:hover:not(:disabled) { 
    opacity: 0.9; transform: translateY(-2px); 
    box-shadow: 0 5px 15px color-mix(in srgb, var(--brand-primary) 30%, transparent); 
}
.adr-btn-add:disabled { 
    background: var(--bg-inner); color: var(--text-muted); 
    border: 1px solid var(--border-color); cursor: not-allowed; opacity: 0.7; 
}

/* CARD GRID SİSTEMİ */
.adr-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 20px; }
.adr-card { 
    background: var(--bg-panel); border: 1px solid var(--border-color); 
    border-radius: 16px; padding: 30px; position: relative; transition: all 0.3s ease; 
    display: flex; flex-direction: column; 
}
.adr-card:hover { 
    border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent); 
    box-shadow: 0 10px 30px rgba(0,0,0,0.05); transform: translateY(-3px); 
}
.adr-card.is-default { 
    border-color: var(--brand-primary); 
    box-shadow: 0 0 0 1px var(--brand-primary); 
    background: linear-gradient(to bottom right, var(--bg-panel), color-mix(in srgb, var(--brand-primary) 10%, transparent)); 
}

.adr-default-badge { 
    position: absolute; top: 20px; right: 20px; 
    background: color-mix(in srgb, var(--brand-primary) 12%, transparent); 
    color: var(--brand-primary); padding: 6px 12px; 
    border-radius: 8px; font-size: 11px; font-weight: 800; 
    text-transform: uppercase; letter-spacing: 0.5px; 
}

.adr-card-header { display: flex; align-items: center; gap: 15px; margin-bottom: 25px; }
.adr-icon { 
    width: 50px; height: 50px; border-radius: 14px; 
    background: var(--bg-inner); color: var(--text-muted); 
    display: flex; align-items: center; justify-content: center; font-size: 20px; transition: 0.3s; 
}
.adr-card.is-default .adr-icon { background: var(--brand-primary); color: #fff; }
.adr-title { margin: 0; font-size: 18px; font-weight: 800; color: var(--text-main); }
.adr-name { margin: 4px 0 0 0; font-size: 13.5px; color: var(--text-muted); font-weight: 600; }

.adr-body { flex: 1; }
.adr-text { font-size: 14px; color: var(--text-main); line-height: 1.6; margin: 0 0 15px 0; font-weight: 500;}
.adr-location, .adr-phone { font-size: 13.5px; color: var(--text-muted); font-weight: 600; display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.adr-location i, .adr-phone i { color: var(--brand-primary); opacity: 0.8; font-size: 15px; width: 16px; text-align: center;}
.adr-phone a { color: inherit; text-decoration: none; }

.adr-footer { margin-top: 30px; padding-top: 20px; border-top: 1px solid var(--border-color); display: flex; gap: 12px; }
.adr-btn-action { 
    flex: 1; padding: 12px; background: var(--bg-inner); border: 1px solid transparent; 
    color: var(--text-main); border-radius: 10px; font-size: 13px; font-weight: 700; 
    cursor: pointer; transition: 0.3s; display: flex; align-items: center; justify-content: center; gap: 6px; outline: none; 
}
.adr-btn-action:hover { background: var(--border-color); }

/* Hover durumlarında color-mix ile evrensel renk üretimi */
.adr-btn-action.edit:hover { 
    background: color-mix(in srgb, var(--status-info, #3b82f6) 10%, transparent); 
    color: var(--status-info, #3b82f6); 
    border-color: color-mix(in srgb, var(--status-info, #3b82f6) 20%, transparent); 
}
.adr-btn-action.delete:hover { 
    background: color-mix(in srgb, var(--status-error, #ef4444) 10%, transparent); 
    color: var(--status-error, #ef4444); 
    border-color: color-mix(in srgb, var(--status-error, #ef4444) 20%, transparent); 
}
.adr-btn-action.make-default { 
    background: color-mix(in srgb, var(--brand-primary) 12%, transparent); 
    color: var(--brand-primary); 
}
.adr-btn-action.make-default:hover { background: var(--brand-primary); color: #fff; }

.adr-empty-state { text-align: center; padding: 70px 20px; background: var(--bg-panel); border-radius: 16px; border: 1px dashed var(--border-color); }
.adr-empty-state i { font-size: 50px; color: var(--brand-primary); margin-bottom: 20px; opacity: 0.8; }
.adr-empty-state h4 { font-size: 18px; margin: 0 0 10px 0; color: var(--text-main); }
.adr-empty-state p { font-size: 14px; color: var(--text-muted); margin-bottom: 20px; }

/* MODAL TASARIMI */
.adr-modal-backdrop { 
    position: fixed; inset: 0; background: rgba(0,0,0,0.7); backdrop-filter: blur(5px); 
    z-index: 10001; opacity: 0; visibility: hidden; transition: 0.3s ease; 
    display: flex; align-items: center; justify-content: center; padding: 20px; 
}
.adr-modal-backdrop.active { opacity: 1; visibility: visible; }
.adr-modal-box { 
    background: var(--bg-panel); border-radius: 20px; border: 1px solid var(--border-color); 
    width: 100%; max-width: 550px; transform: translate3d(0, 20px, 0); 
    transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1); box-shadow: 0 20px 50px rgba(0,0,0,0.5); 
    overflow: hidden; max-height: 90vh; display: flex; flex-direction: column; will-change: transform; 
}
.adr-modal-backdrop.active .adr-modal-box { transform: translate3d(0, 0, 0); }

.adr-modal-header { 
    padding: 20px 30px; border-bottom: 1px solid var(--border-color); display: flex; 
    justify-content: space-between; align-items: center; background: var(--bg-panel); 
    position: relative; flex-shrink: 0; z-index: 10; 
}
.adr-modal-header h3 { margin: 0; font-size: 18px; font-weight: 800; color: var(--text-main); }
.adr-modal-close { background: none; border: none; color: var(--text-muted); font-size: 24px; cursor: pointer; transition: 0.3s; outline: none; }
.adr-modal-close:hover { color: var(--status-error, #ef4444); transform: rotate(90deg); }

.adr-modal-body { padding: 25px 30px; overflow-y: auto; flex: 1; min-height: 0; -webkit-overflow-scrolling: touch; }

.adr-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.adr-form-group { margin-bottom: 20px; }
.adr-form-group label { display: block; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-muted); margin-bottom: 8px; cursor: pointer; }

.adr-input-wrapper { position: relative; display: flex; align-items: center; }
.adr-input-wrapper i { position: absolute; left: 18px; color: var(--text-muted); font-size: 15px; z-index: 2; transition: 0.3s; pointer-events: none; }
.adr-input-wrapper input, .adr-input-wrapper textarea, .adr-input-wrapper select { 
    width: 100%; padding: 15px 20px 15px 48px; border: 1px solid var(--border-color); 
    border-radius: 12px; background: var(--bg-inner); color: var(--text-main); 
    font-size: 14px; outline: none; transition: 0.3s; font-weight: 600; 
    appearance: none; -webkit-appearance: none; 
}
.adr-input-wrapper textarea { padding-left: 20px; min-height: 100px; resize: vertical; }
.adr-input-wrapper input:focus, .adr-input-wrapper textarea:focus, .adr-input-wrapper select:focus { 
    border-color: var(--brand-primary); background: var(--bg-panel); 
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-primary) 12%, transparent); 
}
.adr-input-wrapper input:focus + i, .adr-input-wrapper select:focus + i { color: var(--brand-primary); }

.adr-modal-footer { padding: 20px 30px; border-top: 1px solid var(--border-color); background: var(--bg-panel); text-align: right; flex-shrink: 0; position: relative; z-index: 10; }

/* BİLDİRİMLER (FLASH) */
.adr-flash { 
    font-size: 14px; padding: 16px 20px; border-radius: 12px; display: flex; 
    align-items: center; gap: 12px; font-weight: 600; color:#fff; 
    animation: adrSmoothFadeIn 0.3s ease; margin-bottom: 15px; 
}
.adr-flash.success { 
    background: color-mix(in srgb, var(--status-success, #10b981) 10%, transparent); 
    color: var(--status-success, #10b981); 
    border: 1px solid color-mix(in srgb, var(--status-success, #10b981) 20%, transparent); 
}
.adr-flash.error { 
    background: color-mix(in srgb, var(--status-error, #ef4444) 10%, transparent); 
    color: var(--status-error, #ef4444); 
    border: 1px solid color-mix(in srgb, var(--status-error, #ef4444) 20%, transparent); 
}

@media (max-width: 768px) {
    .adr-form-row { grid-template-columns: 1fr; gap: 0; }
    .adr-header-box { flex-direction: column; gap: 15px; text-align: center; }
    .adr-modal-backdrop { padding: 15px; }
    .adr-modal-box { max-height: 95vh; border-radius: 16px; }
    .adr-modal-header { padding: 15px 20px; }
    .adr-modal-body { padding: 15px 20px; }
    .adr-modal-footer { padding: 15px 20px; display: flex; flex-direction: column; }
    .adr-modal-footer button { width: 100%; justify-content: center; padding: 16px; }
}
/* ==========================================================================
   MODÜL: ADRES YÖNETİMİ CSS SONU
   ========================================================================== */

/* ==========================================================================
   MODÜL: YÖNETİCİ PANELİ (my-admin.php İÇİN)
   SÜRÜM: %100 Global Master Router Uyumlu (Zero-Dependency)
   ========================================================================== */

/* 
   NOT: Renk paleti tamamen global Master CSS'den (parent) çekilir.
   Yerel :root değişkenleri iptal edilmiştir.
*/

body.adm-iframe-body { 
    background-color: transparent !important; 
    color: var(--text-main) !important; 
    font-family: 'Plus Jakarta Sans', sans-serif; 
    transition: background-color 0.4s ease, color 0.4s ease; 
    margin: 0; 
    padding: 0;
}
body.adm-iframe-body[data-inside="false"] { background-color: var(--bg-body) !important; }
body.adm-iframe-body[data-inside="true"] { background-color: transparent !important; }

.adm-dash-wrapper { 
    max-width: 1500px; margin: 40px auto 80px; padding: 0 4%; 
    display: grid; grid-template-columns: 280px 1fr; gap: 30px; 
    min-height: 75vh; animation: admSmoothFadeIn 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; 
    will-change: transform, opacity; transform: translateZ(0); 
}
.adm-dash-wrapper.is-full-page { max-width: 100%; margin: 0 auto; padding: 0; display: block; }

@keyframes admSmoothFadeIn { from { opacity: 0; transform: translate3d(0, 15px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }
@keyframes admContentFade { from { opacity: 0; transform: scale(0.98); } to { opacity: 1; transform: scale(1); } }

.adm-dash-sidebar { 
    background: var(--bg-panel); border-radius: 16px; border: 1px solid var(--border-color); 
    overflow: hidden; height: fit-content; position: sticky; top: 120px; 
    box-shadow: 0 15px 35px color-mix(in srgb, var(--text-main) 4%, transparent); 
    transition: 0.4s ease; 
}

.adm-user-profile-brief { padding: 0 0 25px 0; text-align: center; border-bottom: 1px solid var(--border-color); position: relative; }
.adm-sidebar-banner { width: 100%; height: 110px; background-size: cover; background-position: center; background-color: var(--bg-inner); position: relative; }
.adm-sidebar-banner::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 40%, rgba(0,0,0,0.5) 100%); }

.adm-avatar-ring { 
    width: 90px; height: 90px; border-radius: 50%; border: 4px solid var(--bg-panel); 
    box-shadow: 0 0 0 2px var(--brand-primary); padding: 3px; background: var(--bg-panel); 
    margin: -45px auto 12px; display: flex; align-items: center; justify-content: center; 
    position: relative; z-index: 2; transition: all 0.4s ease; 
}
.adm-avatar-inner { 
    width: 100%; height: 100%; border-radius: 50%; background: var(--brand-primary); 
    color: #ffffff; display: flex; align-items: center; justify-content: center; 
    font-size: 32px; font-weight: 800; overflow: hidden; 
}
.adm-avatar-inner img { width: 100%; height: 100%; object-fit: cover; }

.adm-user-name { font-size: 18px; font-weight: 800; color: var(--text-main); margin-bottom: 5px; position: relative; z-index: 2; padding: 0 10px; }
.adm-user-email { 
    font-size: 12px; font-weight: 800; color: #fff; background: var(--brand-primary); 
    padding: 4px 10px; border-radius: 6px; display: inline-block; position: relative; 
    z-index: 2; text-transform: uppercase; letter-spacing: 0.5px;
}

.adm-dash-nav { padding: 15px 0; list-style: none; margin: 0; }
.adm-nav-item { 
    display: flex; align-items: center; gap: 15px; padding: 16px 25px; 
    color: var(--text-muted); font-size: 14.5px; font-weight: 600; 
    transition: 0.3s ease; border-left: 3px solid transparent; text-decoration: none; 
    cursor: pointer; outline: none; position: relative; 
}
.adm-nav-item i { font-size: 16px; width: 20px; text-align: center; }
.adm-nav-item i.chevron-icon { margin-left: auto; font-size: 12px; width: auto; transition: transform 0.3s ease; }
.adm-nav-item:hover, .adm-nav-item:focus-visible { 
    color: var(--text-main); 
    background: color-mix(in srgb, var(--text-main) 4%, transparent); 
}
.adm-nav-item.active { 
    background: color-mix(in srgb, var(--brand-primary) 8%, transparent); 
    color: var(--brand-primary); border-left-color: var(--brand-primary); 
}
.adm-nav-item.pro-db i { color: var(--status-warning, #f97316); }
.adm-nav-item.pro-db.active { 
    color: var(--status-warning, #f97316); 
    border-left-color: var(--status-warning, #f97316); 
    background: color-mix(in srgb, var(--status-warning, #f97316) 8%, transparent); 
}
.adm-nav-item.logout { color: var(--status-error, #ef4444); border-top: 1px solid var(--border-color); margin-top: 10px; padding-top: 20px; }
.adm-nav-item.logout:hover, .adm-nav-item.logout:focus-visible { 
    background: color-mix(in srgb, var(--status-error, #ef4444) 8%, transparent); 
    color: var(--status-error, #ef4444); border-left-color: var(--status-error, #ef4444); 
}

/* Akordeon Alt Menü */
.adm-submenu { 
    list-style: none; padding: 0; margin: 0; background: var(--bg-inner); 
    max-height: 0; overflow: hidden; transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.3s ease; 
}
.adm-submenu.open { max-height: 250px; border-bottom: 1px solid var(--border-color); }
.adm-nav-item.submenu-opened i.chevron-icon { transform: rotate(180deg); }
.adm-sub-item { 
    display: flex; align-items: center; gap: 12px; padding: 12px 25px 12px 60px; 
    font-size: 13.5px; font-weight: 600; color: var(--text-muted); text-decoration: none; 
    cursor: pointer; transition: 0.2s ease; outline: none; 
}
.adm-sub-item:hover, .adm-sub-item:focus-visible { color: var(--text-main); }
.adm-sub-item.active { color: var(--brand-primary); font-weight: 700; }

.adm-dash-content { position: relative; display: flex; flex-direction: column; min-width: 0; }
.adm-content-section { display: none; animation: admContentFade 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; flex-direction: column; gap: 25px; will-change: transform, opacity; }
.adm-content-section.active { display: flex; }

.adm-welcome-card { 
    background: var(--bg-panel); border-radius: 16px; border: 1px solid var(--border-color); 
    padding: 45px 40px; position: relative; overflow: hidden; display: flex; align-items: center; 
    justify-content: space-between; transition: 0.4s ease; 
    box-shadow: 0 15px 35px color-mix(in srgb, var(--text-main) 4%, transparent); 
}
.adm-welcome-card::after { 
    content: '\f085'; font-family: "Font Awesome 6 Free"; font-weight: 900; 
    position: absolute; right: -30px; top: -50px; font-size: 300px; color: var(--text-muted); 
    opacity: 0.03; pointer-events: none; 
}
.adm-welcome-info { position: relative; z-index: 2; max-width: 600px; }
.adm-welcome-info h1 { font-family: 'Playfair Display', serif; font-size: 36px; font-weight: 800; color: var(--text-main); margin: 0 0 15px 0; letter-spacing: -0.5px; }
.adm-welcome-info p { font-size: 15px; color: var(--text-muted); line-height: 1.6; margin: 0; }

.adm-stats-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.adm-stat-card { 
    background: var(--bg-panel); border-radius: 16px; padding: 25px; 
    border: 1px solid var(--border-color); display: flex; align-items: center; gap: 20px; 
    transition: 0.3s; box-shadow: 0 15px 35px color-mix(in srgb, var(--text-main) 4%, transparent); outline: none; 
}
.adm-stat-card:hover { border-color: color-mix(in srgb, var(--brand-primary) 30%, transparent); transform: translateY(-3px); }
.adm-stat-icon { 
    width: 55px; height: 55px; border-radius: 14px; 
    background: color-mix(in srgb, var(--brand-primary) 8%, transparent); 
    color: var(--brand-primary); display: flex; align-items: center; justify-content: center; 
    font-size: 24px; flex-shrink: 0; 
}
.adm-stat-details h3 { font-size: 26px; font-weight: 800; color: var(--text-main); margin: 0 0 4px 0; }
.adm-stat-details p { font-size: 11px; color: var(--text-muted); font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; margin: 0; }

.adm-section-wrapper { 
    background: var(--bg-panel); border-radius: 16px; border: 1px solid var(--border-color); 
    padding: 35px; box-shadow: 0 15px 35px color-mix(in srgb, var(--text-main) 4%, transparent); 
}
.adm-section-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.adm-section-title { font-size: 18px; font-weight: 800; color: var(--text-main); display: flex; align-items: center; gap: 10px; margin: 0; }
.adm-section-title i { color: var(--brand-primary); }

.adm-empty-state { text-align: center; padding: 60px 20px; background: var(--bg-inner); border-radius: 16px; border: 1px dashed var(--border-color); }
.adm-empty-state i { font-size: 45px; color: var(--brand-primary); margin-bottom: 20px; display: inline-block; opacity: 0.8; }
.adm-empty-state h4 { font-size: 18px; font-weight: 800; color: var(--text-main); margin: 0 0 10px 0; }
.adm-empty-state p { font-size: 14px; color: var(--text-muted); margin: 0; }

.adm-iframe-wrapper { 
    position: relative; width: 100%; min-height: 850px; background: var(--bg-panel); 
    border-radius: 16px; box-shadow: 0 15px 35px color-mix(in srgb, var(--text-main) 4%, transparent); 
    border: 1px solid var(--border-color); overflow: hidden; 
}
.adm-iframe-loader { 
    position: absolute; inset: 0; background: var(--bg-panel); display: flex; 
    flex-direction: column; align-items: center; justify-content: center; z-index: 10; 
    transition: opacity 0.4s ease, visibility 0.4s ease; color: var(--brand-primary); 
    font-size: 15px; font-weight: 700; gap: 15px; 
}
.adm-iframe-loader i { font-size: 30px; }
.adm-iframe-loader.orange-theme { color: var(--status-warning, #f97316); }
.adm-iframe-wrapper iframe { width: 100%; height: 100%; min-height: 850px; border: none; background: transparent; position: relative; z-index: 5; }

/* ==========================================================================
   YENİ: YETKİ DEĞİŞTİRME (MÜŞTERİ GÖRÜNÜMÜNE GEÇİŞ) STİLLERİ
   ========================================================================== */

/* 1. Yönetici panelinde görünecek "Müşteri Paneline Geç" Butonu */
.adm-btn-role-toggle {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 10px 20px; background: color-mix(in srgb, var(--status-warning, #f97316) 12%, transparent);
    color: var(--status-warning, #f97316); border: 1px solid color-mix(in srgb, var(--status-warning, #f97316) 30%, transparent);
    border-radius: var(--radius-sm, 6px); font-size: 13px; font-weight: 700;
    text-decoration: none; transition: all 0.3s ease; cursor: pointer; outline: none;
}
.adm-btn-role-toggle:hover, .adm-btn-role-toggle:focus-visible {
    background: var(--status-warning, #f97316); color: #ffffff;
    box-shadow: 0 4px 12px color-mix(in srgb, var(--status-warning, #f97316) 40%, transparent);
    transform: translateY(-2px);
}

/* 2. Site yüzünde (Front-end) yapışkan duracak "Yöneticiye Dön" Uyarı Çubuğu */
.role-active-banner {
    position: fixed; top: 0; left: 0; width: 100%; z-index: 999999;
    background: linear-gradient(135deg, var(--danger, #ef4444) 0%, #b91c1c 100%);
    color: #ffffff; padding: 12px 4%; display: flex; align-items: center; justify-content: center;
    gap: 20px; font-size: 14px; font-weight: 600; box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}
.role-active-banner p { margin: 0; display: flex; align-items: center; gap: 10px; }
.role-active-banner .btn-return-admin {
    background: #ffffff; color: var(--danger, #ef4444); border: none;
    padding: 6px 16px; border-radius: 100px; font-size: 13px; font-weight: 800;
    cursor: pointer; text-decoration: none; transition: 0.3s ease; display: inline-flex; align-items: center; gap: 6px;
}
.role-active-banner .btn-return-admin:hover {
    transform: scale(1.05); box-shadow: 0 2px 8px rgba(255,255,255,0.4);
}

/* Uyarı çubuğu çıktığında sitenin Header'ını ve İçeriğini aşağı iter */
body.has-role-banner { margin-top: 50px !important; }
body.has-role-banner .mod-hd-premium-header { top: 50px !important; }

@media (max-width: 992px) {
    .adm-dash-wrapper { grid-template-columns: 1fr; gap: 20px; margin: 20px auto 80px auto; }
    .adm-stats-grid { grid-template-columns: 1fr; gap: 15px; }
    .adm-welcome-card::after { font-size: 150px; right: -20px; top: -20px; }
    .adm-welcome-info h1 { font-size: 26px; }
    .adm-section-wrapper { padding: 25px; }
    .adm-dash-sidebar { display: none; }
    
    .role-active-banner { flex-direction: column; gap: 10px; padding: 15px 4%; text-align: center; }
    body.has-role-banner { margin-top: 80px !important; }
    body.has-role-banner .mod-hd-premium-header { top: 80px !important; }
}
/* ==========================================================================
   MODÜL: YÖNETİCİ PANELİ CSS SONU
   ========================================================================== */
/* ==========================================================================
   MODÜL: BİLDİRİM FETCHER (notification.php İÇİN)
   SÜRÜM: %100 Global Master Router Uyumlu (Zero-Dependency)
   ========================================================================== */

/* 
   NOT: Renk paleti tamamen global Master CSS'den (parent) çekilir.
   Manuel [data-theme="dark"] kurguları tamamen iptal edilmiş ve 
   sistemin evrensel değişkenlerine (--bg-inner, --text-main vb.) bağlanmıştır.
*/

.ntf-item { 
    display: flex; align-items: flex-start; gap: 14px; padding: 14px; 
    border-radius: 14px; margin-bottom: 8px; text-decoration: none; 
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); 
    background: transparent; border: 1px solid transparent; 
}
.ntf-item:hover, .ntf-item:focus-visible { 
    background: var(--bg-inner); 
    border-color: var(--border-color); 
    transform: translateX(4px); outline: none; 
}

.ntf-icon { 
    width: 42px; height: 42px; border-radius: 12px; display: flex; 
    align-items: center; justify-content: center; font-size: 16px; 
    flex-shrink: 0; transition: 0.3s; 
}
.ntf-item:hover .ntf-icon, .ntf-item:focus-visible .ntf-icon { transform: scale(1.1); }

.ntf-content { flex: 1; display: flex; flex-direction: column; gap: 3px; }

.ntf-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2px; }
.ntf-title { font-size: 13.5px; font-weight: 800; color: var(--text-main); }

.ntf-time { 
    font-size: 10.5px; font-weight: 700; color: var(--text-muted); 
    background: var(--bg-inner); padding: 2px 6px; border-radius: 6px; 
}

.ntf-desc { font-size: 12px; font-weight: 500; line-height: 1.5; color: var(--text-muted); }
.ntf-desc b { color: var(--text-main); font-weight: 700; }

.ntf-empty { text-align: center; padding: 40px 20px; color: var(--text-muted); font-size: 13px; font-weight: 600; }
.ntf-empty-icon { 
    width: 60px; height: 60px; border-radius: 50%; 
    background: var(--bg-inner); display: flex; align-items: center; 
    justify-content: center; margin: 0 auto 15px; 
}
.ntf-empty-icon i { font-size: 24px; color: var(--text-muted); opacity: 0.5; }

.ntf-error { text-align: center; padding: 20px; color: var(--status-error, #ef4444); font-size: 12.5px; font-weight: 600; line-height: 1.6; }
.ntf-error i { margin-bottom: 10px; font-size: 28px; }
.ntf-error span { font-size: 11px; color: var(--text-muted); display: block; margin-top: 8px; }

/* ==========================================================================
   MODÜL: BİLDİRİM FETCHER CSS SONU
   ========================================================================== */
/* ==========================================================================
   MODÜL: YÖNETİCİ SİPARİŞ YÖNETİMİ (orders.php İÇİN)
   SÜRÜM: v15.10 - SESSİZ SİLME (SILENT DELETE) & MOBİL DOKUNMATİK OPTİMİZASYONU
   ========================================================================== */

/* 
   NOT: Manuel :root ve dark mode kurguları iptal edilmiştir.
   Tüm renkler ve gölgeler global değişkenlerden (var(--bg-panel), 
   var(--primary-color), vb.) ve color-mix() fonksiyonundan güç alır.
*/

.ord-module * { box-sizing: border-box; }
.ord-module i.fa-solid, .ord-module i.fas { font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important; }
.ord-module i.fa-regular, .ord-module i.far { font-family: "Font Awesome 6 Free" !important; font-weight: 400 !important; }
.ord-module i.fa-brands, .ord-module i.fab { font-family: "Font Awesome 6 Brands" !important; font-weight: 400 !important; }

.ord-module { 
    font-family: 'Plus Jakarta Sans', sans-serif; max-width: 1400px; margin: 0 auto; 
    animation: ordSmoothFadeIn 0.5s ease forwards; padding-bottom: 50px; 
    color: var(--text-main); will-change: transform, opacity; transform: translateZ(0); 
}
@keyframes ordSmoothFadeIn { from { opacity: 0; transform: translate3d(0, 15px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }

.ord-c-header:focus-visible, .btn-copy:focus-visible, .ord-c-toggle:focus-visible, 
.ord-select:focus-visible, .ord-input:focus-visible, .email-notify-check input:focus-visible, 
.btn-save:focus-visible, .btn-delete:focus-visible, .btn-print:focus-visible, 
.btn-edit-bottom:focus-visible, .ord-modal-close:focus-visible { 
    outline: 3px solid var(--primary-color, #f97316); outline-offset: 3px; 
}

.ord-admin-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; }
.ord-admin-title h1 { font-family: 'Playfair Display', serif; font-size: 28px; font-weight: 800; margin: 0 0 5px 0; color: var(--text-main); letter-spacing: -0.5px; }
.ord-admin-title p { margin: 0; font-size: 14px; font-weight: 600; color: var(--text-muted); }

.ord-stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-bottom: 30px; }
.ord-stat-card { 
    background: var(--bg-panel); border: 1px solid var(--border-color); 
    border-radius: 16px; padding: 25px; display: flex; align-items: center; gap: 20px; 
    box-shadow: 0 10px 30px color-mix(in srgb, var(--text-main) 4%, transparent); 
    transition: 0.3s; will-change: transform, border-color; 
}
.ord-stat-card:hover { 
    transform: translate3d(0, -3px, 0); 
    border-color: color-mix(in srgb, var(--primary-color, #f97316) 20%, transparent); 
}
.ord-stat-icon { 
    width: 60px; height: 60px; border-radius: 16px; 
    background: color-mix(in srgb, var(--primary-color, #f97316) 10%, transparent); 
    color: var(--primary-color, #f97316); 
    display: flex; align-items: center; justify-content: center; font-size: 24px; flex-shrink: 0; 
}
.ord-stat-card.success .ord-stat-icon { background: color-mix(in srgb, var(--status-success, #10b981) 10%, transparent); color: var(--status-success, #10b981); }
.ord-stat-card.warning .ord-stat-icon { background: color-mix(in srgb, var(--status-warning, #f59e0b) 10%, transparent); color: var(--status-warning, #f59e0b); }
.ord-stat-info h4 { margin: 0 0 5px 0; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-muted); }
.ord-stat-info span { font-size: 24px; font-weight: 800; color: var(--text-main); }

.ord-container { display: flex; flex-direction: column; gap: 20px; }
.ord-card { 
    background: var(--bg-panel); border: 1px solid var(--border-color); 
    border-radius: 16px; box-shadow: 0 10px 30px color-mix(in srgb, var(--text-main) 4%, transparent); 
    transition: all 0.3s ease; /* YENİ: Sessiz silme animasyonları için güncellendi */
    overflow: hidden; display: flex; flex-direction: column; 
    will-change: transform, opacity, filter, box-shadow; /* Mobil animasyon performansı */
}
.ord-card:hover { border-color: color-mix(in srgb, var(--primary-color, #f97316) 30%, transparent); }

.ord-c-header { padding: 25px; display: grid; grid-template-columns: 1.5fr 3fr 1.5fr 1.5fr; align-items: center; gap: 20px; cursor: pointer; transition: background 0.3s; user-select: none; outline: none; }
.ord-c-header:hover { background: var(--bg-light); }

.ord-c-meta { display: flex; flex-direction: column; gap: 4px; }
.ord-c-meta span.lbl { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; }
.ord-c-meta span.val { font-size: 14.5px; font-weight: 800; color: var(--text-main); display: flex; align-items: center; gap: 8px;}
.ord-c-meta span.val.price { color: var(--primary-color, #f97316); font-size: 16px; }

.ord-c-customer { display: flex; align-items: center; gap: 15px; }
.ord-c-avatar { width: 45px; height: 45px; border-radius: 12px; background: var(--bg-light); border: 1px solid var(--border-color); display: flex; align-items: center; justify-content: center; font-weight: 800; color: var(--text-main); flex-shrink: 0; }
.ord-c-customer-info { display: flex; flex-direction: column; gap: 2px; }
.ord-c-customer-info strong { font-size: 14px; font-weight: 800; color: var(--text-main); }
.ord-c-customer-info span { font-size: 12px; font-weight: 600; color: var(--text-muted); display: flex; gap: 6px; align-items: center; }

.ord-badge { padding: 6px 14px; border-radius: 8px; font-size: 11.5px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; display: inline-flex; align-items: center; gap: 6px; width: max-content; }
.status-pending { background: color-mix(in srgb, var(--status-warning, #f59e0b) 10%, transparent); color: var(--status-warning, #f59e0b); border: 1px solid color-mix(in srgb, var(--status-warning, #f59e0b) 20%, transparent); }
.status-shipped { background: color-mix(in srgb, var(--status-info, #3b82f6) 10%, transparent); color: var(--status-info, #3b82f6); border: 1px solid color-mix(in srgb, var(--status-info, #3b82f6) 20%, transparent); }
.status-completed { background: color-mix(in srgb, var(--status-success, #10b981) 10%, transparent); color: var(--status-success, #10b981); border: 1px solid color-mix(in srgb, var(--status-success, #10b981) 20%, transparent); }
.status-cancelled { background: color-mix(in srgb, var(--status-error, #ef4444) 10%, transparent); color: var(--status-error, #ef4444); border: 1px solid color-mix(in srgb, var(--status-error, #ef4444) 20%, transparent); }

.ord-c-toggle { width: 40px; height: 40px; border-radius: 50%; background: var(--bg-light); border: 1px solid var(--border-color); color: var(--text-main); display: flex; align-items: center; justify-content: center; font-size: 14px; justify-self: flex-end; transition: transform 0.4s ease, background 0.3s; flex-shrink: 0; will-change: transform; outline: none; }
.ord-card.active .ord-c-toggle { transform: rotate(180deg); background: var(--primary-color, #f97316); color: #fff; border-color: var(--primary-color, #f97316); }

.ord-c-body { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.4s cubic-bezier(0.16, 1, 0.3, 1), background 0.3s; background: var(--bg-light); border-top: 1px solid transparent; }
.ord-card.active .ord-c-body { grid-template-rows: 1fr; border-top-color: var(--border-color); }
.ord-c-body-inner { overflow: hidden; } 

.ord-c-grid { padding: 30px; display: grid; grid-template-columns: 2fr 1.2fr; gap: 40px; }

.ord-c-items { display: flex; flex-direction: column; gap: 12px; margin-bottom: 25px; }
.ord-c-item { display: flex; gap: 15px; align-items: center; background: var(--bg-panel); border: 1px solid var(--border-color); padding: 12px; border-radius: 12px; }
.ord-c-item-img { width: 60px; height: 80px; border-radius: 8px; object-fit: cover; border: 1px solid var(--border-color); }
.ord-c-item-info { flex: 1; }
.ord-c-item-info h4 { margin: 0 0 6px 0; font-size: 13.5px; font-weight: 800; color: var(--text-main); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ord-c-item-meta { display: flex; flex-wrap: wrap; gap: 8px; font-size: 11px; font-weight: 700; color: var(--text-muted); }
.ord-c-item-meta span { background: var(--bg-light); padding: 3px 8px; border-radius: 6px; border: 1px solid var(--border-color); text-transform: uppercase; display: flex; align-items: center; gap: 5px; }
.ord-c-item-price { font-size: 15px; font-weight: 800; color: var(--text-main); }

.ord-invoice { background: var(--bg-panel); border: 1px solid var(--border-color); padding: 25px; border-radius: 12px; }
.inv-row { display: flex; justify-content: space-between; font-size: 13.5px; font-weight: 600; color: var(--text-muted); margin-bottom: 12px; }
.inv-row span.val { color: var(--text-main); font-weight: 700; }
.inv-row.pm { border-bottom: 1px solid var(--border-color); padding-bottom: 15px; margin-bottom: 15px; }
.inv-row.pm span.val { background: color-mix(in srgb, var(--status-info, #3b82f6) 10%, transparent); color: var(--status-info, #3b82f6); padding: 4px 10px; border-radius: 6px; font-size: 12px; display: inline-flex; align-items: center; gap: 8px; }
.inv-row.ship { border-bottom: 1px dashed var(--border-color); padding-bottom: 15px; margin-bottom: 15px; }
.inv-row.total { font-size: 16px; font-weight: 800; color: var(--text-main); margin: 0; align-items: center; }
.inv-row.total span.val { font-size: 24px; color: var(--primary-color, #f97316); letter-spacing: -0.5px; }

.ord-c-sidebar { display: flex; flex-direction: column; gap: 20px; }

.ord-action-box { background: color-mix(in srgb, var(--primary-color, #f97316) 5%, transparent); border: 1px dashed color-mix(in srgb, var(--primary-color, #f97316) 30%, transparent); padding: 25px; border-radius: 12px; display: flex; flex-direction: column; gap: 15px; }
.ord-action-box h4 { margin: 0; font-size: 13px; font-weight: 800; color: var(--primary-color, #f97316); text-transform: uppercase; display: flex; align-items: center; gap: 8px; }
.ord-select { width: 100%; padding: 14px 15px; border: 1.5px solid var(--border-color); border-radius: 10px; background: var(--bg-panel); color: var(--text-main); font-size: 14px; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 700; outline: none; cursor: pointer; transition: 0.3s; }
.ord-select:focus { border-color: var(--primary-color, #f97316); box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color, #f97316) 10%, transparent); }

.ord-tracking-box { display: none; margin-top: 5px; animation: slideDown 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
@keyframes slideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
.ord-tracking-box label { font-size: 11px; font-weight: 800; color: var(--text-muted); text-transform: uppercase; margin-bottom: 6px; display: block; letter-spacing: 0.5px; }
.ord-input { width: 100%; padding: 14px 15px; border: 1.5px solid var(--border-color); border-radius: 10px; background: var(--bg-panel); color: var(--text-main); font-size: 14px; font-weight: 600; outline: none; transition: 0.3s; font-family: 'Plus Jakarta Sans', sans-serif;}
.ord-input:focus { border-color: var(--status-info, #3b82f6); box-shadow: 0 0 0 3px color-mix(in srgb, var(--status-info, #3b82f6) 10%, transparent); }

.email-notify-check { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; color: var(--text-muted); cursor: pointer; margin-top: 5px; }
.email-notify-check input { width: 16px; height: 16px; accent-color: var(--primary-color, #f97316); cursor: pointer; }

.btn-save { background: var(--text-main); color: var(--bg-panel); border: none; padding: 14px; border-radius: 10px; font-weight: 800; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 14px; cursor: pointer; transition: 0.3s; display: flex; align-items: center; justify-content: center; gap: 8px; outline: none; }
.btn-save:hover { background: var(--primary-color, #f97316); color: #fff; transform: translateY(-2px); box-shadow: 0 5px 15px color-mix(in srgb, var(--primary-color, #f97316) 30%, transparent); }

.btn-delete { width: 100%; padding: 14px; background: color-mix(in srgb, var(--status-error, #ef4444) 5%, transparent); color: var(--status-error, #ef4444); font-family: 'Plus Jakarta Sans', sans-serif; border: 1px dashed color-mix(in srgb, var(--status-error, #ef4444) 20%, transparent); border-radius: 10px; font-weight: 800; font-size: 14px; cursor: pointer; transition: 0.3s; display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 5px; outline: none; }
.btn-delete:hover { background: var(--status-error, #ef4444); color: #fff; border-style: solid; }

.ord-addr-box { background: var(--bg-panel); border: 1px solid var(--border-color); padding: 25px; border-radius: 12px; position: relative; display: flex; flex-direction: column; }
.ord-addr-box h4 { margin: 0 0 15px 0; font-size: 13px; font-weight: 800; color: var(--text-main); text-transform: uppercase; border-bottom: 1px solid var(--border-color); padding-bottom: 12px; display: flex; align-items: center; gap: 8px; }
.ord-addr-box h4 i { color: var(--primary-color, #f97316); }

.addr-line { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px; font-size: 13.5px; font-weight: 600; color: var(--text-muted); line-height: 1.6; }
.addr-line strong { color: var(--text-main); display: block; margin-bottom: 2px; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; opacity: 0.7; }

.btn-copy { background: var(--bg-light); border: 1px solid var(--border-color); font-family: 'Plus Jakarta Sans', sans-serif; color: var(--text-muted); width: 30px; height: 30px; border-radius: 8px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.2s; flex-shrink: 0; outline: none; }
.btn-copy:hover { background: var(--primary-color, #f97316); color: #fff; border-color: var(--primary-color, #f97316); }

.btn-print { position: absolute; top: 15px; right: 15px; background: color-mix(in srgb, var(--status-info, #3b82f6) 10%, transparent); color: var(--status-info, #3b82f6); border: none; padding: 8px 14px; font-family: 'Plus Jakarta Sans', sans-serif; border-radius: 8px; font-size: 12px; font-weight: 800; text-transform: uppercase; cursor: pointer; transition: 0.3s; display: flex; align-items: center; gap: 6px; outline: none; }
.btn-print:hover { background: var(--status-info, #3b82f6); color: #fff; }

.btn-edit-bottom { width: 100%; padding: 14px; background: var(--bg-light); color: var(--text-main); border: 1.5px solid var(--border-color); border-radius: 10px; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: 13px; text-transform: uppercase; letter-spacing: 0.5px; cursor: pointer; transition: 0.3s; display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 15px; outline: none; }
.btn-edit-bottom:hover { background: var(--primary-color, #f97316); color: #fff; border-color: var(--primary-color, #f97316); transform: translateY(-2px); box-shadow: 0 5px 15px color-mix(in srgb, var(--primary-color, #f97316) 20%, transparent); }

.ord-toast { position: fixed; bottom: 30px; right: 30px; background: var(--text-main); color: var(--bg-panel); padding: 16px 25px; border-radius: 12px; font-size: 14px; font-weight: 700; display: flex; align-items: center; gap: 12px; box-shadow: 0 15px 40px rgba(0,0,0,0.3); transform: translate3d(0, 100px, 0); opacity: 0; visibility: hidden; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); z-index: 99999; will-change: transform, opacity; }
.ord-toast.active { transform: translate3d(0, 0, 0); opacity: 1; visibility: visible; }
.ord-toast i { color: var(--status-success, #10b981); font-size: 18px; }

.ord-modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.6); backdrop-filter: blur(5px); z-index: 9999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: 0.3s; padding: 20px; }
.ord-modal-overlay.active { opacity: 1; visibility: visible; }
.ord-modal-content { background: var(--bg-panel); border-radius: 16px; width: 100%; max-width: 500px; box-shadow: 0 25px 50px rgba(0,0,0,0.3); transform: translate3d(0, 20px, 0); transition: 0.3s; border: 1px solid var(--border-color); overflow: hidden; will-change: transform; }
.ord-modal-overlay.active .ord-modal-content { transform: translate3d(0, 0, 0); }
.ord-modal-header { padding: 20px 25px; border-bottom: 1px solid var(--border-color); display: flex; justify-content: space-between; align-items: center; }
.ord-modal-header h3 { margin: 0; font-size: 18px; color: var(--text-main); font-weight: 800; display: flex; align-items: center; gap: 10px; }
.ord-modal-header h3 i { color: var(--primary-color, #f97316); }
.ord-modal-close { background: none; border: none; font-size: 20px; color: var(--text-muted); cursor: pointer; transition: 0.2s; display: flex; outline: none; }
.ord-modal-close:hover { color: var(--status-error, #ef4444); transform: rotate(90deg); }
.ord-modal-body { padding: 25px; display: flex; flex-direction: column; gap: 15px; }
.ord-modal-footer { padding: 20px 25px; border-top: 1px solid var(--border-color); background: var(--bg-light); display: flex; justify-content: flex-end; gap: 10px; }
.ord-modal-body .form-group { margin-bottom: 0; }
.ord-modal-body .ord-input { padding: 12px 15px; font-size: 13.5px; }

/* ==========================================================================
   YENİ: MOBİL DOKUNMATİK OPTİMİZASYONLARI
   ========================================================================== */
@media (max-width: 992px) {
    .ord-c-header { grid-template-columns: 1fr 1.5fr; gap: 15px; }
    .ord-c-header .ord-c-meta:nth-child(3) { display: none; }
    .ord-c-toggle { justify-self: flex-end; grid-column: span 2; position: absolute; right: 20px; top: 25px; }
    .ord-c-header { position: relative; padding-right: 70px; }
    .ord-c-grid { grid-template-columns: 1fr; }
}

@media (max-width: 576px) {
    /* Mobilde dokunmatik alanları (touch-target) Apple/Google standartlarına uygun büyütüyoruz */
    .btn-save, .btn-delete, .btn-edit-bottom {
        padding: 16px;
        font-size: 14.5px;
    }
    .ord-select, .ord-input {
        padding: 16px 15px;
        font-size: 14.5px;
    }
    
    /* Toast bildirimi küçük ekranda ortaya hizalansın ve ekrandan taşmasın */
    .ord-toast {
        left: 20px;
        right: 20px;
        bottom: 20px;
        width: auto;
        justify-content: center;
        text-align: center;
    }
}
/* ==========================================================================
   MODÜL: YÖNETİCİ SİPARİŞ YÖNETİMİ CSS SONU
   ========================================================================== */
/* ==========================================================================
   MODÜL: ÜRÜN DETAY SAYFASI (product-detail.php İÇİN)
   Sürüm: v18.6 - %100 Global Master Router Uyumlu (Zero-Dependency & color-mix)
   ========================================================================== */

/* 
   NOT: Manuel :root ve dark mode kurguları tamamen iptal edilmiştir.
   Tüm renkler, glass efektleri ve gölgeler global değişkenlerden (var(--bg-panel), 
   var(--primary-color), var(--text-main) vb.) güç alır.
*/

.pd-container { 
    font-family: 'Plus Jakarta Sans', sans-serif; max-width: 1700px; 
    margin: 40px auto 120px; padding: 0 3%; 
    animation: pdSmoothFadeIn 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; 
}
@keyframes pdSmoothFadeIn { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }

.pd-breadcrumb { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--text-muted); margin-bottom: 30px; font-weight: 700; flex-wrap: wrap; text-transform: uppercase; letter-spacing: 0.5px; }
.pd-breadcrumb a { color: var(--text-main); text-decoration: none; transition: 0.2s; }
.pd-breadcrumb a:hover { color: var(--primary-color, #f97316); }
.pd-breadcrumb i { font-size: 10px; opacity: 0.4; }

.pd-grid { display: grid; grid-template-columns: minmax(350px, 550px) 1fr; gap: 6vw; align-items: start; }

.pd-gallery-wrapper { display: flex; gap: 15px; position: sticky; top: 110px; height: 80vh; }
.pd-thumbnails-vertical { display: flex; flex-direction: column; gap: 10px; width: 70px; flex-shrink: 0; height: 100%; overflow-y: auto; scrollbar-width: none; }
.pd-thumbnails-vertical::-webkit-scrollbar { display: none; }
.pd-thumb { width: 100%; aspect-ratio: 3/4; border-radius: 8px; overflow: hidden; cursor: pointer; border: 2px solid transparent; opacity: 0.5; transition: 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); background: var(--bg-light); }
.pd-thumb.active { border-color: var(--primary-color, #f97316); opacity: 1; transform: scale(0.95); }
.pd-thumb:hover { opacity: 1; }
.pd-thumb img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.pd-main-image { flex: 1; height: 100%; border-radius: 16px; overflow: hidden; background: var(--bg-light); position: relative; border: 1px solid var(--border-color); }
.pd-main-image img { width: 100%; height: 100%; object-fit: cover; object-position: top center; transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1); transform-origin: center center; }
@media (hover: hover) and (pointer: fine) { .pd-main-image:hover img { transform: scale(1.15); cursor: zoom-in; } }

.pd-info { display: flex; flex-direction: column; position: sticky; top: 110px; max-width: 650px; }
.pd-brand { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 800; color: var(--primary-color, #f97316); text-transform: uppercase; letter-spacing: 2px; margin-bottom: 12px; }

/* ==========================================================================
   BAŞLIK VE FAVORİ BUTONU SATIRI
   ========================================================================== */
.pd-title-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
.pd-title { font-family: 'Playfair Display', serif; font-size: clamp(28px, 3.5vw, 42px); font-weight: 800; color: var(--text-main); margin: 0 0 10px 0; line-height: 1.15; letter-spacing: -0.5px; text-wrap: balance; flex: 1; }

.pd-btn-favorite { width: 48px; height: 48px; border-radius: 50%; background: transparent; border: 1px solid color-mix(in srgb, var(--text-main) 20%, transparent); color: var(--text-main); display: flex; align-items: center; justify-content: center; font-size: 18px; cursor: pointer; transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1); flex-shrink: 0; outline: none; }
.pd-btn-favorite:hover, .pd-btn-favorite:focus-visible { border-color: var(--status-error, #ef4444); color: var(--status-error, #ef4444); background: color-mix(in srgb, var(--status-error, #ef4444) 10%, transparent); transform: translateY(-2px); box-shadow: 0 5px 15px color-mix(in srgb, var(--status-error, #ef4444) 20%, transparent); }
.pd-btn-favorite.active { background: var(--status-error, #ef4444); color: #ffffff; border-color: var(--status-error, #ef4444); transform: scale(1.05); }

.pd-rating-brief { display: flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 700; color: var(--text-muted); margin-bottom: 15px; }
.pd-rating-brief .stars { color: var(--status-warning, #f59e0b); display: flex; gap: 2px; }
.pd-rating-brief .avg-num { color: var(--text-main); font-weight: 800; }

.pd-title-divider { display: flex; align-items: center; justify-content: flex-start; max-width: 150px; margin-bottom: 25px; gap: 10px; opacity: 0.9; }
.pd-title-divider .line { height: 2px; flex: 1; border-radius: 2px; background: linear-gradient(90deg, var(--primary-color, #f97316), color-mix(in srgb, var(--primary-color, #f97316) 50%, transparent)); }
.pd-title-divider i { font-size: 16px; color: var(--primary-color, #f97316); filter: drop-shadow(0 2px 4px color-mix(in srgb, var(--primary-color, #f97316) 40%, transparent)); flex-shrink: 0; }

/* Dinamik Veri Animasyonları */
@keyframes pdDynamicDataPop {
    0% { opacity: 0; transform: translateY(-5px); }
    100% { opacity: 1; transform: translateY(0); }
}
.pd-dynamic-update {
    animation: pdDynamicDataPop 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

.pd-sku-stock { display: flex; align-items: center; gap: 15px; font-size: 13px; font-weight: 600; color: var(--text-muted); margin-bottom: 30px; }
.pd-stock-badge { padding: 4px 10px; background: color-mix(in srgb, var(--status-success, #10b981) 10%, transparent); color: var(--status-success, #10b981); border-radius: 6px; font-weight: 800; display: flex; align-items: center; gap: 6px; transition: all 0.3s ease; }
.pd-stock-badge.out { background: color-mix(in srgb, var(--status-error, #ef4444) 10%, transparent); color: var(--status-error, #ef4444); }

.pd-price-wrapper { display: flex; align-items: baseline; gap: 15px; margin-bottom: 20px; transition: all 0.3s ease; }
.pd-current-price { font-size: clamp(28px, 2.5vw, 36px); font-weight: 800; color: var(--text-main); letter-spacing: -1px; }
.pd-old-price { font-size: 20px; color: var(--text-muted); text-decoration: line-through; font-weight: 600; opacity: 0.7; }
.pd-discount-badge { background: var(--status-error, #ef4444); color: #fff; padding: 6px 14px; border-radius: 8px; font-size: 13px; font-weight: 800; box-shadow: 0 4px 10px color-mix(in srgb, var(--status-error, #ef4444) 30%, transparent); }

.pd-loyalty-badge { display: inline-flex; align-items: center; gap: 8px; background: color-mix(in srgb, var(--status-purple, #8b5cf6) 10%, transparent); border: 1px dashed color-mix(in srgb, var(--status-purple, #8b5cf6) 40%, transparent); color: var(--status-purple, #8b5cf6); padding: 10px 16px; border-radius: 12px; font-size: 13px; font-weight: 700; margin-bottom: 30px; width: fit-content; transition: all 0.3s ease;}
.pd-loyalty-badge i { font-size: 14px; }
.pd-loyalty-badge strong { font-weight: 800; }

@keyframes pdPremiumDiscountBlink {
    0%, 100% { opacity: 1; transform: scale(1); text-shadow: 0 0 0 transparent; }
    50% { opacity: 0.85; transform: scale(1.05); text-shadow: 0 2px 10px color-mix(in srgb, var(--status-error, #ef4444) 50%, transparent); }
}
.pd-anim-blink { display: inline-block; animation: pdPremiumDiscountBlink 1.8s infinite ease-in-out; }

.pd-variant-section { margin-bottom: 35px; }
.pd-variant-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.pd-variant-title { font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; color: var(--text-main); }
.pd-variant-selected-text { font-size: 13px; font-weight: 700; color: var(--primary-color, #f97316); transition: 0.3s; }
.pd-size-grid, .pd-color-grid { display: flex; flex-wrap: wrap; gap: 10px; }
.pd-size-option input, .pd-color-option input { display: none; }
.pd-size-option label { display: flex; align-items: center; justify-content: center; min-width: 60px; height: 46px; padding: 0 15px; border: 1.5px solid var(--border-color); border-radius: 12px; font-size: 14px; font-weight: 800; color: var(--text-main); background: var(--bg-panel); cursor: pointer; transition: 0.3s; user-select: none; }
.pd-size-option input:checked + label { border-color: var(--primary-color, #f97316); background: var(--primary-color, #f97316); color: #fff; box-shadow: 0 8px 20px color-mix(in srgb, var(--primary-color, #f97316) 20%, transparent); transform: translateY(-2px); }
.pd-color-option label { display: flex; align-items: center; gap: 8px; padding: 10px 20px; border: 1.5px solid var(--border-color); border-radius: 100px; font-size: 14px; font-weight: 700; color: var(--text-main); background: var(--bg-panel); cursor: pointer; transition: 0.3s; user-select: none; }
.pd-color-option input:checked + label { border-color: var(--primary-color, #f97316); color: var(--primary-color, #f97316); background: color-mix(in srgb, var(--primary-color, #f97316) 10%, transparent); transform: translateY(-2px); box-shadow: 0 8px 20px color-mix(in srgb, var(--primary-color, #f97316) 20%, transparent); }
.pd-size-option label:hover, .pd-color-option label:hover { border-color: var(--primary-color, #f97316); }

/* Varyant Disabled (Stok Yok) Durumu */
.pd-size-option input:disabled + label, .pd-color-option input:disabled + label {
    opacity: 0.3; cursor: not-allowed; background: var(--bg-light);
    border-color: var(--border-color); text-decoration: line-through;
}
.pd-size-option input:disabled + label:hover, .pd-color-option input:disabled + label:hover {
    border-color: var(--border-color); transform: none; box-shadow: none;
}

@media (hover: hover) { .pd-shake-anim { animation: pdShakeError 0.4s ease; border-color: var(--status-error, #ef4444) !important; color: var(--status-error, #ef4444) !important; } }
@keyframes pdShakeError { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-8px); } 50% { transform: translateX(8px); } 75% { transform: translateX(-8px); } }

.pd-action-row { display: flex; gap: 15px; margin-top: 30px; align-items: stretch; position: relative; }
.pd-qty-selector { display: flex; align-items: center; justify-content: space-between; border: 1.5px solid var(--border-color); border-radius: 16px; background: var(--bg-panel); width: 140px; overflow: hidden; padding: 5px; }
.pd-qty-btn { width: 45px; height: 45px; border-radius: 12px; border: none; background: var(--bg-light); font-size: 16px; color: var(--text-main); cursor: pointer; transition: 0.3s; display: flex; align-items: center; justify-content: center; }
.pd-qty-btn:hover { background: var(--primary-color, #f97316); color: #fff; }
.pd-qty-input { width: 40px; border: none; background: transparent; text-align: center; font-size: 16px; font-weight: 800; color: var(--text-main); pointer-events: none; }

.pd-btn-add-cart { flex: 1; height: 60px; border: none; border-radius: 16px; background: var(--text-main); color: var(--bg-panel); font-size: 15px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; transition: 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); display: flex; align-items: center; justify-content: center; gap: 12px; box-shadow: 0 20px 40px color-mix(in srgb, var(--text-main) 10%, transparent); position: relative; overflow: hidden; }
.pd-btn-add-cart i { font-size: 18px; }
.pd-btn-add-cart:hover:not(:disabled) { background: var(--primary-color, #f97316); color: #fff; transform: translateY(-4px); box-shadow: 0 15px 35px color-mix(in srgb, var(--primary-color, #f97316) 30%, transparent); }
.pd-btn-add-cart:disabled { opacity: 0.6; cursor: not-allowed; background: var(--text-muted); color: #fff; transform: none; box-shadow: none; }
.pd-btn-add-cart.success-state { background: var(--status-success, #10b981) !important; color: #fff !important; transform: translateY(-2px) !important; box-shadow: 0 10px 30px color-mix(in srgb, var(--status-success, #10b981) 20%, transparent) !important; }

.pd-product-stats-bar { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; padding: 15px; background: var(--bg-light); border-radius: 12px; border: 1px solid var(--border-color); justify-content: space-between; align-items: center; }
.pd-product-stats-bar span { font-size: 11.5px; font-weight: 700; color: var(--text-muted); display: flex; align-items: center; gap: 6px; }
.pd-product-stats-bar span i { color: var(--primary-color, #f97316); font-size: 13px; }

.pd-inline-alert-box { margin-top: 15px; padding: 14px 20px; border-radius: 12px; background: color-mix(in srgb, var(--status-success, #10b981) 10%, transparent); color: var(--status-success, #10b981); font-size: 14px; font-weight: 700; display: flex; align-items: center; gap: 10px; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); border: 1px solid color-mix(in srgb, var(--status-success, #10b981) 20%, transparent); }
.pd-inline-alert-box.active { opacity: 1; visibility: visible; transform: translateY(0); }
.pd-inline-alert-box.error { background: color-mix(in srgb, var(--status-error, #ef4444) 10%, transparent); color: var(--status-error, #ef4444); border-color: color-mix(in srgb, var(--status-error, #ef4444) 20%, transparent); }
.pd-inline-alert-box i { font-size: 18px; }

.pd-review-inline-msg { padding: 15px 20px; border-radius: 12px; margin-bottom: 25px; font-size: 14px; font-weight: 700; display: flex; align-items: center; gap: 10px; animation: pdPopIn 0.3s ease; }
.pd-review-inline-msg.success { background: color-mix(in srgb, var(--status-success, #10b981) 10%, transparent); color: var(--status-success, #10b981); border: 1px solid color-mix(in srgb, var(--status-success, #10b981) 20%, transparent); }
.pd-review-inline-msg.error { background: color-mix(in srgb, var(--status-error, #ef4444) 10%, transparent); color: var(--status-error, #ef4444); border: 1px solid color-mix(in srgb, var(--status-error, #ef4444) 20%, transparent); }

.pd-trust-badges { display: flex; justify-content: space-between; margin-top: 40px; padding: 25px 0; border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); gap: 10px; }
.pd-trust-item { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; flex: 1; }
.pd-trust-icon { font-size: 22px; color: var(--text-main); opacity: 0.8; }
.pd-trust-text { font-size: 11.5px; font-weight: 700; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; }

.pd-accordions { margin-top: 30px; display: flex; flex-direction: column; gap: 15px; }
.pd-accordion-item { border: 1px solid var(--border-color); border-radius: 16px; background: var(--bg-panel); overflow: hidden; transition: 0.3s; }
.pd-accordion-header { width: 100%; padding: 20px 25px; display: flex; justify-content: space-between; align-items: center; background: transparent; border: none; font-size: 13.5px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; color: var(--text-main); cursor: pointer; transition: 0.3s; }
.pd-accordion-header i { font-size: 14px; transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); color: var(--text-muted); }
.pd-accordion-header:hover { color: var(--primary-color, #f97316); }
.pd-accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); }
.pd-accordion-content-inner { padding: 0 25px 25px; font-size: 14.5px; line-height: 1.8; color: var(--text-muted); font-weight: 500; }
.pd-accordion-item.active { border-color: var(--primary-color, #f97316); box-shadow: 0 10px 30px color-mix(in srgb, var(--primary-color, #f97316) 10%, transparent); }
.pd-accordion-item.active .pd-accordion-header { color: var(--primary-color, #f97316); }
.pd-accordion-item.active .pd-accordion-header i { transform: rotate(180deg); color: var(--primary-color, #f97316); }

/* YORUMLAR */
.pd-reviews-section { margin-top: 60px; padding-top: 40px; border-top: 1px solid var(--border-color); }
.pd-reviews-section h2 { font-family: 'Playfair Display', serif; font-size: 26px; font-weight: 800; margin-bottom: 25px; letter-spacing: -0.5px; }

/* Global Tema Destekli Cam (Glass) Efekti */
.pd-review-form-card { background: color-mix(in srgb, var(--bg-panel) 60%, transparent); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid var(--border-color); padding: 30px; border-radius: 20px; margin-bottom: 40px; box-shadow: 0 20px 40px color-mix(in srgb, var(--text-main) 5%, transparent); }

.pd-review-form-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px; margin-bottom: 20px; }
.pd-review-form-header h3 { font-size: 16px; font-weight: 800; margin: 0; }
.pd-star-rating-select { display: flex; flex-direction: row-reverse; gap: 5px; font-size: 24px; }
.pd-star-rating-select input { display: none; }
.pd-star-rating-select label { color: var(--text-muted); cursor: pointer; transition: 0.2s; }
.pd-star-rating-select input:checked ~ label, .pd-star-rating-select label:hover, .pd-star-rating-select label:hover ~ label { color: var(--status-warning, #f59e0b); }
.pd-review-textarea { width: 100%; min-height: 100px; padding: 15px; border-radius: 12px; border: 1px solid var(--border-color); background: var(--bg-light); color: var(--text-main); font-size: 14px; font-weight: 600; outline: none; transition: 0.3s; resize: vertical; font-family: inherit; margin-bottom: 10px; }
.pd-review-textarea:focus { border-color: var(--primary-color, #f97316); background: var(--bg-panel); box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color, #f97316) 15%, transparent); }
.pd-btn-review-submit { background: var(--text-main); color: var(--bg-body); padding: 12px 30px; border-radius: 10px; font-size: 13.5px; font-weight: 800; text-transform: uppercase; cursor: pointer; border: none; transition: 0.3s; display: inline-flex; align-items: center; gap: 8px; }
.pd-btn-review-submit:hover { background: var(--primary-color, #f97316); color: #fff; transform: translateY(-2px); box-shadow: 0 8px 20px color-mix(in srgb, var(--primary-color, #f97316) 20%, transparent); }

.pd-review-login-prompt { text-align: center; padding: 30px; border: 1px dashed var(--border-color); border-radius: 16px; background: var(--bg-light); margin-bottom: 40px; }
.pd-review-login-prompt p { margin: 0 0 15px 0; font-size: 14px; font-weight: 600; color: var(--text-muted); }
.pd-review-login-prompt .btn-primary { display: inline-flex; align-items: center; gap: 8px; padding: 12px 25px; background: var(--primary-color, #f97316); color: #fff; border-radius: 8px; font-size: 13.5px; font-weight: 800; transition: 0.3s; }
.pd-review-login-prompt .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 5px 15px color-mix(in srgb, var(--primary-color, #f97316) 20%, transparent); opacity: 0.9; }

.pd-reviews-list { display: flex; flex-direction: column; gap: 20px; }
.pd-review-item { position: relative; background: var(--bg-panel); border: 1px solid var(--border-color); padding: 25px; border-radius: 16px; box-shadow: 0 15px 30px color-mix(in srgb, var(--text-main) 4%, transparent); transition: 0.3s; display: flex; gap: 15px; }
.pd-review-item:hover { border-color: var(--primary-color, #f97316); }
.pd-review-item.admin-view { padding-bottom: 65px; }

.pd-ri-avatar { width: 45px; height: 45px; min-width: 45px; border-radius: 50%; background: var(--bg-light); display: flex; align-items: center; justify-content: center; overflow: hidden; border: 1px solid var(--border-color); color: var(--text-muted); font-size: 18px; }
.pd-ri-avatar img { width: 100%; height: 100%; object-fit: cover; }
.pd-ri-content { flex: 1; display: flex; flex-direction: column; }
.pd-ri-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.pd-ri-user { font-size: 14.5px; font-weight: 800; color: var(--text-main); text-transform: capitalize; }
.pd-ri-date { font-size: 11.5px; font-weight: 600; color: var(--text-muted); }
.pd-ri-stars { color: var(--status-warning, #f59e0b); font-size: 13px; display: flex; gap: 2px; margin-bottom: 12px; }
.pd-ri-comment { font-size: 14px; line-height: 1.6; color: var(--text-main); font-weight: 500; margin: 0; }

.pd-admin-review-actions { position: absolute; bottom: 15px; right: 15px; display: flex; align-items: center; gap: 8px; opacity: 0; transition: 0.3s; }
.pd-review-item:hover .pd-admin-review-actions { opacity: 1; }
.pd-btn-rev-action { width: 32px; height: 32px; border-radius: 8px; background: var(--bg-light); border: 1px solid var(--border-color); color: var(--text-muted); display: flex; align-items: center; justify-content: center; font-size: 13px; cursor: pointer; transition: 0.3s; }
.pd-btn-rev-action.delete:hover { background: var(--status-error, #ef4444); color: #fff; border-color: var(--status-error, #ef4444); }

.pd-inline-confirm-box { display: none; align-items: center; gap: 8px; background: var(--bg-panel); border: 1px solid var(--status-error, #ef4444); padding: 5px 10px; border-radius: 8px; font-size: 12px; font-weight: 700; box-shadow: 0 4px 10px color-mix(in srgb, var(--status-error, #ef4444) 20%, transparent); animation: pdPopIn 0.3s cubic-bezier(0.16, 1, 0.3, 1); }
@keyframes pdPopIn { 0% { transform: scale(0.9); opacity: 0; } 100% { transform: scale(1); opacity: 1; } }
.pd-btn-confirm-yes { background: var(--status-error, #ef4444); color: #fff; border: none; padding: 5px 10px; border-radius: 6px; cursor: pointer; font-weight: 800; font-family: 'Plus Jakarta Sans', sans-serif; transition: 0.2s; }
.pd-btn-confirm-yes:hover { opacity: 0.9; }
.pd-btn-confirm-no { background: var(--bg-light); color: var(--text-main); border: 1px solid var(--border-color); padding: 5px 10px; border-radius: 6px; cursor: pointer; font-weight: 700; font-family: 'Plus Jakarta Sans', sans-serif; transition: 0.2s; }
.pd-btn-confirm-no:hover { background: var(--border-color); }

.pd-recently-viewed-section { margin-top: 80px; padding-top: 50px; border-top: 1px solid var(--border-color); }
.pd-recently-viewed-section h2 { font-family: 'Playfair Display', serif; font-size: 26px; font-weight: 800; margin-bottom: 30px; letter-spacing: -0.5px; text-align: center; }
.pd-rv-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }
.pd-rv-card { background: var(--bg-panel); border: 1px solid var(--border-color); border-radius: 16px; overflow: hidden; transition: 0.3s; display: flex; flex-direction: column; text-decoration: none; }
.pd-rv-card:hover { border-color: var(--primary-color, #f97316); transform: translateY(-5px); box-shadow: 0 20px 40px color-mix(in srgb, var(--text-main) 5%, transparent); }
.pd-rv-img { width: 100%; aspect-ratio: 3/4; overflow: hidden; background: var(--bg-light); }
.pd-rv-img img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.pd-rv-card:hover .pd-rv-img img { transform: scale(1.05); }
.pd-rv-info { padding: 15px; display: flex; flex-direction: column; gap: 5px; }
.pd-rv-brand { font-size: 10px; font-weight: 800; color: var(--primary-color, #f97316); text-transform: uppercase; }
.pd-rv-title { font-size: 13px; font-weight: 700; color: var(--text-main); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pd-rv-price { font-size: 14px; font-weight: 800; color: var(--text-main); margin-top: 5px; }

.pd-empty-state { text-align: center; padding: 120px 20px; background: var(--bg-panel); border-radius: 30px; border: 1px solid var(--border-color); }
.pd-empty-state i { font-size: 70px; color: var(--text-muted); opacity: 0.2; margin-bottom: 25px; }
.pd-empty-state h2 { font-size: 28px; font-family: 'Playfair Display', serif; font-weight: 800; margin-bottom: 15px; }
.pd-empty-btn { display: inline-block; margin-top: 25px; padding: 16px 40px; background: var(--text-main); color: var(--bg-panel); font-weight: 800; border-radius: 100px; text-transform: uppercase; letter-spacing: 1px; transition: 0.3s; text-decoration: none;}
.pd-empty-btn:hover { background: var(--primary-color, #f97316); color: #fff; transform: translateY(-3px); }

@media (max-width: 1200px) { .pd-rv-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 992px) {
    .pd-container { padding: 0 4%; margin: 20px auto 100px; }
    .pd-grid { grid-template-columns: 1fr; gap: 35px; }
    .pd-info { position: relative; top: 0; max-width: 100%; }
    .pd-gallery-wrapper { flex-direction: column-reverse; position: relative; top: 0; height: auto; }
    .pd-main-image { max-width: 480px; margin: 0 auto; width: 100%; border-radius: 16px; aspect-ratio: 3/4; }
    .pd-thumbnails-vertical { flex-direction: row; width: 100%; max-width: 480px; margin: 0 auto; max-height: none; overflow-x: auto; padding-bottom: 5px; }
    .pd-thumb { width: 65px; min-width: 65px; aspect-ratio: 3/4; }
    .pd-title { font-size: 26px; }
    
    /* Mobil Yapışkan Satın Alma Çubuğu (Global Tema Uyumlu Glassmorphism) */
    .pd-action-row { 
        position: fixed; bottom: 0; left: 0; width: 100%; 
        background: color-mix(in srgb, var(--bg-body) 95%, transparent); 
        backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
        padding: 15px 5%; margin: 0; border-top: 1px solid var(--border-color); 
        z-index: 999; box-shadow: 0 -10px 30px color-mix(in srgb, var(--text-main) 5%, transparent); 
        gap: 15px; align-items: center; justify-content: space-between; 
    }
    
    .pd-qty-selector { height: 50px; width: 110px; }
    .pd-qty-btn { height: 40px; width: 35px; }
    .pd-btn-add-cart { height: 50px; font-size: 14px; }
    
    .pd-inline-alert-box { position: fixed; bottom: 90px; left: 5%; width: 90%; z-index: 1000; box-shadow: 0 10px 30px color-mix(in srgb, var(--text-main) 20%, transparent); background: var(--bg-panel); }
    
    .pd-product-stats-bar { justify-content: center; }
    .pd-trust-badges { flex-wrap: wrap; gap: 20px; }
    .pd-trust-item { min-width: 45%; }
    
    .pd-review-item { padding: 20px; flex-direction: column; gap: 10px; }
    .pd-ri-header { justify-content: flex-start; gap: 15px; }
    .pd-admin-review-actions { opacity: 1; bottom: 15px; right: 15px; }
    
    .pd-rv-grid { grid-template-columns: repeat(2, 1fr); }
}
/* ==========================================================================
   MODÜL: ÜRÜN DETAY SAYFASI CSS SONU
   ========================================================================== */
/* ==========================================================================
   MODÜL: YÖNETİCİ ÜRÜN YÖNETİMİ (products.php İÇİN)
   Sürüm: v18.1 - %100 Global Master Router Uyumlu (Zero-Dependency & color-mix)
   ========================================================================== */

/* 
   NOT: Manuel :root ve dark mode kurguları tamamen iptal edilmiştir.
   Tüm renkler ve saydam alpha etkileri global değişkenlerden (var(--bg-panel), 
   var(--primary-color), var(--text-main) vb.) güç alır.
*/

body.prd-iframe-body { font-family: 'Plus Jakarta Sans', sans-serif; background: transparent !important; color: var(--text-main); transition: 0.4s ease; margin:0; padding:0;}

.prd-container * { box-sizing: border-box; }
.prd-container button:focus-visible, .prd-container a:focus-visible, .prd-container input:focus-visible, .prd-container textarea:focus-visible, .prd-container select:focus-visible, .prd-container label:focus-visible, .prd-file-dropzone:focus-visible, .prd-remove-slot-btn:focus-visible { outline: 3px solid var(--primary-color, #3b82f6); outline-offset: 3px; }

.prd-container { width: 100%; display: flex; flex-direction: column; gap: 20px; animation: prdSmoothFadeIn 0.4s ease forwards; padding: 15px; padding-bottom: 30px; will-change: transform, opacity; transform: translateZ(0); color: var(--text-main); font-family: 'Plus Jakarta Sans', sans-serif;}
.prd-is-full-page { max-width: 1300px; margin: 40px auto; padding: 0 4%; }
@keyframes prdSmoothFadeIn { from { opacity: 0; transform: translate3d(0, 10px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }

/* Üst Başlık ve Aksiyonlar */
.prd-header-box { display: flex; align-items: center; justify-content: space-between; background: var(--bg-panel); border: 1px solid var(--border-color); border-radius: 16px; padding: 20px 30px; flex-wrap: wrap; gap: 15px; box-shadow: 0 4px 20px rgba(0,0,0,0.01); }
.prd-header-box h1 { margin: 0; font-size: 20px; font-weight: 800; display: flex; align-items: center; gap: 12px; letter-spacing: -0.5px; }
.prd-header-box h1 i { color: var(--primary-color, #3b82f6); }

.prd-header-actions { display: flex; gap: 15px; align-items: center; flex-wrap: wrap; flex: 1; justify-content: flex-end; }

.prd-search-form { display: flex; align-items: center; background: var(--bg-light); border: 1px solid var(--border-color); border-radius: 12px; padding: 5px; width: 100%; max-width: 300px; transition: 0.3s; }
.prd-search-form:focus-within { border-color: var(--primary-color, #3b82f6); box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color, #3b82f6) 12%, transparent); }
.prd-search-form input { border: none; background: transparent; padding: 10px 15px; font-size: 14px; width: 100%; color: var(--text-main); outline: none; font-weight: 600; }
.prd-search-form button { background: var(--primary-color, #3b82f6); color: #fff; border: none; width: 38px; height: 38px; border-radius: 8px; cursor: pointer; display: flex; align-items: center; justify-content: center; outline: none; }

.prd-btn-add-new { background: var(--status-success, #10b981); color: #fff; border: none; padding: 12px 20px; border-radius: 10px; font-size: 14px; font-weight: 800; cursor: pointer; transition: 0.3s; text-decoration: none; display: flex; align-items: center; gap: 8px; white-space: nowrap; will-change: transform; outline: none; box-shadow: 0 4px 10px color-mix(in srgb, var(--status-success, #10b981) 10%, transparent); }
.prd-btn-add-new:hover { transform: translate3d(0, -2px, 0); box-shadow: 0 6px 15px color-mix(in srgb, var(--status-success, #10b981) 10%, transparent); }

/* Ana Tablo (Liste) Görünümü */
.prd-table-container { background: var(--bg-panel); border-radius: 16px; border: 1px solid var(--border-color); overflow-x: auto; }
.prd-modern-table { width: 100%; border-collapse: collapse; text-align: left; }
.prd-modern-table th { padding: 18px 25px; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-muted); border-bottom: 1px solid var(--border-color); background: var(--bg-light); white-space: nowrap; }
.prd-modern-table td { padding: 16px 25px; font-size: 13px; font-weight: 600; color: var(--text-main); border-bottom: 1px solid var(--border-color); vertical-align: middle; }
.prd-modern-table tbody tr:hover { background: var(--bg-light); }

.prd-profile-cell { display: flex; align-items: center; gap: 15px; }
.prd-image { width: 50px; height: 65px; min-width: 50px; border-radius: 8px; background: var(--bg-light); display: flex; align-items: center; justify-content: center; overflow: hidden; border: 1px solid var(--border-color); position: relative; }
.prd-image img { width: 100%; height: 100%; object-fit: cover; transition: 0.3s ease; }
.prd-info h4 { margin: 0 0 4px 0; font-size: 14px; font-weight: 800; color: var(--text-main); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.4; }
.prd-brand-badge { margin: 0; font-size: 11px; color: var(--text-muted); font-weight: 700; display: flex; align-items: center; gap: 4px; }

/* Rozetler ve Fiyatlar */
.prd-badge { padding: 5px 10px; border-radius: 6px; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.3px; display: inline-flex; align-items: center; gap: 5px; }
.prd-badge-active { background: color-mix(in srgb, var(--status-success, #10b981) 10%, transparent); color: var(--status-success, #10b981); }
.prd-badge-passive { background: color-mix(in srgb, var(--status-error, #ef4444) 10%, transparent); color: var(--status-error, #ef4444); }
.prd-badge-stock { background: color-mix(in srgb, var(--primary-color, #3b82f6) 12%, transparent); color: var(--primary-color, #3b82f6); }
.prd-badge-homepage { background: color-mix(in srgb, var(--status-warning, #f59e0b) 12%, transparent); color: var(--status-warning, #f59e0b); }
.prd-badge-out-stock { background: color-mix(in srgb, var(--status-error, #ef4444) 10%, transparent); color: var(--status-error, #ef4444); }

.prd-price-tag { font-size: 15px; font-weight: 800; color: var(--text-main); letter-spacing: -0.3px; }
.prd-price-discount { font-size: 11.5px; font-weight: 600; color: var(--text-muted); text-decoration: line-through; margin-right: 4px; opacity: 0.7; }

/* Tablo Aksiyon Butonları */
.prd-action-group { display: flex; align-items: center; gap: 6px; }
.prd-action-group form { margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; } 

.prd-btn-action { width: 34px; height: 34px; border-radius: 8px; border: none; display: flex; align-items: center; justify-content: center; font-size: 14px; cursor: pointer; transition: 0.2s; background: var(--bg-light); color: var(--text-muted); will-change: transform; outline: none; }
.prd-btn-action:hover { transform: translate3d(0, -2px, 0); }
.prd-btn-action.edit:hover { background: var(--primary-color, #3b82f6); color: #fff; }
.prd-btn-action.verify:hover { background: var(--status-success, #10b981); color: #fff; }
.prd-btn-action.homepage-toggle { color: var(--status-warning, #f59e0b); } 
.prd-btn-action.homepage-toggle:hover { background: var(--status-warning, #f59e0b); color: #ffffff !important; }
.prd-btn-action.delete:hover { background: var(--status-error, #ef4444); color: #fff; }

/* Ekleme/Düzenleme Form Layout */
.prd-layout-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 25px; align-items: start; margin-top: 5px; }
.prd-panel-card { background: var(--bg-panel); border-radius: 16px; border: 1px solid var(--border-color); padding: 30px; margin-bottom: 25px; box-shadow: 0 4px 20px rgba(0,0,0,0.01); }
.prd-panel-title { font-size: 13.5px; font-weight: 800; text-transform: uppercase; color: var(--text-main); margin: 0 0 20px 0; display: flex; align-items: center; gap: 8px; padding-bottom: 12px; border-bottom: 1px solid var(--border-color); letter-spacing: 0.5px; }
.prd-panel-title i { color: var(--primary-color, #3b82f6); }

.prd-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.prd-form-row-single { margin-bottom: 20px; }
.prd-form-group { margin-bottom: 20px; }
.prd-form-group label { display: block; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-muted); margin-bottom: 8px; }

/* Input ve Form Elemanları */
.prd-input-wrapper { position: relative; display: flex; align-items: center; width: 100%; }
.prd-input-wrapper i.field-icon { position: absolute; left: 16px; color: var(--text-muted); font-size: 15px; pointer-events: none; }
.prd-input-wrapper input[type="text"], .prd-input-wrapper input[type="number"], .prd-input-wrapper select, .prd-input-wrapper textarea { width: 100%; padding: 14px 15px 14px 45px; border: 1px solid var(--border-color); border-radius: 12px; background: var(--bg-light); color: var(--text-main); font-size: 14px; outline: none; transition: 0.3s; font-weight: 600; box-sizing: border-box; font-family: 'Plus Jakarta Sans', sans-serif;}
.prd-input-wrapper.no-icon textarea, .prd-input-wrapper.no-icon input { padding-left: 15px; }
.prd-input-wrapper.no-icon textarea { min-height: 130px; resize: vertical; line-height: 1.5; }
.prd-input-wrapper input:focus, .prd-input-wrapper select:focus, .prd-input-wrapper textarea:focus { border-color: var(--primary-color, #3b82f6); background: var(--bg-panel); box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color, #3b82f6) 12%, transparent); }
.prd-input-wrapper select { appearance: none; cursor: pointer; }

.prd-check-group { display: flex; align-items: center; gap: 10px; cursor: pointer; font-size: 13.5px; font-weight: 700; color: var(--text-main); padding: 14px 15px; border: 1px solid var(--border-color); border-radius: 12px; background: var(--bg-light); transition: 0.3s ease; }
.prd-check-group:hover, .prd-check-group:focus-within { border-color: var(--primary-color, #3b82f6); }
.prd-check-group input { width: 18px; height: 18px; accent-color: var(--primary-color, #3b82f6); margin:0; cursor: pointer; }

/* ==========================================================================
   PREMIUM MATRİS VARYANT OLUŞTURUCU CSS ALANI
   ========================================================================== */
.matrix-builder-card { background: var(--bg-panel); border: 1px solid var(--border-color); border-radius: 16px; padding: 25px; margin-top: 25px; box-shadow: 0 4px 20px rgba(0,0,0,0.01); }
.matrix-header h4 { margin: 0 0 10px 0; font-size: 14px; font-weight: 800; color: var(--text-main); display: flex; align-items: center; gap: 10px; text-transform: uppercase; letter-spacing: 0.5px; }
.matrix-header h4 i { color: var(--status-warning, #f59e0b); }

.matrix-inputs { display: grid; grid-template-columns: 1fr 1fr auto; gap: 15px; align-items: end; }
.matrix-inputs .input-group { display: flex; flex-direction: column; gap: 8px; margin-bottom: 0; }
.matrix-inputs .input-group label { font-size: 11px; font-weight: 800; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; margin: 0; }

.premium-matrix-input { width: 100%; padding: 12px 15px; border: 1px solid var(--border-color); border-radius: 10px; background: var(--bg-light); color: var(--text-main); font-family: 'Plus Jakarta Sans', sans-serif; font-size: 13px; font-weight: 600; outline: none; transition: 0.3s; box-sizing: border-box; }
.premium-matrix-input:focus { border-color: var(--primary-color, #3b82f6); background: var(--bg-panel); box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color, #3b82f6) 12%, transparent); }

.btn-matrix-action { background: var(--status-warning, #f59e0b); color: #fff; border: none; padding: 12px 20px; border-radius: 10px; font-size: 13px; font-weight: 800; cursor: pointer; display: flex; align-items: center; gap: 8px; transition: 0.3s; height: 44px; white-space: nowrap; font-family: 'Plus Jakarta Sans', sans-serif; outline: none; box-shadow: 0 4px 10px color-mix(in srgb, var(--status-warning, #f59e0b) 12%, transparent); }
.btn-matrix-action:hover { transform: translateY(-2px); box-shadow: 0 6px 15px color-mix(in srgb, var(--status-warning, #f59e0b) 12%, transparent); opacity: 0.9; }

.matrix-variant-badge { background: color-mix(in srgb, var(--status-warning, #f59e0b) 12%, transparent); color: var(--status-warning, #f59e0b); padding: 5px 10px; border-radius: 6px; font-weight: 800; font-size: 11.5px; display: inline-block; letter-spacing: 0.3px; text-transform: uppercase; }

.matrix-table { width: 100%; border-collapse: collapse; margin-top: 25px; text-align: left; }
.matrix-table th { font-size: 11px; padding: 12px 15px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-muted); border-bottom: 1px solid var(--border-color); background: var(--bg-light); }
.matrix-table td { padding: 12px 15px; border-bottom: 1px solid var(--border-color); vertical-align: middle; }
.matrix-table tbody tr:hover { background: var(--bg-light); }

.remove-matrix-row { color: var(--status-error, #ef4444); background: color-mix(in srgb, var(--status-error, #ef4444) 10%, transparent); border: none; width: 32px; height: 32px; border-radius: 8px; cursor: pointer; transition: 0.3s; display: flex; align-items: center; justify-content: center; font-size: 13px; outline: none; }
.remove-matrix-row:hover { background: var(--status-error, #ef4444); color: #fff; transform: scale(1.05); }

/* Medya (Görsel) Yükleme Alanı */
.prd-file-dropzone { width: 100%; height: 240px; border: 2px dashed var(--border-color); border-radius: 14px; background: var(--bg-light); display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; position: relative; transition: 0.3s; overflow: hidden; padding: 10px; text-align: center; }
.prd-file-dropzone:hover { border-color: var(--primary-color, #3b82f6); background: color-mix(in srgb, var(--primary-color, #3b82f6) 12%, transparent); }
.prd-file-dropzone img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; }
.prd-file-dropzone i { font-size: 38px; color: var(--text-muted); margin-bottom: 10px; }
.prd-file-dropzone span { font-size: 13px; font-weight: 800; color: var(--text-main); }

.prd-gallery-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-top: 15px; }
.prd-gallery-slot { position: relative; aspect-ratio: 3/4; border: 1px solid var(--border-color); border-radius: 10px; background: var(--bg-light); display: flex; align-items: center; justify-content: center; cursor: pointer; overflow: hidden; transition: 0.3s; }
.prd-gallery-slot img { width: 100%; height: 100%; object-fit: cover; }
.prd-remove-slot-btn { position: absolute; top: 4px; right: 4px; width: 20px; height: 20px; border-radius: 50%; background: var(--status-error, #ef4444); color: #fff; border:none; display: flex; align-items: center; justify-content: center; font-size: 11px; cursor: pointer; z-index: 5; outline: none; }
.prd-gallery-count-badge { font-size: 11px; font-weight: 800; color: var(--primary-color, #3b82f6); background: color-mix(in srgb, var(--primary-color, #3b82f6) 12%, transparent); padding: 3px 8px; border-radius: 5px; float: right; margin-top: -2px; }

/* Kaydet Butonu */
.prd-btn-save { background: var(--primary-color, #3b82f6); color: #ffffff !important; padding: 16px 30px; border-radius: 12px; font-weight: 800; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 15px; cursor: pointer; transition: 0.3s; border:none; display: flex; align-items: center; gap: 10px; justify-content: center; width: 100%; box-shadow: 0 4px 15px color-mix(in srgb, var(--primary-color, #3b82f6) 12%, transparent); outline: none; margin-top: 10px; }
.prd-btn-save:hover { opacity: 0.9; transform: translateY(-2px); box-shadow: 0 8px 25px color-mix(in srgb, var(--primary-color, #3b82f6) 12%, transparent); }
.prd-btn-save:disabled { background: var(--text-muted); cursor: not-allowed; transform: none; box-shadow: none; }

.prd-btn-back { background: var(--bg-light); color: var(--text-main); border: 1px solid var(--border-color); padding: 12px 20px; border-radius: 10px; font-size: 13px; font-weight: 800; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: 0.3s; outline: none; }
.prd-btn-back:hover { border-color: var(--text-main); }

/* Uyarı Mesajları & Alert Overlay */
.prd-iframe-flash { font-size: 13.5px; padding: 15px 20px; border-radius: 12px; margin-bottom: 20px; display: flex; align-items: center; gap: 12px; font-weight: 600; }
.prd-iframe-flash.success { background: color-mix(in srgb, var(--status-success, #10b981) 10%, transparent); color: var(--status-success, #10b981); border: 1px solid color-mix(in srgb, var(--status-success, #10b981) 20%, transparent); }
.prd-iframe-flash.error { background: color-mix(in srgb, var(--status-error, #ef4444) 10%, transparent); color: var(--status-error, #ef4444); border: 1px solid color-mix(in srgb, var(--status-error, #ef4444) 20%, transparent); }

.prd-cc-overlay { position: fixed; inset: 0; background: color-mix(in srgb, var(--bg-body) 60%, transparent); backdrop-filter: blur(5px); z-index: 999999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: 0.3s ease; padding: 20px; }
.prd-cc-overlay.active { opacity: 1; visibility: visible; }
.prd-cc-box { background: var(--bg-panel); width: 100%; max-width: 380px; border-radius: 20px; padding: 30px; text-align: center; box-shadow: 0 20px 50px color-mix(in srgb, var(--text-main) 40%, transparent); border: 1px solid var(--border-color); transform: translate3d(0, 20px, 0); transition: 0.4s; }
.prd-cc-overlay.active .prd-cc-box { transform: translate3d(0, 0, 0); }
.prd-cc-icon { width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 26px; margin: 0 auto 20px; }
.prd-cc-box h3 { margin:0 0 10px 0; font-size: 20px; font-weight: 800; }
.prd-cc-box p { margin:0 0 20px 0; font-size: 14px; color: var(--text-muted); line-height: 1.5; }
.prd-cc-actions { display: flex; gap: 10px; }
.prd-cc-btn { flex: 1; padding: 14px; border-radius: 12px; font-size: 14px; font-weight: 800; cursor: pointer; border: none; font-family: 'Plus Jakarta Sans', sans-serif; transition: 0.3s; outline: none; }
.prd-cc-cancel { background: var(--bg-light); color: var(--text-main); border: 1px solid var(--border-color); }
.prd-cc-confirm { background: var(--primary-color, #3b82f6); color: #fff; }

/* Responsive Tasarım & Mobil Matris Uyumluluğu */
@media (max-width: 1000px) { .prd-layout-grid { grid-template-columns: 1fr; gap: 0; } }
@media (max-width: 900px) {
    .prd-is-full-page { padding: 0 15px; margin: 20px auto; }
    .prd-header-box { flex-direction: column; align-items: stretch; padding: 20px; }
    .prd-header-actions { justify-content: flex-start; width: 100%; }
    .prd-search-form { max-width: 100%; }
    .prd-form-row { grid-template-columns: 1fr; gap: 0; }
    
    /* Ana Tablo Responsive */
    .prd-modern-table thead { display: none; } 
    .prd-modern-table, .prd-modern-table tbody, .prd-modern-table tr, .prd-modern-table td { display: block; width: 100%; }
    .prd-modern-table tr { margin-bottom: 20px; border: 1px solid var(--border-color); border-radius: 16px; background: var(--bg-panel); }
    .prd-modern-table td { position: relative; padding: 15px 15px 15px 40%; text-align: right; border-bottom: 1px dashed var(--border-color); min-height: 55px; display: flex; justify-content: flex-end; align-items: center; }
    .prd-modern-table td:last-child { border-bottom: none; }
    .prd-modern-table td::before { content: attr(data-label); position: absolute; left: 15px; width: 35%; text-align: left; font-weight: 800; font-size: 11px; text-transform: uppercase; color: var(--text-muted); top: 50%; transform: translateY(-50%); }
    .prd-profile-cell { justify-content: flex-end; width: 100%; text-align: right; flex-direction: row-reverse; }
    .prd-info { text-align: right; }
    .prd-action-group { width: 100%; justify-content: flex-end; }

    /* Matris Tablo Responsive (Tüm Sütunlar İçin Veri Etiketi Eklendi) */
    .matrix-inputs { grid-template-columns: 1fr; gap: 15px; }
    .btn-matrix-action { width: 100%; justify-content: center; }
    .matrix-table, .matrix-table tbody, .matrix-table tr, .matrix-table td { display: block; width: 100%; }
    .matrix-table thead { display: none; }
    .matrix-table tr { margin-bottom: 15px; border: 1px solid var(--border-color); border-radius: 12px; padding: 10px; background: var(--bg-light); }
    .matrix-table td { padding: 10px; text-align: right; display: flex; justify-content: flex-end; align-items: center; border-bottom: 1px dashed var(--border-color); position: relative; padding-left: 45%; }
    .matrix-table td:last-child { border-bottom: none; }
    
    /* Dinamik data-label Okuyucu (PHP'den gelen th başlıkları için) */
    .matrix-table td::before { 
        content: attr(data-label); 
        position: absolute; 
        left: 10px; 
        font-weight: 800; 
        font-size: 11px; 
        text-transform: uppercase; 
        color: var(--text-muted); 
    }
    
    .premium-matrix-input { width: 140px !important; }
}

/* ==========================================================================
   MODÜL: YÖNETİCİ ÜRÜN YÖNETİMİ CSS SONU
   ========================================================================== */
/* ==========================================================================
   BAŞLANGIÇ: ZİYARETÇİ İSTATİSTİKLERİ CSS MODÜLÜ (visitor.php)
   SÜRÜM: v17.1 - %100 GLOBAL MASTER CORE ENTEGRASYONU & ROZET DÜZELTMELERİ
   ========================================================================== */

.visitor-dashboard-wrapper {
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: var(--admin-text);
    padding: 20px 0;
    width: 100%;
    animation: fsSmoothFadeIn 0.4s ease forwards;
}

.vis-is-full-page { max-width: 1200px; margin: 0 auto; padding: 40px 4%; }

/* Uyarı Mesajları */
.premium-alert { padding: 16px 20px; border-radius: 12px; margin-bottom: 25px; font-weight: 600; display: flex; align-items: center; gap: 10px; animation: fsSmoothFadeIn 0.4s ease; }
.premium-alert.success { background: rgba(16, 185, 129, 0.1); color: var(--success); border: 1px solid rgba(16, 185, 129, 0.2); }
.premium-alert.error { background: rgba(239, 68, 68, 0.1); color: var(--danger); border: 1px solid rgba(239, 68, 68, 0.2); }

/* Başlık ve Buton */
.visitor-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; flex-wrap: wrap; gap: 15px; }
.visitor-header h2 { font-size: 24px; font-weight: 800; margin: 0; color: var(--admin-text); display: flex; align-items: center; gap: 12px; }
.visitor-header h2 i { color: var(--admin-primary); }

.btn-reset-data { background: var(--danger); color: #fff; border: none; padding: 10px 18px; border-radius: var(--radius-sm); font-size: 14px; font-weight: 700; cursor: pointer; display: flex; align-items: center; gap: 8px; transition: 0.3s; font-family: inherit; }
.btn-reset-data:hover { opacity: 0.85; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3); }

/* İstatistik Kartları */
.visitor-stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; margin-bottom: 35px; }
.stat-card-premium { background: var(--admin-panel); border: 1px solid var(--admin-border); border-radius: var(--admin-radius); padding: 24px; display: flex; align-items: center; justify-content: space-between; box-shadow: var(--admin-shadow); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.stat-card-premium:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-color: var(--admin-primary); }

.stat-info { display: flex; flex-direction: column; }
.stat-info span { font-size: 13px; color: var(--admin-muted); font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 8px; }
.stat-info strong { font-size: 32px; font-weight: 800; color: var(--admin-text); line-height: 1; }

.stat-icon-wrapper { width: 60px; height: 60px; border-radius: var(--radius-md); display: flex; justify-content: center; align-items: center; font-size: 24px; }
.card-online .stat-icon-wrapper { background: rgba(16, 185, 129, 0.1); color: var(--success); }
.card-today .stat-icon-wrapper { background: rgba(249, 115, 22, 0.1); color: var(--admin-primary); }
.card-yesterday .stat-icon-wrapper { background: rgba(59, 130, 246, 0.1); color: var(--info); }
.card-total .stat-icon-wrapper { background: rgba(139, 92, 246, 0.1); color: var(--purple); }

.live-pulse-big { position: relative; }
.live-pulse-big::after { content: ''; position: absolute; inset: 0; border-radius: var(--radius-md); border: 2px solid var(--success); animation: pulseBorder 2s infinite; }
@keyframes pulseBorder { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.3); opacity: 0; } }

/* Tablo Yapısı */
.visitor-table-container { background: var(--admin-panel); border: 1px solid var(--admin-border); border-radius: var(--admin-radius); box-shadow: var(--admin-shadow); overflow: hidden; }
.visitor-table-header { padding: 20px 24px; border-bottom: 1px solid var(--admin-border); background: rgba(0,0,0,0.02); }
[data-theme="dark"] .visitor-table-header { background: rgba(0,0,0,0.2); }
.visitor-table-header h3 { margin: 0; font-size: 16px; font-weight: 700; color: var(--admin-text); }

.premium-table { width: 100%; border-collapse: collapse; text-align: left; }
.premium-table th { padding: 16px 24px; font-size: 12px; font-weight: 700; color: var(--admin-muted); text-transform: uppercase; letter-spacing: 0.5px; border-bottom: 1px solid var(--admin-border); background: rgba(0,0,0,0.02); }
[data-theme="dark"] .premium-table th { background: rgba(0,0,0,0.2); }
.premium-table td { padding: 16px 24px; font-size: 14px; font-weight: 500; color: var(--admin-text); border-bottom: 1px solid var(--admin-border); vertical-align: middle; }

.premium-table tbody tr:hover { background: rgba(249, 115, 22, 0.03); }
[data-theme="dark"] .premium-table tbody tr:hover { background: rgba(255, 255, 255, 0.03); }
.premium-table tbody tr:last-child td { border-bottom: none; }

/* ==========================================================================
   Durum Rozetleri (Badges) KART GÖRÜNÜMÜ & DARK MODE KORUMASI
   ========================================================================== */
.badge-status { 
    padding: 6px 14px; 
    border-radius: 20px; 
    font-size: 11px; 
    font-weight: 800; 
    display: inline-flex; 
    align-items: center; 
    gap: 8px; 
    border: 1px solid transparent; 
}

/* Light Mode Varsayılanları */
.badge-online { 
    background: color-mix(in srgb, var(--success, #10b981) 15%, transparent); 
    color: var(--success, #10b981); 
    border-color: color-mix(in srgb, var(--success, #10b981) 30%, transparent); 
}
.badge-online .dot { 
    width: 6px; 
    height: 6px; 
    background: var(--success, #10b981); 
    border-radius: 50%; 
    box-shadow: 0 0 6px var(--success, #10b981); 
}

.badge-offline { 
    background: color-mix(in srgb, var(--admin-muted, #64748b) 15%, transparent); 
    color: var(--admin-muted, #64748b); 
    border-color: color-mix(in srgb, var(--admin-muted, #64748b) 30%, transparent); 
}
.badge-offline .dot { 
    width: 6px; 
    height: 6px; 
    background: var(--admin-muted, #64748b); 
    border-radius: 50%; 
}

/* Dark Mode İçin Özel Katı Arka Plan ve Renk Koruması */
[data-theme="dark"] .badge-online { 
    background: rgba(16, 185, 129, 0.15); 
    color: #34d399; 
    border-color: rgba(16, 185, 129, 0.3); 
}
[data-theme="dark"] .badge-online .dot { 
    background: #34d399; 
    box-shadow: 0 0 8px #34d399; 
}

[data-theme="dark"] .badge-offline { 
    background: rgba(255, 255, 255, 0.08); 
    color: #cbd5e1; 
    border-color: rgba(255, 255, 255, 0.15); 
}
[data-theme="dark"] .badge-offline .dot { 
    background: #cbd5e1; 
}

/* Metin ve Konum Öğeleri */
.text-truncate { max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: middle; }
.ip-address { font-family: 'Courier New', Courier, monospace; font-weight: 700; color: var(--admin-primary); background: rgba(249, 115, 22, 0.1); padding: 4px 8px; border-radius: 6px; font-size: 13px; }
.visitor-location { display: flex; align-items: center; gap: 8px; }
.loc-text { display: flex; align-items: center; gap: 8px; font-weight: 600; color: var(--admin-text); }
.country-flag { width: 24px; height: 18px; border-radius: 3px; object-fit: cover; box-shadow: 0 2px 5px rgba(0,0,0,0.15); }

/* ==========================================================================
   BİTİŞ: ZİYARETÇİ İSTATİSTİKLERİ CSS MODÜLÜ
   ========================================================================== */
/* ==========================================================================
   BAŞLANGIÇ: FOOTER AYARLARI CSS MODÜLÜ (mod-footer-settings)
   SÜRÜM: v18.0 - %100 GLOBAL MASTER CORE ENTEGRASYONU
   ========================================================================== */

.mod-footer-settings-body { 
    margin: 0; 
    padding: 30px 15px; 
    font-family: 'Plus Jakarta Sans', sans-serif; 
    background: transparent; 
    color: var(--admin-text); 
    transition: color 0.4s ease;
    animation: fsSmoothFadeIn 0.4s ease forwards;
}

.mod-footer-settings-body * { box-sizing: border-box; }

/* Font Awesome Koruması */
.mod-footer-settings-body i.fa-solid, .mod-footer-settings-body i.fas { font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important; display: inline-block; }
.mod-footer-settings-body i.fa-regular, .mod-footer-settings-body i.far { font-family: "Font Awesome 6 Free" !important; font-weight: 400 !important; display: inline-block; }
.mod-footer-settings-body i.fa-brands, .mod-footer-settings-body i.fab { font-family: "Font Awesome 6 Brands" !important; font-weight: 400 !important; display: inline-block; }

.mod-footer-settings-wrapper { max-width: 1400px; margin: 0 auto; }

.mod-footer-settings-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; flex-wrap: wrap; gap: 15px; }
.mod-footer-settings-header h1 { margin: 0; font-size: clamp(20px, 4vw, 24px); font-weight: 800; display: flex; align-items: center; gap: 10px; color: var(--admin-text); }
.mod-footer-settings-header p { color: var(--admin-muted); margin: 5px 0 0; font-size: 14px; }
.mod-footer-settings-actions { display: flex; gap: 15px; align-items: center; }

.mod-footer-settings-btn-save { background: var(--admin-primary); color: #fff; border: none; padding: 12px 24px; border-radius: 10px; font-size: 15px; font-weight: 700; cursor: pointer; transition: 0.3s; display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; outline: none; }
.mod-footer-settings-btn-save:hover { opacity: 0.85; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(249,115,22,0.3); }

.mod-footer-settings-form-control:focus-visible, 
.mod-footer-settings-btn-save:focus-visible, 
.mod-footer-settings-btn-remove:focus-visible, 
.mod-footer-settings-btn-add-link:focus-visible { outline: 3px solid var(--admin-primary); outline-offset: 2px; }

input[type="checkbox"]:focus-visible + .mod-footer-settings-toggle-switch { outline: 3px solid var(--admin-primary); outline-offset: 2px; }

.mod-footer-settings-alert { padding: 15px 20px; border-radius: 8px; margin-bottom: 20px; font-weight: 600; display: flex; align-items: center; gap: 10px; }
.mod-footer-settings-alert-success { background: rgba(16, 185, 129, 0.1); color: var(--success); border: 1px solid rgba(16, 185, 129, 0.2); }
.mod-footer-settings-alert-danger { background: rgba(239, 68, 68, 0.1); color: var(--danger); border: 1px solid rgba(239, 68, 68, 0.2); }

.mod-footer-settings-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: start; }

.mod-footer-settings-card { background: var(--admin-panel); border-radius: var(--admin-radius); border: 1px solid var(--admin-border); padding: 25px; margin-bottom: 30px; box-shadow: var(--admin-shadow); transition: background-color 0.4s, border-color 0.4s; }
.mod-footer-settings-card-header { font-size: 16px; font-weight: 800; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid var(--admin-border); display: flex; align-items: center; gap: 10px; transition: border-color 0.4s; color: var(--admin-text); }
.mod-footer-settings-card-header i { color: var(--admin-primary); }

.mod-footer-settings-form-group { margin-bottom: 20px; }
.mod-footer-settings-form-group label { display: block; font-size: 13px; font-weight: 700; color: var(--admin-muted); margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.5px; transition: color 0.4s; }

.mod-footer-settings-form-control { width: 100%; padding: 12px 15px; background: rgba(0,0,0,0.02); border: 1px solid var(--admin-border); border-radius: 8px; font-family: inherit; font-size: 14px; color: var(--admin-text); transition: 0.3s; }
[data-theme="dark"] .mod-footer-settings-form-control { background: rgba(0,0,0,0.2); }
.mod-footer-settings-form-control:focus { border-color: var(--admin-primary); background: var(--admin-panel); outline: none; box-shadow: 0 0 0 3px rgba(249,115,22,0.1); }
.mod-footer-settings-form-control::placeholder { color: var(--admin-muted); opacity: 0.6; }
textarea.mod-footer-settings-form-control { resize: vertical; min-height: 80px; }

.mod-footer-settings-info-box { background: rgba(0,0,0,0.02); padding: 15px; border-radius: 8px; border: 1px solid var(--admin-border); font-size: 13px; color: var(--admin-muted); line-height: 1.5; }
[data-theme="dark"] .mod-footer-settings-info-box { background: rgba(0,0,0,0.2); }

.mod-footer-settings-toggle-wrapper { display: flex; align-items: center; gap: 10px; cursor: pointer; user-select: none; }
.mod-footer-settings-toggle-switch { position: relative; width: 46px; height: 24px; background: var(--admin-muted); border-radius: 24px; transition: 0.3s; flex-shrink: 0; opacity: 0.5; }
.mod-footer-settings-toggle-switch::after { content: ''; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; background: #fff; border-radius: 50%; transition: 0.3s; box-shadow: 0 2px 4px rgba(0,0,0,0.2); }
.mod-footer-settings-toggle-wrapper input[type="checkbox"] { display: none; }
.mod-footer-settings-toggle-wrapper input[type="checkbox"]:checked + .mod-footer-settings-toggle-switch { background: var(--admin-primary); opacity: 1; }
.mod-footer-settings-toggle-wrapper input[type="checkbox"]:checked + .mod-footer-settings-toggle-switch::after { transform: translateX(22px); }
.mod-footer-settings-toggle-label { font-weight: 700; font-size: 14px; color: var(--admin-text); transition: color 0.4s; }

.mod-footer-settings-menu-builder { background: rgba(0,0,0,0.02); border: 1px dashed var(--admin-border); border-radius: 8px; padding: 15px; transition: 0.4s; }
[data-theme="dark"] .mod-footer-settings-menu-builder { background: rgba(0,0,0,0.2); }

.mod-footer-settings-menu-item-row { display: flex; gap: 10px; margin-bottom: 10px; align-items: center; animation: fsSmoothFadeIn 0.3s ease forwards; }
.mod-footer-settings-menu-item-row input { flex: 1; padding: 10px; background: var(--admin-panel); border: 1px solid var(--admin-border); color: var(--admin-text); border-radius: 6px; font-size: 13px; min-width: 0; transition: 0.4s; }
.mod-footer-settings-menu-item-row input:focus { border-color: var(--admin-primary); outline: none; }

.mod-footer-settings-btn-remove { background: rgba(239, 68, 68, 0.1); color: var(--danger); border: none; width: 40px; height: 38px; border-radius: 6px; cursor: pointer; transition: 0.3s; flex-shrink: 0; display: flex; justify-content: center; align-items: center; outline: none; }
.mod-footer-settings-btn-remove:hover { background: var(--danger); color: #fff; }

.mod-footer-settings-btn-add-link { background: rgba(0,0,0,0.05); color: var(--admin-text); border: none; padding: 10px 15px; border-radius: 6px; font-size: 13px; font-weight: 700; cursor: pointer; transition: 0.3s; width: 100%; margin-top: 5px; display: flex; justify-content: center; align-items: center; gap: 8px; outline: none; border: 1px dashed transparent; }
[data-theme="dark"] .mod-footer-settings-btn-add-link { background: rgba(255,255,255,0.05); }
.mod-footer-settings-btn-add-link:hover { background: rgba(0,0,0,0.1); border-color: var(--admin-border); }
[data-theme="dark"] .mod-footer-settings-btn-add-link:hover { background: rgba(255,255,255,0.1); }

@media (max-width: 992px) { 
    .mod-footer-settings-grid { grid-template-columns: 1fr; gap: 0; } 
    .mod-footer-settings-menu-item-row { flex-wrap: wrap; } 
    .mod-footer-settings-menu-item-row input { flex: 1 1 calc(50% - 30px); } 
}
@media (max-width: 576px) { 
    .mod-footer-settings-menu-item-row input { flex: 1 1 100%; } 
    .mod-footer-settings-btn-remove { width: 100%; } 
}

/* ==========================================================================
   BİTİŞ: FOOTER AYARLARI CSS MODÜLÜ
   ========================================================================== */
/* ==========================================================================
   BAŞLANGIÇ: PRO VERİTABANI YÖNETİCİSİ CSS MODÜLÜ (mod-dbm)
   SÜRÜM: v18.0 - ZERO DEPENDENCY MASTER CORE ENTEGRASYONU
   ========================================================================== */

.dbm-iframe-body {
    background: transparent !important;
    margin: 0;
    padding: 0;
}

.dbm-wrapper {
    max-width: 1500px;
    margin: 0 auto;
    padding: 20px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: var(--admin-text);
    animation: fsSmoothFadeIn 0.4s ease forwards;
}

.dbm-wrapper * {
    box-sizing: border-box;
}

/* Yükleme Ekranı (Loading Overlay) */
.dbm-loading-overlay {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    color: #fff;
    backdrop-filter: blur(5px);
}
[data-theme="dark"] .dbm-loading-overlay { background: rgba(0, 0, 0, 0.85); }

.dbm-spinner {
    border: 4px solid rgba(255, 255, 255, 0.2);
    border-top: 4px solid var(--admin-primary);
    border-radius: 50%;
    width: 45px;
    height: 45px;
    animation: dbmSpin 1s linear infinite;
    margin-bottom: 15px;
}
@keyframes dbmSpin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* Bildirimler (Flashes) */
.dbm-flash {
    padding: 16px 20px;
    border-radius: 12px;
    margin-bottom: 25px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14.5px;
    animation: fsSmoothFadeIn 0.3s ease;
}
.dbm-flash.success { background: rgba(16, 185, 129, 0.1); color: var(--success); border: 1px solid rgba(16, 185, 129, 0.2); }
.dbm-flash.error { background: rgba(239, 68, 68, 0.1); color: var(--danger); border: 1px solid rgba(239, 68, 68, 0.2); }
.dbm-flash.warn { background: rgba(249, 115, 22, 0.1); color: var(--warning); border: 1px solid rgba(249, 115, 22, 0.2); }

/* Üst Başlık ve Butonlar */
.dbm-header-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    background: var(--admin-panel);
    border: 1px solid var(--admin-border);
    border-radius: var(--admin-radius);
    padding: 20px 25px;
    margin-bottom: 25px;
    box-shadow: var(--admin-shadow);
}
.dbm-header-box h1 { margin: 0; font-size: clamp(18px, 4vw, 22px); font-weight: 800; display: flex; align-items: center; gap: 12px; color: var(--admin-text); }
.dbm-header-box h1 i { color: var(--admin-primary); }

.dbm-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: inherit;
    font-weight: 700;
    font-size: 14px;
    padding: 12px 20px;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    outline: none;
    white-space: nowrap;
}
.dbm-btn:hover { transform: translateY(-2px); }
.dbm-btn-brand { background: var(--admin-primary); color: #fff; box-shadow: 0 4px 12px rgba(249, 115, 22, 0.25); }
.dbm-btn-success { background: var(--success); color: #fff; box-shadow: 0 4px 12px rgba(16, 185, 129, 0.25); }
.dbm-btn-outline { background: transparent; border: 1px solid var(--admin-border); color: var(--admin-text); }
.dbm-btn-outline:hover { background: rgba(0,0,0,0.03); border-color: var(--admin-muted); }
[data-theme="dark"] .dbm-btn-outline:hover { background: rgba(255,255,255,0.05); }

/* Sekme Menüsü (Tabs) */
.dbm-tabs-nav {
    display: flex;
    gap: 10px;
    margin-bottom: 25px;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--admin-border);
    padding-bottom: 15px;
}
.dbm-tab-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    font-size: 14.5px;
    font-weight: 700;
    color: var(--admin-muted);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.3s;
    text-decoration: none;
}
.dbm-tab-btn:hover { color: var(--admin-text); background: rgba(0,0,0,0.02); }
[data-theme="dark"] .dbm-tab-btn:hover { background: rgba(255,255,255,0.05); }
.dbm-tab-btn.active {
    background: var(--admin-primary);
    color: #fff;
    box-shadow: 0 4px 12px rgba(249, 115, 22, 0.2);
    border-color: var(--admin-primary);
}

/* İstatistik Kartları */
.dbm-stats-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
    margin-bottom: 25px;
}
.dbm-stat-pill {
    background: var(--admin-panel);
    border: 1px solid var(--admin-border);
    border-radius: var(--admin-radius);
    padding: 20px 25px;
    display: flex;
    align-items: center;
    gap: 18px;
    box-shadow: var(--admin-shadow);
    transition: 0.3s;
}
.dbm-stat-pill:hover { border-color: var(--admin-primary); transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,0.05); }
.dbm-stat-pill i { font-size: 34px; color: var(--admin-primary); opacity: 0.8; }
.dbm-stat-pill h4 { margin: 0 0 6px 0; font-size: 12.5px; color: var(--admin-muted); text-transform: uppercase; letter-spacing: 0.5px; font-weight: 700; }
.dbm-stat-pill p { margin: 0; font-size: 26px; font-weight: 800; color: var(--admin-text); line-height: 1; }
.dbm-stat-pill.warn i { color: var(--warning); opacity: 1; }

/* Filtre ve Arama Alanı */
.dbm-filter-controls-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
}
.dbm-filter-btns {
    display: flex;
    gap: 5px;
    background: rgba(0,0,0,0.03);
    padding: 6px;
    border-radius: 10px;
    border: 1px solid var(--admin-border);
}
[data-theme="dark"] .dbm-filter-btns { background: rgba(255,255,255,0.02); }
.dbm-filter-btn {
    background: transparent;
    border: none;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 700;
    color: var(--admin-muted);
    border-radius: 6px;
    cursor: pointer;
    transition: 0.3s;
}
.dbm-filter-btn.active { background: var(--admin-panel); color: var(--admin-text); box-shadow: 0 2px 5px rgba(0,0,0,0.05); border: 1px solid var(--admin-border); }
.dbm-search-box { position: relative; flex: 1; max-width: 320px; }
.dbm-search-box i { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: var(--admin-muted); }
.dbm-search-box input {
    width: 100%;
    padding: 12px 15px 12px 42px;
    background: var(--admin-panel);
    border: 1px solid var(--admin-border);
    border-radius: 10px;
    color: var(--admin-text);
    font-family: inherit;
    font-size: 14px;
    transition: 0.3s;
}
.dbm-search-box input:focus { border-color: var(--admin-primary); outline: none; box-shadow: 0 0 0 3px rgba(249,115,22,0.1); }

/* Tablo Yapısı */
.dbm-table-holder {
    background: var(--admin-panel);
    border: 1px solid var(--admin-border);
    border-radius: var(--admin-radius);
    overflow-x: auto;
    overflow-y: hidden;
    box-shadow: var(--admin-shadow);
}
.dbm-table-holder table { width: 100%; border-collapse: collapse; text-align: left; }
.dbm-table-holder th {
    padding: 18px 20px;
    font-size: 12px;
    font-weight: 700;
    color: var(--admin-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid var(--admin-border);
    background: rgba(0,0,0,0.02);
    white-space: nowrap;
}
[data-theme="dark"] .dbm-table-holder th { background: rgba(255,255,255,0.02); }
.dbm-table-holder td { padding: 16px 20px; font-size: 14px; color: var(--admin-text); border-bottom: 1px solid var(--admin-border); vertical-align: middle; }
.dbm-table-holder tbody tr:hover { background: rgba(0,0,0,0.015); }
[data-theme="dark"] .dbm-table-holder tbody tr:hover { background: rgba(255,255,255,0.02); }
.dbm-table-holder tbody tr:last-child td { border-bottom: none; }

/* Browse / Preview Tabloları (Code Font ve Sticky İşlemler) */
.dbm-preview-table td {
    max-width: 350px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'Fira Code', 'Courier New', Courier, monospace;
    font-size: 13px;
}
.dbm-sticky-col {
    position: sticky;
    left: 0;
    background: var(--admin-panel);
    z-index: 2;
    box-shadow: 2px 0 5px rgba(0,0,0,0.05);
}
[data-theme="dark"] .dbm-sticky-col { box-shadow: 2px 0 5px rgba(0,0,0,0.3); }

/* Rozetler (Badges) */
.dbm-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 11.5px;
    font-weight: 800;
    text-transform: uppercase;
    border: 1px solid var(--admin-border);
    background: rgba(0,0,0,0.03);
    color: var(--admin-text);
}
[data-theme="dark"] .dbm-badge { background: rgba(255,255,255,0.05); }
.dbm-badge.empty { background: rgba(239, 68, 68, 0.1); color: var(--danger); border-color: transparent; }

/* İşlem Buton Grupları (Action Buttons) */
.dbm-btn-group { display: flex; gap: 6px; align-items: center; }
.dbm-btn-group a, .dbm-btn-group button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    border: 1px solid var(--admin-border);
    color: var(--admin-muted);
    background: var(--admin-panel);
    cursor: pointer;
    transition: 0.3s;
    text-decoration: none;
}
.dbm-btn-group a:hover, .dbm-btn-group button:hover { transform: translateY(-2px); }
.dbm-btn-group .view:hover { border-color: var(--admin-primary); color: var(--admin-primary); background: rgba(249, 115, 22, 0.05); }
.dbm-btn-group .scan:hover { border-color: var(--warning); color: var(--warning); background: rgba(249, 115, 22, 0.05); }
.dbm-btn-group .struct:hover { border-color: #8b5cf6; color: #8b5cf6; background: rgba(139, 92, 246, 0.05); }
.dbm-btn-group .del:hover { border-color: var(--danger); color: var(--danger); background: rgba(239, 68, 68, 0.05); }

/* SQL Terminal Alanı */
.dbm-sql-panel {
    background: var(--admin-panel);
    border: 1px solid var(--admin-border);
    border-radius: var(--admin-radius);
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: var(--admin-shadow);
}
.dbm-sql-title {
    font-size: 16.5px;
    font-weight: 800;
    color: var(--admin-text);
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.dbm-sql-title i { color: var(--admin-primary); }

.dbm-smart-btn-group { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 20px; }
.dbm-smart-btn {
    background: rgba(0,0,0,0.03);
    border: 1px dashed var(--admin-border);
    padding: 8px 15px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--admin-text);
    cursor: pointer;
    transition: 0.3s;
}
[data-theme="dark"] .dbm-smart-btn { background: rgba(255,255,255,0.05); }
.dbm-smart-btn:hover { border-color: var(--admin-primary); color: var(--admin-primary); background: rgba(249, 115, 22, 0.05); }

.dbm-sql-textarea {
    width: 100%;
    min-height: 180px;
    background: #0d0d12;
    color: #10b981;
    font-family: 'Fira Code', 'Courier New', Courier, monospace;
    padding: 20px;
    border-radius: 12px;
    border: 1px solid var(--admin-border);
    font-size: 14.5px;
    line-height: 1.6;
    resize: vertical;
    box-shadow: inset 0 2px 10px rgba(0,0,0,0.5);
}
.dbm-sql-textarea:focus { outline: none; border-color: var(--admin-primary); box-shadow: 0 0 0 3px rgba(249,115,22,0.2); }

/* Form ve Inputlar (Edit Row vb.) */
.dbm-form-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}
.dbm-form-group label {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: var(--admin-muted);
    margin-bottom: 8px;
}
.dbm-pro-input {
    width: 100%;
    padding: 14px 16px;
    background: rgba(0,0,0,0.02);
    border: 1px solid var(--admin-border);
    border-radius: 10px;
    color: var(--admin-text);
    font-family: inherit;
    font-size: 14px;
    transition: 0.3s;
}
[data-theme="dark"] .dbm-pro-input { background: rgba(0,0,0,0.2); }
.dbm-pro-input:focus {
    background: var(--admin-panel);
    border-color: var(--admin-primary);
    outline: none;
    box-shadow: 0 0 0 3px rgba(249,115,22,0.15);
}

@media (max-width: 768px) {
    .dbm-header-box { flex-direction: column; align-items: flex-start; }
    .dbm-filter-controls-row { flex-direction: column; align-items: stretch; }
    .dbm-search-box { max-width: 100%; }
}

/* ==========================================================================
   BİTİŞ: PRO VERİTABANI YÖNETİCİSİ CSS MODÜLÜ (mod-dbm)
   ========================================================================== */
/* ==========================================================================
   MODÜL: SEPETİM SAYFASI (sepet.php İÇİN)
   Sürüm: v19.0 - PREMIUM GLOBAL ENTEGRASYON (Puan Kutusu Fix Eklendi)
   ========================================================================== */

/* 1. Global Değişkenleri Devralan Kök (Root) Tanımlamaları */
:root {
    --crt-primary-orange: var(--brand-primary, #f97316);
    --crt-bg-body: var(--bg-body, #f8fafc); 
    --crt-bg-panel: var(--bg-card, #ffffff); 
    --crt-text-main: var(--text-main, #020617);
    --crt-text-muted: var(--text-muted, #475569); 
    
    --crt-border-line: color-mix(in srgb, var(--crt-text-main) 12%, transparent); 
    --crt-shadow-lux: var(--shadow-card, 0 15px 35px rgba(0,0,0,0.05));
    --crt-chip-bg: color-mix(in srgb, var(--crt-text-main) 5%, transparent);
    --crt-radius-card: var(--radius-lg, 24px);
    
    --crt-success-color: var(--status-success, #10b981); 
    --crt-success-bg: color-mix(in srgb, var(--crt-success-color) 10%, transparent);
    
    --crt-danger-color: var(--status-error, #ef4444); 
    
    --crt-loyalty-color: #8b5cf6; 
    --crt-loyalty-bg: color-mix(in srgb, var(--crt-loyalty-color) 8%, transparent);
}

/* Global Karanlık Mod (Dark Theme) - TRUE BLACK (ZİFİRİ SİYAH) GÜNCELLEMESİ */
html[data-theme="dark"] .crt-wrapper, body[data-theme="dark"] .crt-wrapper {
    --crt-bg-body: var(--bg-body, #000000);
    --crt-bg-panel: var(--bg-card, #000000);
    --crt-text-main: var(--text-main, #ffffff);
    --crt-text-muted: var(--text-muted, #a3a3a3);
    
    --crt-border-line: rgba(255, 255, 255, 0.08); 
    --crt-chip-bg: rgba(255, 255, 255, 0.04);
    --crt-shadow-lux: 0 15px 40px rgba(0, 0, 0, 0.9);
    
    --crt-loyalty-color: #a78bfa;
    --crt-loyalty-bg: color-mix(in srgb, var(--crt-loyalty-color) 15%, transparent);
    --crt-primary-orange: var(--brand-primary, #ff8a3d); 
}

/* Erişilebilirlik - Premium Odaklanma */
.crt-wrapper a:focus-visible, .crt-wrapper button:focus-visible, .crt-wrapper input:focus-visible, 
.crt-btn-remove:focus-visible, .crt-qty-btn:focus-visible, .crt-btn-checkout:focus-visible, 
.crt-btn-continue:focus-visible, .crt-promo-btn:focus-visible, .crt-ac-remove:focus-visible, 
.crt-loyalty-switch input:focus-visible + .crt-slider { 
    outline: 3px solid var(--crt-primary-orange); 
    outline-offset: 3px; 
}

/* Ana Taşıyıcı ve Animasyonlar */
.crt-wrapper { 
    font-family: 'Plus Jakarta Sans', sans-serif; 
    max-width: 1400px; 
    margin: 40px auto 100px; 
    padding: 0 4%; 
    animation: crtSmoothFadeIn 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; 
    will-change: transform, opacity; 
    transform: translateZ(0); 
}
@keyframes crtSmoothFadeIn { 
    from { opacity: 0; transform: translate3d(0, 30px, 0) scale(0.98); } 
    to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } 
}

.crt-page-title-box { margin-bottom: 40px; }
.crt-page-title-box h1 { font-family: 'Playfair Display', serif; font-size: clamp(32px, 4vw, 46px); font-weight: 800; color: var(--crt-text-main); margin: 0 0 10px 0; letter-spacing: -0.5px; }
.crt-page-title-box p { font-size: 15px; color: var(--crt-text-muted); font-weight: 500; margin: 0; }

.crt-grid { display: grid; grid-template-columns: 1fr 420px; gap: 40px; align-items: start; }
.crt-items-container { display: flex; flex-direction: column; gap: 20px; }

/* ==========================================================================
   2. SEPET KARTI (PREMIUM CARD)
   ========================================================================== */
@keyframes crtDataUpdatePop {
    0% { opacity: 0.8; transform: scale(0.98); }
    50% { opacity: 1; transform: scale(1.02); box-shadow: 0 15px 35px color-mix(in srgb, var(--crt-primary-orange) 20%, transparent); }
    100% { opacity: 1; transform: scale(1); }
}

.crt-item { 
    display: flex; gap: 25px; 
    background: linear-gradient(145deg, var(--crt-bg-panel) 0%, color-mix(in srgb, var(--crt-bg-panel) 95%, var(--crt-primary-orange)) 100%);
    border: 1px solid var(--crt-border-line); 
    border-radius: var(--crt-radius-card); 
    padding: 25px; position: relative; 
    transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1); 
    will-change: transform, box-shadow, opacity; transform: translateZ(0); 
    overflow: hidden;
}
/* Premium Parlama Çizgisi */
.crt-item::before {
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px;
    background: linear-gradient(90deg, transparent, var(--crt-primary-orange), transparent);
    opacity: 0; transition: 0.4s;
}
.crt-item.crt-updated { animation: crtDataUpdatePop 0.5s ease; border-color: var(--crt-primary-orange); }
.crt-item:hover, .crt-item:focus-within { 
    box-shadow: 0 20px 45px color-mix(in srgb, var(--crt-primary-orange) 12%, transparent); 
    border-color: color-mix(in srgb, var(--crt-primary-orange) 40%, transparent); 
    transform: translate3d(0, -5px, 0); 
}
.crt-item:hover::before { opacity: 1; }

.crt-item-image { width: 140px; min-width: 140px; aspect-ratio: 3/4; border-radius: 16px; overflow: hidden; background: var(--crt-bg-body); border: 1px solid var(--crt-border-line); position: relative; }
.crt-item-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.crt-item:hover .crt-item-image img { transform: scale(1.05); }

.crt-item-details { display: flex; flex-direction: column; flex: 1; justify-content: space-between; padding: 5px 0; position: relative; }
.crt-item-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 15px; }

.crt-item-brand { font-size: 11px; font-weight: 800; color: var(--crt-primary-orange); text-transform: uppercase; letter-spacing: 1px; display: flex; align-items: center; gap: 6px; margin-bottom: 6px; }
.crt-item-title-wrapper h3 { font-size: 16px; font-weight: 800; color: var(--crt-text-main); margin: 0 0 12px 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.4; }
.crt-item-title-wrapper a { text-decoration: none; color: inherit; transition: 0.2s; outline: none; }
.crt-item-title-wrapper a:hover, .crt-item-title-wrapper a:focus { color: var(--crt-primary-orange); }

/* Varyant ve Özellik Rozetleri (Modern Chip) */
.crt-item-specs, .crt-item-variants { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 15px; }
.crt-spec-item, .crt-v-chip { 
    font-size: 11px; font-weight: 700; color: var(--crt-text-muted); 
    background: var(--crt-chip-bg); padding: 5px 12px; border-radius: 8px; 
    border: 1px solid var(--crt-border-line); display: inline-flex; align-items: center; gap: 6px; 
    text-transform: capitalize; transition: 0.3s;
}
.crt-spec-item strong, .crt-v-chip strong { color: var(--crt-text-main); }
.crt-spec-item i { color: var(--crt-primary-orange); opacity: 0.8; font-size: 12px; }
.crt-v-chip.alert-chip { background: rgba(239, 68, 68, 0.1); color: var(--crt-danger-color); border-color: rgba(239, 68, 68, 0.2); font-weight: 800; }
.crt-item:hover .crt-spec-item, .crt-item:hover .crt-v-chip { border-color: color-mix(in srgb, var(--crt-primary-orange) 20%, transparent); }

/* Silme Butonu - Dikkat Çekici */
.crt-btn-remove { 
    background: color-mix(in srgb, var(--crt-danger-color) 10%, transparent); 
    color: var(--crt-danger-color); 
    border: 1px solid color-mix(in srgb, var(--crt-danger-color) 20%, transparent); 
    width: 38px; height: 38px; border-radius: 12px; display: flex; align-items: center; 
    justify-content: center; font-size: 15px; cursor: pointer; transition: 0.3s; 
    flex-shrink: 0; will-change: transform; outline: none; 
}
.crt-btn-remove:hover { 
    background: var(--crt-danger-color); color: #ffffff; transform: translateY(-2px); 
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3); border-color: var(--crt-danger-color); 
}

.crt-item-footer { display: flex; justify-content: space-between; align-items: center; margin-top: auto; position: relative; }

/* Miktar Kontrolcüsü */
.crt-qty-control { 
    display: flex; align-items: center; background: var(--crt-bg-body);
    border: 1px solid var(--crt-border-line); 
    border-radius: 12px; overflow: hidden; width: 110px; height: 38px; position: relative; 
}
.crt-qty-btn { 
    width: 35px; height: 100%; border: none; background: transparent; font-size: 16px; 
    font-weight: bold; color: var(--crt-text-main); cursor: pointer; transition: 0.2s; 
    display: flex; align-items: center; justify-content: center; outline: none; 
}
.crt-qty-btn:hover { background: var(--crt-chip-bg); color: var(--crt-primary-orange); }
.crt-qty-input { 
    width: 40px; height: 100%; border: none; background: transparent; text-align: center; 
    font-size: 14px; font-weight: 800; color: var(--crt-text-main); pointer-events: none; transition: opacity 0.3s; 
    border-left: 1px solid var(--crt-border-line);
    border-right: 1px solid var(--crt-border-line);
}

/* Miktar Kontrolcüsü - Yükleniyor (Spinner) Animasyonu Fix'i */
.crt-qty-spinner { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%); 
    font-size: 16px; 
    color: var(--crt-primary-orange); 
    opacity: 0; 
    pointer-events: none; 
    transition: 0.3s ease; 
}
.crt-qty-control.loading .crt-qty-spinner { 
    opacity: 1; 
}
.crt-qty-control.loading .crt-qty-btn, 
.crt-qty-control.loading .crt-qty-input { 
    opacity: 0.2; 
    pointer-events: none; 
}

.crt-item-price { font-size: 22px; font-weight: 900; color: var(--crt-danger-color); transition: 0.3s; letter-spacing: -0.5px;}

@keyframes crtPremiumDiscountBlink {
    0%, 100% { opacity: 1; transform: scale(1); text-shadow: 0 0 0 transparent; }
    50% { opacity: 0.9; transform: scale(1.05); text-shadow: 0 2px 12px color-mix(in srgb, var(--crt-danger-color) 50%, transparent) !important; }
}
.crt-anim-blink { display: inline-block; animation: crtPremiumDiscountBlink 1.8s infinite ease-in-out; }


/* ==========================================================================
   3. SEPET ÖZETİ VE SAĞ SİDEBAR
   ========================================================================== */
.crt-sidebar { display: flex; flex-direction: column; gap: 20px; position: sticky; top: 120px; }

.crt-summary { 
    background: var(--crt-bg-panel); border: 1px solid var(--crt-border-line); 
    border-radius: var(--crt-radius-card); padding: 35px; box-shadow: var(--crt-shadow-lux); 
    transition: 0.3s; position: relative; overflow: hidden;
}
.crt-summary-title { font-size: 18px; font-weight: 800; margin: 0 0 25px 0; color: var(--crt-text-main); display: flex; align-items: center; gap: 10px; border-bottom: 1px solid var(--crt-border-line); padding-bottom: 15px; }


/* --- YENİ EKLENEN: SADAKAT PUANI (TREND CLUB) KULLANIM KUTUSU --- */
.crt-loyalty-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--crt-loyalty-bg);
    border: 1px dashed color-mix(in srgb, var(--crt-loyalty-color) 40%, transparent);
    padding: 16px 20px;
    border-radius: 14px;
    margin-bottom: 25px;
    transition: 0.3s;
}
.crt-loyalty-box:hover, .crt-loyalty-box:focus-within {
    border-style: solid;
    border-color: var(--crt-loyalty-color);
}
.crt-loyalty-info {
    display: flex;
    align-items: center;
    gap: 12px;
}
.crt-loyalty-info i {
    color: var(--crt-loyalty-color);
    font-size: 22px;
}
.crt-loyalty-text-group {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.crt-loyalty-title {
    font-size: 14px;
    font-weight: 800;
    color: var(--crt-text-main);
}
.crt-loyalty-balance {
    font-size: 12px;
    font-weight: 600;
    color: var(--crt-text-muted);
}
.crt-loyalty-balance strong {
    color: var(--crt-loyalty-color);
}

/* Modern Toggle Switch Görünümü */
.crt-loyalty-switch {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
    flex-shrink: 0;
    margin: 0;
}
.crt-loyalty-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.crt-slider {
    position: absolute;
    cursor: pointer;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: var(--crt-border-line);
    transition: .4s cubic-bezier(0.4, 0.0, 0.2, 1);
    border-radius: 24px;
}
.crt-slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: var(--crt-bg-panel);
    transition: .4s cubic-bezier(0.4, 0.0, 0.2, 1);
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.crt-loyalty-switch input:checked + .crt-slider {
    background-color: var(--crt-loyalty-color);
}
.crt-loyalty-switch input:checked + .crt-slider:before {
    transform: translateX(20px);
}
/* --------------------------------------------------------------- */


/* Promosyon Alanı */
.crt-promo-box { position: relative; display: flex; align-items: center; margin-bottom: 20px; transition: 0.3s; }
.crt-promo-input { width: 100%; padding: 16px 100px 16px 45px; border-radius: 12px; border: 1px solid var(--crt-border-line); background: var(--crt-bg-body); font-size: 14px; font-weight: 700; color: var(--crt-text-main); outline: none; transition: 0.3s; font-family: 'Plus Jakarta Sans', sans-serif; text-transform: uppercase; }
.crt-promo-input::placeholder { text-transform: none; font-weight: 500; }
.crt-promo-input:focus { border-color: var(--crt-primary-orange); box-shadow: 0 0 0 4px color-mix(in srgb, var(--crt-primary-orange) 15%, transparent); }
.crt-promo-icon { position: absolute; left: 16px; color: var(--crt-text-muted); font-size: 15px; }
.crt-promo-btn { position: absolute; right: 6px; top: 6px; bottom: 6px; background: var(--crt-text-main); color: var(--crt-bg-body); border: none; border-radius: 8px; padding: 0 16px; font-size: 12px; font-weight: 800; text-transform: uppercase; cursor: pointer; transition: 0.3s; display: flex; align-items: center; justify-content: center; outline: none; font-family: 'Plus Jakarta Sans', sans-serif;}
.crt-promo-btn:hover { background: var(--crt-primary-orange); color: #ffffff; transform: translateY(-1px); box-shadow: 0 4px 10px color-mix(in srgb, var(--crt-primary-orange) 30%, transparent); }

/* Uygulanan Kupon (Etiket) Kutusu */
.crt-applied-coupon { 
    display: none; align-items: center; justify-content: space-between; 
    background: var(--crt-success-bg); 
    border: 1px solid color-mix(in srgb, var(--crt-success-color) 30%, transparent); 
    padding: 14px 20px; border-radius: 12px; margin-bottom: 20px; 
}
.crt-applied-coupon.active { display: flex; animation: crtSmoothFadeIn 0.3s ease; }
.crt-ac-info { display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 800; color: var(--crt-success-color); }
.crt-ac-remove { background: none; border: none; color: var(--crt-danger-color); font-size: 18px; cursor: pointer; transition: 0.3s; opacity: 0.7; outline: none; display: flex; align-items: center; justify-content: center; }
.crt-ac-remove:hover { opacity: 1; transform: scale(1.2) rotate(90deg); }

.crt-summary-row { display: flex; justify-content: space-between; font-size: 14px; color: var(--crt-text-muted); font-weight: 600; margin-bottom: 18px; transition: 0.3s; }
.crt-summary-row span.crt-val { color: var(--crt-text-main); font-weight: 700; }

/* İndirim ve Puan Satırlarını 0 İse Gizleme */
.crt-discount-row, .crt-points-row { display: none !important; }
.crt-discount-row.active, .crt-points-row.active { display: flex !important; animation: crtSmoothFadeIn 0.3s ease; }

.crt-shipping-row { border-bottom: 1px dashed var(--crt-border-line); padding-bottom: 20px; margin-bottom: 20px; }
.crt-shipping-row span.crt-val.crt-free { color: var(--crt-success-color); }

.crt-total-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; transition: 0.3s; }
.crt-total-row span.crt-lbl { font-size: 16px; font-weight: 800; color: var(--crt-text-main); }
.crt-total-row span.crt-val { font-size: 28px; font-weight: 900; color: var(--crt-primary-orange); letter-spacing: -0.5px; }

/* Kargo Baremi / Başarı Modu */
.crt-shipping-promo { background: var(--crt-success-bg); border: 1px dashed color-mix(in srgb, var(--crt-success-color) 40%, transparent); border-radius: 12px; padding: 15px; margin-bottom: 25px; text-align: center; transition: 0.3s; }
.crt-shipping-promo.crt-success-mode { border: 1px solid var(--crt-success-color); }
.crt-shipping-promo p { margin: 0 0 8px 0; font-size: 12px; font-weight: 700; color: var(--crt-text-main); }
.crt-shipping-promo .crt-amount-left { color: var(--crt-success-color); font-weight: 800; font-size: 14px; }
.crt-promo-bar-bg { width: 100%; height: 6px; background: color-mix(in srgb, var(--crt-success-color) 20%, transparent); border-radius: 10px; overflow: hidden; }
.crt-promo-bar-fill { height: 100%; background: var(--crt-success-color); border-radius: 10px; transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1); }

/* Puan Kazanım (Hediye) Kutusu */
.crt-earn-points-box { 
    display: flex; align-items: center; gap: 12px; 
    background: color-mix(in srgb, var(--crt-primary-orange) 8%, transparent); 
    padding: 15px 20px; border-radius: 14px; 
    border: 1px dashed color-mix(in srgb, var(--crt-primary-orange) 40%, transparent); 
    margin-bottom: 25px; font-size: 13px; font-weight: 700; color: var(--crt-text-main); 
    line-height: 1.4;
}
.crt-earn-points-box i { color: var(--crt-primary-orange); font-size: 20px; flex-shrink: 0; }
.crt-earn-points-box .crt-earn-val { color: var(--crt-primary-orange); font-weight: 900; }

/* Premium Satın Al Butonu */
.crt-btn-checkout { 
    width: 100%; padding: 20px; background: var(--crt-primary-orange); color: #ffffff; 
    border: none; border-radius: 14px; font-size: 15px; font-weight: 800; text-transform: uppercase; 
    letter-spacing: 1px; cursor: pointer; transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); 
    display: flex; align-items: center; justify-content: center; gap: 10px; 
    will-change: transform, box-shadow; outline: none; font-family: 'Plus Jakarta Sans', sans-serif;
    position: relative; overflow: hidden;
    box-shadow: 0 15px 35px color-mix(in srgb, var(--crt-primary-orange) 40%, transparent);
}
.crt-btn-checkout::after { 
    content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; 
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent); 
    transition: 0.5s; 
}
.crt-btn-checkout:hover { 
    background: var(--crt-text-main); color: var(--crt-bg-panel); transform: translateY(-5px); 
    box-shadow: 0 20px 40px color-mix(in srgb, var(--crt-text-main) 30%, transparent); 
}
.crt-btn-checkout:hover::after { left: 100%; }

.crt-secure-checkout { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 20px; font-size: 11px; color: var(--crt-text-muted); font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; }

/* ==========================================================================
   4. MOBİL VE DİĞER DURUMLAR
   ========================================================================== */
.crt-empty-cart { text-align: center; padding: 100px 20px; background: var(--crt-bg-panel); border-radius: var(--crt-radius-card); border: 1px solid var(--crt-border-line); grid-column: span 2; }
.crt-empty-cart i { font-size: 80px; color: var(--crt-text-muted); opacity: 0.2; margin-bottom: 25px; }
.crt-empty-cart h2 { font-family: 'Playfair Display', serif; font-size: 32px; font-weight: 800; color: var(--crt-text-main); margin-bottom: 12px; }
.crt-empty-cart p { font-size: 15px; color: var(--crt-text-muted); font-weight: 500; margin-bottom: 30px; }
.crt-btn-continue { display: inline-flex; align-items: center; gap: 10px; padding: 16px 35px; background: var(--crt-text-main); color: var(--crt-bg-body); border-radius: 100px; font-size: 14px; font-weight: 800; text-decoration: none; transition: 0.3s; text-transform: uppercase; letter-spacing: 0.5px; outline: none; }
.crt-btn-continue:hover { background: var(--crt-primary-orange); color: #ffffff; transform: translateY(-3px); box-shadow: 0 10px 25px color-mix(in srgb, var(--crt-primary-orange) 30%, transparent); }

@media (max-width: 992px) {
    .crt-wrapper { padding: 0 4%; margin-bottom: 120px; }
    .crt-grid { grid-template-columns: 1fr; gap: 30px; }
    .crt-sidebar { position: relative; top: 0; }
    .crt-summary { padding: 25px 20px; }
}
@media (max-width: 768px) {
    .crt-item { padding: 20px; gap: 15px; flex-direction: column; }
    .crt-item-image { width: 100%; aspect-ratio: 16/9; max-height: 250px; border-radius: 12px; }
    .crt-item-header { align-items: flex-start; }
    .crt-btn-remove { position: absolute; top: 15px; right: 15px; background: var(--crt-bg-panel); color: var(--crt-danger-color); border: 1px solid var(--crt-border-line); }
    .crt-item-footer { margin-top: 15px; border-top: 1px dashed var(--crt-border-line); padding-top: 15px; }
}
/* ==========================================================================
/* ==========================================================================
   SEPETİM.PHP SON
   ========================================================================== */
/* ==========================================================================
   BAŞLANGIÇ: YENİ SEZON VİTRİNİ (yeni-sezon.php İÇİN)
   Mimari: GLOBAL VARIABLE ENTEGRASYONU (Dark/Light Mod Globalden Çekilir)
   ========================================================================== */

.nsz-wrapper a:focus-visible, 
.nsz-wrapper button:focus-visible,
.nsz-product-card:focus-visible,
.nsz-card-favorite:focus-visible,
.nsz-btn-quick-view:focus-visible { 
    outline: 3px solid var(--brand-primary); 
    outline-offset: 3px; 
}

.nsz-wrapper { font-family: 'Plus Jakarta Sans', sans-serif; max-width: 1400px; margin: 60px auto 100px; padding: 0 4%; animation: nszSmoothFade 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; will-change: transform, opacity; transform: translateZ(0); }
@keyframes nszSmoothFade { from { opacity: 0; transform: translate3d(0, 20px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }

.nsz-header-wrapper { text-align: center; margin-bottom: 50px; }
.nsz-section-title { font-family: 'Playfair Display', serif; font-size: clamp(2.5rem, 4vw, 3.5rem); font-weight: 800; color: var(--text-main); margin-bottom: 8px; letter-spacing: -0.5px; }
.nsz-section-subtitle { font-size: 13px; color: var(--text-muted); font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }

.nsz-divider { display: flex; align-items: center; justify-content: center; max-width: 250px; margin: 15px auto 0; gap: 10px; }
.nsz-line { height: 2px; flex: 1; border-radius: 2px; }
.nsz-line.nsz-left { background: linear-gradient(90deg, transparent 0%, var(--brand-primary) 100%); }
.nsz-line.nsz-right { background: linear-gradient(270deg, transparent 0%, var(--brand-primary) 100%); }
.nsz-divider i { font-size: 18px; color: var(--brand-primary); }

.nsz-product-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 26px; }

.nsz-product-card { display: flex; flex-direction: column; background: var(--bg-panel); border: 1px solid var(--border-color); border-radius: 16px; overflow: hidden; position: relative; transition: 0.5s cubic-bezier(0.2, 0.8, 0.2, 1); text-decoration: none; will-change: transform, box-shadow; transform: translateZ(0); outline: none; }
.nsz-product-card:hover, .nsz-product-card:focus-within { transform: translate3d(0, -10px, 0); box-shadow: 0 15px 40px color-mix(in srgb, var(--text-main) 10%, transparent); border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent); }

.nsz-card-crown-header { display: flex; align-items: center; justify-content: center; width: 100%; padding: 12px 15px; background: var(--bg-panel); border-bottom: 1px solid var(--border-color); gap: 10px; }
.nsz-frame-line { height: 1.5px; flex: 1; border-radius: 2px; }
.nsz-frame-left { background: linear-gradient(90deg, transparent 0%, var(--brand-primary) 100%); }
.nsz-frame-right { background: linear-gradient(270deg, transparent 0%, var(--brand-primary) 100%); }
.nsz-card-crown-header i { font-size: 14px; color: var(--brand-primary); filter: drop-shadow(0 2px 4px color-mix(in srgb, var(--brand-primary) 30%, transparent)); }

.nsz-pc-image-wrapper { position: relative; width: 100%; aspect-ratio: 3/4; overflow: hidden; background: var(--bg-body); border-bottom: 1px solid var(--border-color); }
.nsz-pc-image-main { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.6s ease; z-index: 1; }
.nsz-product-card:hover .nsz-pc-image-main.nsz-has-ghost, .nsz-product-card:focus-within .nsz-pc-image-main.nsz-has-ghost { opacity: 0; }

.nsz-ghost-img-single { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; z-index: 2; transition: opacity 0.6s ease, transform 0.8s ease; transform: scale(1.05); }
.nsz-product-card:hover .nsz-ghost-img-single, .nsz-product-card:focus-within .nsz-ghost-img-single { opacity: 1; transform: scale(1); }

.nsz-pc-ghost-gallery { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; visibility: hidden; transition: opacity 0.4s ease, visibility 0.4s; background: var(--bg-body); }
.nsz-product-card:hover .nsz-pc-ghost-gallery, .nsz-product-card:focus-within .nsz-pc-ghost-gallery { opacity: 1; visibility: visible; }

.nsz-ghost-img-multi { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; }
.nsz-product-card:hover .nsz-ghost-img-multi, .nsz-product-card:focus-within .nsz-ghost-img-multi { animation: nszDynamicGhostFade 6s ease-in-out infinite; }

@keyframes nszDynamicGhostFade {
    0%, 100% { opacity: 0; transform: scale(1); }
    15%, 35% { opacity: 1; transform: scale(1.03); }
    50%, 85% { opacity: 0; transform: scale(1.05); }
}

.nsz-pc-badges { position: absolute; top: 12px; left: 12px; display: flex; flex-direction: column; gap: 6px; z-index: 5; }
.nsz-badge-pill { padding: 6px 12px; border-radius: 6px; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
.nsz-badge-new { background: var(--text-main); color: var(--bg-panel); } 
.nsz-badge-discount { background: var(--danger-color); color: #ffffff; box-shadow: 0 4px 12px color-mix(in srgb, var(--danger-color) 40%, transparent); }

.nsz-card-favorite { position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; border-radius: 50%; background: color-mix(in srgb, var(--bg-panel) 90%, transparent); backdrop-filter: blur(5px); display: flex; align-items: center; justify-content: center; opacity: 0; transform: scale(0.8) translateY(-10px); transition: 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); z-index: 10; color: var(--text-main); cursor: pointer; box-shadow: 0 4px 15px rgba(0,0,0,0.1); border: 1px solid var(--border-color); outline: none; }
.nsz-product-card:hover .nsz-card-favorite, .nsz-product-card:focus-within .nsz-card-favorite { opacity: 1; transform: scale(1) translateY(0); }
.nsz-card-favorite:hover, .nsz-card-favorite:focus-visible { color: var(--danger-color); transform: scale(1.1); }

.nsz-pc-quick-view { position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px; background: linear-gradient(to top, color-mix(in srgb, var(--bg-body) 80%, transparent), transparent); transform: translateY(100%); transition: 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); z-index: 6; display: flex; justify-content: center; }
.nsz-product-card:hover .nsz-pc-quick-view, .nsz-product-card:focus-within .nsz-pc-quick-view { transform: translateY(0); }
.nsz-btn-quick-view { width: 100%; background: color-mix(in srgb, var(--bg-panel) 95%, transparent); backdrop-filter: blur(10px); color: var(--text-main); border: 1px solid var(--border-color); padding: 12px; border-radius: 10px; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 10px 25px rgba(0,0,0,0.2); cursor: pointer; transition: 0.3s; outline: none; display: flex; align-items: center; justify-content: center;}
.nsz-btn-quick-view:hover, .nsz-btn-quick-view:focus-visible { background: var(--brand-primary); color: #fff; border-color: var(--brand-primary); }

.nsz-pc-info { padding: 22px 20px; display: flex; flex-direction: column; flex-grow: 1; gap: 8px; }

.nsz-pc-brand-row { display: flex; justify-content: space-between; align-items: center; }
.nsz-pc-brand { font-size: 10.5px; font-weight: 800; color: var(--brand-primary); text-transform: uppercase; letter-spacing: 1.5px; }
.nsz-pc-stock-count { font-size: 10px; font-weight: 700; color: var(--text-muted); padding: 4px 10px; background: color-mix(in srgb, var(--text-main) 6%, transparent); border-radius: 6px; }
.nsz-pc-stock-count.nsz-danger-stock { color: var(--danger-color); background: color-mix(in srgb, var(--danger-color) 8%, transparent); }

.nsz-pc-title { font-size: 16px; font-weight: 800; color: var(--text-main); margin: 0; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; transition: color 0.3s; }
.nsz-product-card:hover .nsz-pc-title, .nsz-product-card:focus-within .nsz-pc-title { color: var(--brand-primary); }

.nsz-pc-description { font-size: 12px; color: var(--text-muted); font-weight: 500; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }

.nsz-pc-colors-wrapper { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 5px; min-height: 24px; }
.nsz-color-chip { font-size: 9px; font-weight: 700; color: var(--text-muted); padding: 4px 10px; background: color-mix(in srgb, var(--text-main) 4%, transparent); border-radius: 6px; text-transform: uppercase; border: 1px solid var(--border-color); }

.nsz-pc-price-box { display: flex; align-items: baseline; gap: 10px; margin-top: auto; padding-top: 15px; border-top: 1px solid var(--border-color); }
.nsz-pc-price { font-size: 20px; font-weight: 800; color: var(--text-main); letter-spacing: -0.5px; }

.nsz-empty { grid-column: 1 / -1; text-align: center; padding: 80px 20px; background: var(--bg-panel); border-radius: 16px; border: 1px dashed var(--border-color); }
.nsz-empty i { font-size: 60px; color: var(--text-muted); opacity: 0.3; margin-bottom: 20px; }
.nsz-empty h2 { font-family: 'Playfair Display', serif; font-size: 26px; font-weight: 800; color: var(--text-main); margin: 0 0 10px 0; }
.nsz-empty p { color: var(--text-muted); font-weight: 500; }

.nsz-quick-toast { position:fixed; bottom:30px; right:30px; background:var(--text-main); color:var(--bg-panel); padding:15px 25px; border-radius:12px; font-weight:700; font-size:14px; opacity:0; visibility:hidden; transition:0.3s; z-index:9999; display:flex; align-items:center; gap:10px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); will-change: opacity, visibility; font-family: 'Plus Jakarta Sans', sans-serif;}
.nsz-quick-toast i { color: var(--danger-color); }

@media (max-width: 1400px) { .nsz-product-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 1050px) { .nsz-product-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 768px) {
    .nsz-product-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    
    .nsz-card-crown-header { padding: 8px 10px; gap: 6px; }
    .nsz-card-crown-header i { font-size: 11px; }

    .nsz-pc-info { padding: 15px 12px; gap: 6px; }
    .nsz-pc-title { font-size: 13.5px; }
    .nsz-pc-description { display: none; }
    .nsz-pc-price { font-size: 16px; }
    .nsz-pc-brand { font-size: 9px; }
    .nsz-pc-stock-count { font-size: 9px; padding: 2px 6px; }
    .nsz-color-chip { font-size: 9px; padding: 2px 6px; }
    .nsz-badge-pill { padding: 4px 8px; font-size: 9px; }

    .nsz-card-favorite { opacity: 1; transform: scale(1) translateY(0); top: 8px; right: 8px; width: 30px; height: 30px; font-size: 12px; }
    .nsz-pc-quick-view { display: none; }
}

/* ==========================================================================
   BİTİŞ: YENİ SEZON VİTRİNİ (yeni-sezon.php İÇİN)
   ========================================================================== */

/* ==========================================================================
   MODÜL: SİSTEM RAPORLARI (reports.php İÇİN)
   SÜRÜM: v2.1 - GLOBAL COLORS ENTEGRASYONU & COLOR-MIX DESTEĞİ
   ========================================================================== */

:root {
    /* SİSTEMİN ANA (GLOBAL) RENKLERİNE KÖPRÜ BAĞLANTISI */
    --rpt-primary: var(--brand-primary, #f97316);
    --rpt-bg: transparent;
    --rpt-panel: var(--bg-panel, #ffffff);
    --rpt-text: var(--text-main, #0f172a);
    --rpt-muted: var(--text-muted, #475569); 
    --rpt-border: var(--border-color, rgba(15, 23, 42, 0.08));
    --rpt-shadow: var(--box-shadow, 0 10px 40px rgba(15, 23, 42, 0.04));
    --rpt-radius: var(--border-radius, 20px);
    
    /* SİSTEMİN GLOBAL DURUM (STATUS) RENKLERİNE BAĞLANTI */
    --rpt-success: var(--status-success, #10b981); 
    --rpt-warning: var(--status-warning, #f59e0b); 
    --rpt-danger: var(--status-error, var(--brand-danger, #dc2626)); 
    --rpt-info: var(--status-info, #3b82f6); 
    --rpt-purple: var(--brand-purple, #8b5cf6);
}

html[data-theme="dark"] .rpt-module, body[data-theme="dark"] .rpt-module,
html[data-theme="dark"] .rpt-iframe-body, body[data-theme="dark"].rpt-iframe-body {
    /* EĞER GLOBAL DEĞİŞKENLERİNİZ DARK MOD İÇİN OTOMATİK DEĞİŞİYORSA BURAYA GEREK KALMAZ, ANCAK YEDEK OLARAK EKLENDİ */
    --rpt-panel: var(--bg-panel-dark, #121216);
    --rpt-text: var(--text-main-dark, #f8fafc);
    --rpt-muted: var(--text-muted-dark, #94a3b8);
    --rpt-border: var(--border-color-dark, rgba(255, 255, 255, 0.08));
    --rpt-shadow: var(--box-shadow-dark, 0 10px 40px rgba(0, 0, 0, 0.6));
    color-scheme: dark;
}

body.rpt-iframe-body { 
    margin: 0; 
    background: transparent; 
    font-family: 'Plus Jakarta Sans', sans-serif; 
    -webkit-font-smoothing: antialiased;
}

.rpt-module * { box-sizing: border-box; }

.rpt-module button:focus-visible, 
.rpt-module a:focus-visible, 
.rpt-module select:focus-visible, 
.rpt-module .rpt-table-wrapper:focus-visible { 
    outline: 2px solid var(--rpt-primary); 
    outline-offset: 3px; 
    border-radius: inherit;
}

.rpt-module { 
    font-family: 'Plus Jakarta Sans', sans-serif; 
    color: var(--rpt-text); 
    padding: 15px; 
    transition: 0.4s ease; 
    box-sizing: border-box; 
    width: 100%; 
    max-width: 1400px; 
    margin: 0 auto; 
    animation: rptSmoothFade 0.5s ease forwards; 
    will-change: transform, opacity; 
    transform: translateZ(0); 
}

.rpt-standalone { margin: 40px auto; }
@keyframes rptSmoothFade { 
    from { opacity: 0; transform: translate3d(0, 15px, 0); } 
    to { opacity: 1; transform: translate3d(0, 0, 0); } 
}

/* HEADER & ACTIONS */
.rpt-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 30px; gap: 15px; flex-wrap: wrap; }
.rpt-title h1 { font-family: 'Playfair Display', serif; font-size: clamp(24px, 4vw, 32px); font-weight: 800; margin: 0 0 5px 0; color: var(--rpt-text); letter-spacing: -0.5px; }
.rpt-title p { font-size: 14px; font-weight: 500; color: var(--rpt-muted); margin: 0; }

.rpt-actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.rpt-btn-export { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 20px; background: var(--rpt-text); color: var(--rpt-panel); border: none; border-radius: 12px; font-weight: 700; font-size: 13px; cursor: pointer; transition: 0.3s; outline: none; white-space: nowrap; font-family: 'Plus Jakarta Sans', sans-serif; }
.rpt-btn-export:hover { background: var(--rpt-primary); color: var(--rpt-panel); transform: translateY(-2px); box-shadow: 0 5px 15px color-mix(in srgb, var(--rpt-primary) 30%, transparent); }
.rpt-select { padding: 12px 20px; border-radius: 12px; border: 1px solid var(--rpt-border); background: var(--rpt-panel); color: var(--rpt-text); font-weight: 700; font-size: 13px; outline: none; cursor: pointer; transition: 0.3s; min-width: 140px; font-family: 'Plus Jakarta Sans', sans-serif;}
.rpt-select:hover { border-color: var(--rpt-primary); }

/* STAT CARDS */
.rpt-stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; margin-bottom: 30px; }
.rpt-stat-card { background: var(--rpt-panel); border: 1px solid var(--rpt-border); border-radius: var(--rpt-radius); padding: 25px; display: flex; align-items: center; gap: 20px; box-shadow: var(--rpt-shadow); transition: 0.3s; position: relative; overflow: hidden; }
.rpt-stat-card:hover { transform: translateY(-5px); border-color: var(--rpt-primary); }
.rpt-stat-card::before { content: ''; position: absolute; top: 0; right: 0; width: 60px; height: 100%; background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--rpt-text) 5%, transparent)); transform: skewX(-15deg); }

.rpt-stat-icon { width: 55px; height: 55px; border-radius: 16px; display: flex; justify-content: center; align-items: center; font-size: 22px; flex-shrink: 0; }
.rpt-sc-1 { background: color-mix(in srgb, var(--rpt-success) 10%, transparent); color: var(--rpt-success); }
.rpt-sc-2 { background: color-mix(in srgb, var(--rpt-info) 10%, transparent); color: var(--rpt-info); }
.rpt-sc-3 { background: color-mix(in srgb, var(--rpt-purple) 10%, transparent); color: var(--rpt-purple); }
.rpt-sc-4 { background: color-mix(in srgb, var(--rpt-primary) 10%, transparent); color: var(--rpt-primary); }

.rpt-stat-info h4 { font-size: 12px; font-weight: 800; color: var(--rpt-muted); text-transform: uppercase; margin: 0 0 5px 0; letter-spacing: 0.5px; line-height: 1.2; }
.rpt-stat-info .val { font-size: clamp(20px, 2.5vw, 24px); font-weight: 800; color: var(--rpt-text); margin: 0; letter-spacing: -0.5px; }

/* CHARTS & BOXES */
.rpt-charts-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 20px; margin-bottom: 30px; }
.rpt-box { background: var(--rpt-panel); border: 1px solid var(--rpt-border); border-radius: var(--rpt-radius); padding: 25px; box-shadow: var(--rpt-shadow); display: flex; flex-direction: column; overflow: hidden; }
.rpt-box-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; flex-wrap: wrap; gap: 10px; }
.rpt-box-title { font-size: 16px; font-weight: 800; color: var(--rpt-text); margin: 0; display: flex; align-items: center; gap: 10px; }
.rpt-box-title i { color: var(--rpt-primary); background: color-mix(in srgb, var(--rpt-primary) 10%, transparent); padding: 8px; border-radius: 8px; font-size: 14px; }
.rpt-chart-container { flex: 1; position: relative; width: 100%; min-height: 280px; }

/* TABLES & CUSTOM SCROLLBAR */
.rpt-table-wrapper { width: 100%; overflow-x: auto; outline: none; border-radius: 12px; scrollbar-width: thin; scrollbar-color: var(--rpt-muted) transparent; }
.rpt-table-wrapper::-webkit-scrollbar { height: 6px; }
.rpt-table-wrapper::-webkit-scrollbar-track { background: transparent; }
.rpt-table-wrapper::-webkit-scrollbar-thumb { background-color: var(--rpt-border); border-radius: 10px; }
.rpt-table-wrapper::-webkit-scrollbar-thumb:hover { background-color: var(--rpt-muted); }

.rpt-table { width: 100%; border-collapse: collapse; min-width: 600px; }
.rpt-table th { text-align: left; padding: 15px 12px; font-size: 11px; font-weight: 800; color: var(--rpt-muted); text-transform: uppercase; border-bottom: 2px solid var(--rpt-border); letter-spacing: 0.5px; background: transparent; white-space: nowrap; }
.rpt-table td { padding: 16px 12px; font-size: 13.5px; font-weight: 600; color: var(--rpt-text); border-bottom: 1px solid var(--rpt-border); }
.rpt-table tr:last-child td { border-bottom: none; }
.rpt-table tbody tr { transition: 0.2s; }
.rpt-table tbody tr:hover { background: color-mix(in srgb, var(--rpt-text) 3%, transparent); }

/* STATUS BADGES */
.rpt-status-badge { padding: 6px 12px; border-radius: 8px; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.sb-pending { background: color-mix(in srgb, var(--rpt-warning) 10%, transparent); color: var(--rpt-warning); border: 1px solid color-mix(in srgb, var(--rpt-warning) 20%, transparent); }
.sb-processing { background: color-mix(in srgb, var(--rpt-info) 10%, transparent); color: var(--rpt-info); border: 1px solid color-mix(in srgb, var(--rpt-info) 20%, transparent); }
.sb-shipped { background: color-mix(in srgb, var(--rpt-purple) 10%, transparent); color: var(--rpt-purple); border: 1px solid color-mix(in srgb, var(--rpt-purple) 20%, transparent); }
.sb-completed { background: color-mix(in srgb, var(--rpt-success) 10%, transparent); color: var(--rpt-success); border: 1px solid color-mix(in srgb, var(--rpt-success) 20%, transparent); }
.sb-cancelled { background: color-mix(in srgb, var(--rpt-danger) 10%, transparent); color: var(--rpt-danger); border: 1px solid color-mix(in srgb, var(--rpt-danger) 20%, transparent); }

.rpt-db-error { background: color-mix(in srgb, var(--rpt-danger) 10%, transparent); border: 1px solid color-mix(in srgb, var(--rpt-danger) 20%, transparent); color: var(--rpt-danger); padding: 15px 20px; border-radius: 12px; margin-bottom: 25px; font-size: 13px; font-weight: 700; display: flex; align-items: center; gap: 10px; }

/* YAZDIRMA (PRINT) OPTİMİZASYONU */
@media print {
    body { background: #fff !important; color: #000 !important; }
    .rpt-module { padding: 0 !important; margin: 0 !important; max-width: 100% !important; animation: none !important; }
    .rpt-actions, .rpt-btn-export, .rpt-select { display: none !important; }
    .rpt-stat-card, .rpt-box { border: 1px solid #e2e8f0 !important; box-shadow: none !important; break-inside: avoid; }
    .rpt-table th { color: #000 !important; border-bottom: 2px solid #000 !important; }
    .rpt-table td { color: #000 !important; border-bottom: 1px solid #e2e8f0 !important; }
    .rpt-status-badge { border: 1px solid #000 !important; color: #000 !important; background: transparent !important; }
}

/* MOBİL TASARIM (RESPONSIVE) */
@media (max-width: 1024px) { 
    .rpt-charts-grid { grid-template-columns: 1fr; } 
    .rpt-chart-container { min-height: 250px; }
}

@media (max-width: 768px) {
    .rpt-module { padding: 10px; }
    .rpt-header { flex-direction: column; align-items: flex-start; gap: 15px; }
    .rpt-actions { width: 100%; flex-direction: row; }
    .rpt-select, .rpt-btn-export { flex: 1; text-align: center; justify-content: center; padding: 14px; }
    .rpt-box { padding: 15px; border-radius: 16px; }
    
    /* Mobil Tablo Optimizasyonu */
    .rpt-table { min-width: 100%; }
    .rpt-table thead { display: none; }
    .rpt-table, .rpt-table tbody, .rpt-table tr, .rpt-table td { display: block; width: 100%; }
    .rpt-table tr { margin-bottom: 15px; border: 1px solid var(--rpt-border); border-radius: 12px; padding: 5px 0; background: transparent; }
    .rpt-table tbody tr:hover { background: transparent; }
    
    .rpt-table td { 
        position: relative; 
        padding: 12px 15px 12px 42%; 
        text-align: right; 
        border-bottom: 1px dashed var(--rpt-border); 
        display: flex; 
        justify-content: flex-end; 
        align-items: flex-start;
        min-height: 48px; 
        word-break: break-word;
    }
    .rpt-table td:last-child { border-bottom: none; }
    
    .rpt-table td::before { 
        content: attr(data-label); 
        position: absolute; 
        left: 15px; 
        top: 14px; 
        width: 35%; 
        text-align: left; 
        font-weight: 800; 
        font-size: 11px; 
        text-transform: uppercase; 
        color: var(--rpt-muted); 
    }
    
    .rpt-status-badge { justify-content: flex-end; }
}
/* ==========================================================================
   MODÜL: SİSTEM RAPORLARI (reports.php İÇİN)
   SÜRÜM: v2.1 - GLOBAL COLORS ENTEGRASYONU & COLOR-MIX DESTEĞİ BİTİŞ
   ========================================================================== */
/* ==========================================================================
   BAŞLANGIÇ: HESAP AYARLARI MERKEZİ STİLLERİ (settings.php İÇİN)
   SÜRÜM: v19.5 - GLOBAL TEMA ENTEGRELİ (Zero-Inline Core)
   ========================================================================== */

.set-container { 
    --set-loyalty-color: #8b5cf6;
    font-family: 'Plus Jakarta Sans', sans-serif; 
    width: 100%; 
    height: 100%; 
    display: flex; 
    flex-direction: column; 
    gap: 20px; 
    animation: setSmoothFadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; 
    will-change: transform, opacity; 
    transform: translateZ(0); 
}

html[data-theme="dark"] .set-container, body[data-theme="dark"] .set-container {
    --set-loyalty-color: #a78bfa;
}

body.set-iframe-body { background: transparent !important; color: var(--text-main); font-family: 'Plus Jakarta Sans', sans-serif; transition: 0.4s ease; margin: 0; padding: 0; }

.set-container * { box-sizing: border-box; }
.set-container button:focus-visible, .set-container a:focus-visible, .set-container input:focus-visible, .set-container label:focus-visible,
.set-tab-btn:focus-visible, .set-banner-overlay-btn:focus-visible, .set-avatar-edit-overlay:focus-visible { 
    outline: 3px solid var(--brand-primary); outline-offset: 3px; 
}

@keyframes setSmoothFadeIn { from { opacity: 0; transform: translate3d(0, 15px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }

.set-full-page { max-width: 900px; margin: 40px auto 100px; padding: 0 4%; }

.set-profile-card { background: var(--bg-card); border-radius: var(--radius-lg, 16px); border: 1px solid var(--border-line); overflow: hidden; position: relative; transition: all 0.3s ease; }
.set-profile-banner { width: 100%; height: 150px; background-color: color-mix(in srgb, var(--text-main) 4%, var(--bg-body)); background-size: cover; background-position: center; position: relative; }
.set-banner-overlay-btn { position: absolute; top: 15px; right: 15px; background: rgba(0,0,0,0.4); backdrop-filter: blur(5px); color: #fff; padding: 8px 15px; border-radius: 10px; font-size: 12px; font-weight: 700; cursor: pointer; border: 1px solid rgba(255,255,255,0.1); transition: 0.3s; z-index: 10; outline: none; }
.set-banner-overlay-btn:hover { background: var(--brand-primary); border-color: var(--brand-primary); }

.set-profile-info-area { padding: 0 30px 25px; text-align: center; background: var(--bg-card); position: relative; margin-top: -50px; transition: all 0.3s ease; }
.set-avatar-ring { width: 95px; height: 95px; border-radius: 50%; border: 4px solid var(--bg-card); box-shadow: 0 0 0 2px var(--brand-primary); padding: 3px; background: var(--bg-card); margin: 0 auto 12px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; transition: all 0.3s ease; }
.set-avatar-inner { width: 100%; height: 100%; border-radius: 50%; background: var(--brand-primary); color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 32px; font-weight: 800; overflow: hidden; }
.set-avatar-inner img { width: 100%; height: 100%; object-fit: cover; }
.set-avatar-edit-overlay { position: absolute; inset: 0; border-radius: 50%; background: rgba(0,0,0,0.6); opacity: 0; transition: 0.3s; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #fff; font-size: 20px; z-index: 5; outline: none; }
.set-avatar-ring:hover .set-avatar-edit-overlay, .set-avatar-edit-overlay:focus-within { opacity: 1; }

.set-profile-name { font-size: 20px; font-weight: 800; color: var(--text-main); margin: 0 0 5px 0; letter-spacing: -0.5px; transition: 0.3s; }
.set-profile-email { font-size: 13px; color: var(--text-muted); font-weight: 500; margin: 0; transition: 0.3s; }

.set-body { background: var(--bg-card); border-radius: var(--radius-lg, 16px); border: 1px solid var(--border-line); overflow: hidden; transition: all 0.3s ease; }
.set-tabs-nav { display: flex; border-bottom: 1px solid var(--border-line); background: transparent; overflow-x: auto; }
.set-tabs-nav::-webkit-scrollbar { display: none; }
.set-tab-btn { flex: 1; padding: 18px 15px; background: none; border: none; white-space: nowrap; font-size: 13.5px; font-weight: 700; color: var(--text-muted); cursor: pointer; transition: 0.3s; border-bottom: 2px solid transparent; display: flex; align-items: center; justify-content: center; gap: 8px; outline: none; font-family: 'Plus Jakarta Sans', sans-serif;}
.set-tab-btn i { font-size: 15px; color: var(--text-muted); transition: 0.3s; }
.set-tab-btn:hover { color: var(--text-main); }
.set-tab-btn.active { color: var(--text-main); border-bottom-color: var(--brand-primary); }
.set-tab-btn.active i { color: var(--brand-primary); }

.set-tab-btn.set-tab-loyalty.active { border-bottom-color: var(--set-loyalty-color); }
.set-tab-btn.set-tab-loyalty.active i { color: var(--set-loyalty-color); }

.set-tab-content { padding: 35px 30px; }
.set-tab-pane { display: none; animation: setSmoothFadeIn 0.3s ease forwards; will-change: transform, opacity; transform: translateZ(0); }
.set-tab-pane.active { display: block; }
.set-section-title { font-size: 18px; font-weight: 800; color: var(--text-main); margin: 0 0 25px 0; padding-bottom: 15px; border-bottom: 1px solid var(--border-line); }

.set-form-group { margin-bottom: 22px; }
.set-form-group label { display: block; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-muted); margin-bottom: 8px; cursor: pointer; }
.set-input-wrapper { position: relative; display: flex; align-items: center; }
.set-input-wrapper i { position: absolute; left: 18px; color: var(--text-muted); font-size: 15px; transition: 0.3s; pointer-events: none; }
.set-input-wrapper input { width: 100%; padding: 14px 20px 14px 48px; border: 1px solid var(--border-line); border-radius: 12px; background: color-mix(in srgb, var(--text-main) 2%, var(--bg-body)); color: var(--text-main); font-size: 14px; outline: none; transition: all 0.3s ease; font-family: inherit; font-weight: 600; box-sizing: border-box; }
.set-input-wrapper input:focus { border-color: var(--brand-primary); background: var(--bg-card); box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-primary) 15%, transparent); }
.set-input-wrapper input:focus + i { color: var(--brand-primary); }
.set-input-wrapper input:disabled { opacity: 0.6; cursor: not-allowed; }

.set-otp-input-wrapper { display: flex; justify-content: center; margin-bottom: 25px; }
.set-otp-input { width: 100%; max-width: 300px; text-align: center; font-size: 28px !important; letter-spacing: 12px; font-weight: 800; padding: 18px !important; border: 2px solid var(--border-line) !important; background: color-mix(in srgb, var(--text-main) 2%, var(--bg-body)) !important; color: var(--text-main) !important; border-radius: 16px !important; transition: 0.3s; }
.set-otp-input:focus { border-color: var(--brand-primary) !important; background: var(--bg-card) !important; box-shadow: 0 10px 30px color-mix(in srgb, var(--brand-primary) 15%, transparent) !important; }

.set-loyalty-card { background: linear-gradient(135deg, var(--set-loyalty-color) 0%, #7c3aed 100%); border-radius: 16px; padding: 30px; color: #fff; text-align: center; margin-bottom: 25px; box-shadow: 0 15px 30px color-mix(in srgb, var(--set-loyalty-color) 25%, transparent); position: relative; overflow: hidden; }
.set-loyalty-card::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 60%); pointer-events: none; }
.set-loyalty-title { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; opacity: 0.9; margin: 0 0 10px 0; }
.set-loyalty-points { font-size: 40px; font-weight: 900; letter-spacing: -1px; margin: 0 0 10px 0; font-family: 'Playfair Display', serif; }
.set-loyalty-points span { font-size: 20px; font-weight: 700; opacity: 0.8; }
.set-loyalty-desc { font-size: 13px; font-weight: 500; opacity: 0.8; margin: 0; }

.set-ref-box { background: color-mix(in srgb, var(--text-main) 2%, var(--bg-body)); border: 2px dashed var(--set-loyalty-color); border-radius: 12px; padding: 20px; text-align: center; }
.set-ref-box h4 { margin: 0 0 10px 0; font-size: 15px; font-weight: 800; color: var(--text-main); }
.set-ref-box p { font-size: 13px; color: var(--text-muted); line-height: 1.5; margin: 0 0 15px 0; }
.set-ref-code-display { display: inline-block; background: var(--bg-card); border: 1px solid var(--border-line); padding: 12px 20px; border-radius: 8px; font-size: 18px; font-weight: 900; letter-spacing: 2px; color: var(--set-loyalty-color); margin-bottom: 15px; }

/* KOPYALA BUTONU (GÜNCELLENDİ) */
.set-btn-copy { 
    background: var(--text-main); 
    color: var(--bg-body, #ffffff) !important; 
    border: none; 
    padding: 12px 24px; 
    border-radius: 8px; 
    font-size: 13px; 
    font-weight: 800; 
    text-transform: uppercase; 
    cursor: pointer; 
    transition: 0.3s ease; 
    font-family: 'Plus Jakarta Sans', sans-serif;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.set-btn-copy i { color: inherit !important; }
.set-btn-copy:hover { 
    background: var(--set-loyalty-color); 
    color: #ffffff !important; 
    transform: translateY(-2px);
    box-shadow: 0 6px 20px color-mix(in srgb, var(--set-loyalty-color) 40%, transparent);
}

.set-btn-generate { background: var(--set-loyalty-color); color: #fff; border: none; padding: 12px 25px; border-radius: 8px; font-size: 13px; font-weight: 800; text-transform: uppercase; cursor: pointer; transition: 0.3s; box-shadow: 0 5px 15px color-mix(in srgb, var(--set-loyalty-color) 30%, transparent); font-family: 'Plus Jakarta Sans', sans-serif;}
.set-btn-generate:hover { transform: translateY(-2px); box-shadow: 0 8px 20px color-mix(in srgb, var(--set-loyalty-color) 40%, transparent); }

.set-btn-save { width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 15px; background: var(--brand-primary); color: #fff; border: none; border-radius: 12px; font-size: 15px; font-weight: 800; cursor: pointer; transition: 0.3s; font-family: 'Plus Jakarta Sans', sans-serif; text-transform: uppercase; letter-spacing: 0.5px; will-change: transform; outline: none; }
.set-btn-save:hover:not(:disabled) { transform: translate3d(0, -2px, 0); box-shadow: 0 8px 20px color-mix(in srgb, var(--brand-primary) 30%, transparent); }

.set-premium-toast { position: fixed; bottom: 30px; right: 30px; background: var(--bg-card); color: var(--text-main); padding: 15px 25px; border-radius: 12px; font-weight: 600; font-size: 14px; box-shadow: 0 10px 40px rgba(0,0,0,0.15); border: 1px solid var(--border-line); z-index: 999999; transform: translateY(100px); opacity: 0; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); display: flex; align-items: center; gap: 12px; pointer-events: none; font-family: 'Plus Jakarta Sans', sans-serif;}
.set-premium-toast.show { transform: translateY(0); opacity: 1; }
.set-premium-toast.success i { color: var(--status-success, #10b981); }
.set-premium-toast.error i { color: var(--status-error, #ef4444); }
.set-premium-toast.info i { color: var(--brand-primary); }

.set-flash { padding: 15px 20px; border-radius: 12px; font-weight: 600; font-size: 14px; margin-bottom: 20px; display: flex; align-items: center; gap: 10px; }
.set-flash.success { background: color-mix(in srgb, var(--status-success, #10b981) 10%, transparent); color: var(--status-success, #10b981); border: 1px solid color-mix(in srgb, var(--status-success, #10b981) 20%, transparent); }
.set-flash.error { background: color-mix(in srgb, var(--status-error, #ef4444) 10%, transparent); color: var(--status-error, #ef4444); border: 1px solid color-mix(in srgb, var(--status-error, #ef4444) 20%, transparent); }
.set-flash.info { background: color-mix(in srgb, var(--brand-primary) 10%, transparent); color: var(--brand-primary); border: 1px solid color-mix(in srgb, var(--brand-primary) 20%, transparent); }
.set-flash.hidden-by-ajax { display: none !important; }

@media (max-width: 768px) {
    .set-tab-content { padding: 25px 20px; }
    .set-tab-btn { font-size: 12px; padding: 15px 5px; }
    .set-tab-btn i { display: none; }
    .set-premium-toast { right: 15px; left: 15px; bottom: 15px; justify-content: center; }
}

/* ==========================================================================
   BİTİŞ: HESAP AYARLARI MERKEZİ STİLLERİ
   ========================================================================== */
/* ==========================================================================
   BAŞLANGIÇ: PUANLARIM STİLLERİ (puanlarim.php İÇİN)
   SÜRÜM: v19.5 - GLOBAL TEMA ENTEGRELİ (Zero-Inline Core)
   ========================================================================== */

.pts-wrapper { 
    --pts-loyalty-color: #8b5cf6;
    --pts-loyalty-bg: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%);
    --pts-negative-bg: linear-gradient(135deg, var(--status-error, #ef4444) 0%, #b91c1c 100%);
    font-family: 'Plus Jakarta Sans', sans-serif; 
    max-width: 900px; 
    margin: 40px auto 50px auto; 
    padding: 0 4%; 
    animation: ptsSmoothFadeIn 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; 
}

html[data-theme="dark"] .pts-wrapper, body[data-theme="dark"] .pts-wrapper {
    --pts-loyalty-color: #a78bfa;
    --pts-loyalty-bg: linear-gradient(135deg, #7c3aed 0%, #4c1d95 100%);
    --pts-negative-bg: linear-gradient(135deg, var(--status-error, #dc2626) 0%, #991b1b 100%);
}

body.pts-iframe-body { background: transparent !important; color: var(--text-main); font-family: 'Plus Jakarta Sans', sans-serif; transition: 0.4s ease; margin: 0; padding: 0; }
.pts-standalone { margin: 40px auto 100px auto; }
body.pts-iframe-body .pts-wrapper { margin: 0 auto 50px auto; padding: 0; }

@keyframes ptsSmoothFadeIn { from { opacity: 0; transform: translate3d(0, 20px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }

/* Erişilebilirlik (A11y) ve Odaklanma Koruması */
.pts-wrapper a:focus-visible, 
.pts-wrapper button:focus-visible, 
.pts-wrapper [tabindex]:focus-visible,
.pts-history-item:focus-visible,
.pts-ref-input:focus-visible { 
    outline: 3px solid var(--brand-primary); 
    outline-offset: 3px; 
}

.pts-page-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 30px; border-bottom: 1px solid var(--border-line); padding-bottom: 20px; }
.pts-page-title h1 { font-family: 'Playfair Display', serif; font-size: clamp(28px, 4vw, 36px); font-weight: 800; color: var(--text-main); margin: 0 0 8px 0; letter-spacing: -0.5px; display: flex; align-items: center; gap: 12px; }
.pts-page-title h1 i { color: var(--pts-loyalty-color); font-size: 30px; }
.pts-page-title p { font-size: 14px; color: var(--text-muted); font-weight: 500; margin: 0; }

.pts-balance-card { background: var(--pts-loyalty-bg); border-radius: var(--radius-lg, 20px); padding: 40px; color: #fff; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 20px 40px color-mix(in srgb, var(--pts-loyalty-color) 25%, transparent); position: relative; overflow: hidden; margin-bottom: 20px; transition: 0.4s; }
.pts-balance-card.pts-negative-balance { background: var(--pts-negative-bg); box-shadow: 0 20px 40px color-mix(in srgb, var(--status-error, #ef4444) 25%, transparent); }
.pts-balance-card::after { content: '\f005'; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; right: -20px; top: -40px; font-size: 200px; color: #fff; opacity: 0.05; pointer-events: none; transform: rotate(15deg); }
.pts-balance-card.pts-negative-balance::after { content: '\f071'; } 

.pts-bc-left { position: relative; z-index: 2; display: flex; flex-direction: column; gap: 10px; }
.pts-bc-lbl { font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; opacity: 0.9; }
.pts-bc-val { font-size: 46px; font-weight: 800; font-family: 'Playfair Display', serif; line-height: 1; letter-spacing: -1px; }
.pts-bc-info { font-size: 13px; font-weight: 500; opacity: 0.8; margin-top: 5px; }
.pts-bc-info.pts-negative-warning { color: #fee2e2; font-weight: 700; background: rgba(0,0,0,0.2); padding: 8px 12px; border-radius: 8px; display: inline-block; width: max-content; }

.pts-stats-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-bottom: 30px; }
.pts-stat-box { background: var(--bg-card); border: 1px solid var(--border-line); border-radius: 16px; padding: 20px; text-align: center; display: flex; flex-direction: column; gap: 5px; box-shadow: var(--shadow-card); }
.pts-stat-box .pts-lbl { font-size: 12px; font-weight: 800; text-transform: uppercase; color: var(--text-muted); letter-spacing: 0.5px; }
.pts-stat-box .pts-val { font-size: 22px; font-weight: 800; color: var(--text-main); }
.pts-stat-box.pts-ref .pts-val { color: var(--pts-loyalty-color); }
.pts-stat-box.pts-earn .pts-val { color: var(--status-success, #10b981); }
.pts-stat-box.pts-spent .pts-val { color: var(--status-error, #ef4444); }

.pts-ref-banner { background: color-mix(in srgb, var(--pts-loyalty-color) 5%, transparent); border: 1px dashed color-mix(in srgb, var(--pts-loyalty-color) 30%, transparent); padding: 25px; border-radius: var(--radius-lg, 20px); margin-bottom: 40px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; }
.pts-ref-banner-info { flex: 1; min-width: 250px; }
.pts-ref-banner-info h3 { margin: 0 0 10px 0; font-size: 18px; font-weight: 800; color: var(--pts-loyalty-color); }
.pts-ref-banner-info p { margin: 0; font-size: 14px; color: var(--text-main); font-weight: 500; line-height: 1.5; opacity: 0.9; }
.pts-ref-input-group { display: flex; gap: 10px; flex: 1; min-width: 280px; max-width: 400px; }
.pts-ref-input { flex: 1; padding: 12px 15px; border-radius: 10px; border: 1px solid var(--border-line); background: var(--bg-card); color: var(--text-main); font-weight: 600; font-family: inherit; font-size: 14px; outline: none; }
.pts-ref-btn { background: var(--pts-loyalty-color); color: #fff; border: none; padding: 0 20px; border-radius: 10px; font-weight: 800; cursor: pointer; transition: 0.3s; font-family: inherit; outline: none; }
.pts-ref-btn:hover { filter: brightness(1.1); transform: translateY(-2px); box-shadow: 0 5px 15px color-mix(in srgb, var(--pts-loyalty-color) 30%, transparent); }

.pts-history-container { background: var(--bg-card); border-radius: var(--radius-lg, 20px); border: 1px solid var(--border-line); padding: 30px; box-shadow: var(--shadow-card); }
.pts-history-header { font-size: 18px; font-weight: 800; color: var(--text-main); margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid var(--border-line); }

.pts-history-list { display: flex; flex-direction: column; gap: 15px; }
.pts-history-item { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; background: color-mix(in srgb, var(--text-main) 2%, var(--bg-body)); border-radius: 14px; border: 1px solid var(--border-line); transition: 0.3s; }
.pts-history-item:hover { transform: translateX(5px); border-color: color-mix(in srgb, var(--pts-loyalty-color) 30%, transparent); }

.pts-hi-left { display: flex; align-items: center; gap: 15px; }
.pts-hi-icon { width: 45px; height: 45px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; }
.pts-hi-icon.pts-earned { background: color-mix(in srgb, var(--status-success, #10b981) 10%, transparent); color: var(--status-success, #10b981); }
.pts-hi-icon.pts-spent { background: color-mix(in srgb, var(--status-error, #ef4444) 10%, transparent); color: var(--status-error, #ef4444); }
.pts-hi-icon.pts-referral { background: color-mix(in srgb, var(--pts-loyalty-color) 10%, transparent); color: var(--pts-loyalty-color); }
.pts-hi-icon.pts-deducted { background: color-mix(in srgb, var(--status-error, #ef4444) 15%, transparent); color: var(--status-error, #ef4444); }

.pts-hi-info { display: flex; flex-direction: column; gap: 5px; }
.pts-hi-title { font-size: 14.5px; font-weight: 800; color: var(--text-main); }
.pts-hi-date { font-size: 12px; font-weight: 600; color: var(--text-muted); }

.pts-hi-amount { font-size: 16px; font-weight: 800; }
.pts-hi-amount.pts-earned { color: var(--status-success, #10b981); }
.pts-hi-amount.pts-spent, .pts-hi-amount.pts-deducted { color: var(--status-error, #ef4444); }
.pts-hi-amount.pts-referral { color: var(--pts-loyalty-color); }

.pts-empty-state { text-align: center; padding: 60px 20px; }
.pts-empty-state i { font-size: 50px; color: var(--text-muted); opacity: 0.2; margin-bottom: 20px; }
.pts-empty-state h3 { font-size: 18px; font-weight: 800; color: var(--text-main); margin-bottom: 10px; }
.pts-empty-state p { font-size: 14px; color: var(--text-muted); }

/* GÜNCELLENEN TOAST KISMI */
.pts-toast { position: fixed; bottom: 30px; left: 50%; transform: translate(-50%, 100px); background: var(--bg-card); color: var(--text-main); border: 1px solid var(--border-line); padding: 14px 25px; border-radius: 50px; font-size: 14px; font-weight: 700; display: flex; align-items: center; gap: 10px; box-shadow: 0 15px 40px rgba(0,0,0,0.3); opacity: 0; visibility: hidden; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); z-index: 99999; }
.pts-toast.active { transform: translate(-50%, 0); opacity: 1; visibility: visible; }
.pts-toast i { color: var(--status-success, #10b981); font-size: 18px; }

@media (max-width: 768px) {
    .pts-balance-card { padding: 30px 25px; flex-direction: column; align-items: flex-start; gap: 20px; }
    .pts-bc-val { font-size: 36px; }
    .pts-stats-grid { grid-template-columns: 1fr; }
    .pts-ref-input-group { flex-direction: column; }
    .pts-ref-btn { padding: 15px; }
    .pts-history-container { padding: 20px; }
    .pts-history-item { padding: 15px; flex-direction: column; align-items: flex-start; gap: 15px; }
    .pts-hi-amount { align-self: flex-start; padding-left: 60px; font-size: 14px; }
}

/* ==========================================================================
   BİTİŞ: PUANLARIM STİLLERİ
   ========================================================================== */
/* ==========================================================================
   BAŞLANGIÇ: MODÜL: HİKAYE YÖNETİMİ TAM GÜNCEL CSS (v19.2 - ULTRA PREMIUM)
   ========================================================================== */

/* 1. Kapsayıcı ve Genel Ayarlar */
.mod-hs-body-iframe { 
    background: transparent !important; 
    margin: 0; 
    padding: 20px; 
    font-family: inherit; 
    color: var(--text-main);
}
.mod-hs-body-iframe * { box-sizing: border-box; }

.mod-hs-container { max-width: 1200px; margin: 0 auto; padding: 0; }
.mod-hs-header-box { margin-bottom: 25px; display: flex; align-items: center; }
.mod-hs-page-title { font-size: 18px; margin: 0; font-weight: 800; color: var(--text-main); }
.mod-hs-page-title i { color: var(--brand-primary); margin-right: 8px; }

.mod-hs-section-title { 
    margin-top: 0; font-size: 15px; color: var(--text-main); 
    font-weight: 800; display: flex; align-items: center; gap: 8px; margin-bottom: 20px; 
}
.mod-hs-section-title i { color: var(--brand-primary); }

/* 2. Panel Arka Planları (Minimalist Dark Hissi) */
.mod-hs-settings-body { padding: 20px; background: transparent; }
.mod-hs-form-panel { background: transparent; padding: 0; }

/* 3. Tip Seçici (Dosya Yükle / URL Ekle - Turuncu Kapsül) */
.mod-hs-type-selector { 
    display: flex; gap: 10px; margin-bottom: 25px; 
    background: color-mix(in srgb, var(--bg-card) 60%, transparent); 
    padding: 6px; border-radius: 12px; border: 1px solid var(--border-line); 
}
.mod-hs-type-btn { 
    flex: 1; text-align: center; padding: 12px; font-size: 12px; font-weight: 800; 
    color: var(--text-muted); cursor: pointer; border-radius: 8px; 
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); 
    display: flex; align-items: center; justify-content: center; gap: 8px;
}
.mod-hs-type-btn:hover { color: var(--text-main); background: var(--bg-card); }
.mod-hs-type-btn.active { 
    background: var(--brand-primary, #f97316); 
    color: #ffffff; 
    box-shadow: 0 4px 20px color-mix(in srgb, var(--brand-primary) 40%, transparent); 
}

/* 4. Form Elemanları (Uppercase Etiketler ve Şeffaf Inputlar) */
.mod-hs-form-group { margin-bottom: 20px; display: flex; flex-direction: column; }
.mod-hs-form-group label { 
    font-size: 11px; font-weight: 800; color: var(--text-main); 
    margin-bottom: 10px; text-transform: uppercase; letter-spacing: 0.5px; opacity: 0.9;
}

.mod-hs-input-wrapper { 
    display: flex; align-items: center; 
    border: 1px solid color-mix(in srgb, var(--border-line) 60%, transparent); 
    border-radius: 12px; padding: 0 16px; 
    background: color-mix(in srgb, var(--bg-card) 30%, transparent); 
    width: 100%; position: relative; transition: all 0.3s ease;
}
.mod-hs-input-wrapper:focus-within {
    border-color: var(--brand-primary);
    background: color-mix(in srgb, var(--bg-card) 60%, transparent);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand-primary) 15%, transparent);
}
.mod-hs-input-wrapper i.mod-hs-field-icon { 
    position: static !important; margin-right: 12px; color: var(--text-muted); 
    font-size: 15px; flex-shrink: 0; pointer-events: none; transition: color 0.3s ease;
}
.mod-hs-input-wrapper:focus-within i.mod-hs-field-icon { color: var(--brand-primary); }

.mod-hs-input-wrapper input { 
    flex: 1; width: 100%; border: none !important; outline: none !important; 
    background: transparent !important; padding: 15px 0 !important; 
    color: var(--text-main) !important; font-size: 13.5px !important; font-weight: 500 !important;
    box-shadow: none !important; height: auto !important;
}
.mod-hs-input-wrapper input::placeholder { color: color-mix(in srgb, var(--text-muted) 60%, transparent); }

/* 5. Akıllı Sürükle-Bırak Alanı */
.mod-hs-drag-zone { 
    position: relative; width: 100%; height: 160px; 
    border: 1px solid color-mix(in srgb, var(--border-line) 50%, transparent); 
    border-radius: 16px; display: flex; flex-direction: column; align-items: center; 
    justify-content: center; text-align: center; 
    background: color-mix(in srgb, var(--bg-card) 20%, transparent); 
    transition: all 0.3s ease; overflow: hidden; cursor: pointer; 
}
.mod-hs-drag-zone:hover, .mod-hs-drag-zone.is-dragging {
    border-color: var(--brand-primary);
    background: color-mix(in srgb, var(--brand-primary) 5%, transparent);
}
.mod-hs-drag-zone input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 10; }
.mod-hs-drag-zone-content i { font-size: 32px; color: var(--brand-primary); margin-bottom: 12px; transition: transform 0.3s; }
.mod-hs-drag-zone:hover .mod-hs-drag-zone-content i { transform: translateY(-4px); }
.mod-hs-drag-zone-content p { font-size: 12px; font-weight: 600; color: var(--text-muted); margin: 0; }
.mod-hs-drag-preview { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; z-index: 5; display: none; background: var(--bg-body); }
.mod-hs-drag-zone.has-image .mod-hs-drag-zone-content { opacity: 0; }
.mod-hs-drag-zone.has-image .mod-hs-drag-preview { display: block; }
.mod-hs-drag-zone.has-image { border-color: var(--brand-primary); }

/* 6. Layout & Form Satırları */
.mod-hs-split-layout { display: flex; flex-direction: row; gap: 40px; align-items: flex-start; }
.mod-hs-split-layout > div:first-child { flex: 1; }
.mod-hs-split-layout > div:last-child { flex: 1.5; }
.mod-hs-form-row { display: flex; gap: 20px; width: 100%; }
.mod-hs-form-row > div { flex: 1; }

/* 7. Alt Kısım: Checkbox ve Kaydet Butonu (VURGULU TAM ÇÖZÜM) */
.mod-hs-checkbox-group { padding-top: 25px; display: flex; align-items: center; }
.mod-hs-checkbox-label { cursor: pointer; display: flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 800; text-transform: uppercase; color: var(--text-main); }
.mod-hs-checkbox-input { width: 16px; height: 16px; accent-color: var(--brand-primary); cursor: pointer; }

.mod-hs-btn-save { 
    width: 100%; 
    padding: 16px; 
    background: var(--brand-primary, #f97316); 
    color: #ffffff !important; 
    border: none; 
    border-radius: 12px; 
    font-weight: 800; 
    cursor: pointer; 
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); 
    font-size: 15px; 
    letter-spacing: 0.5px; 
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-shadow: 0 4px 15px color-mix(in srgb, var(--brand-primary, #f97316) 20%, transparent);
}

.mod-hs-btn-save i { color: #ffffff !important; }

.mod-hs-btn-save:hover { 
    transform: translateY(-3px); 
    box-shadow: 0 10px 25px color-mix(in srgb, var(--brand-primary, #f97316) 40%, transparent); 
    filter: brightness(1.1); 
}

/* 8. Liste ve Boş Durum (Empty State) */
.mod-hs-menu-items-list { max-height: 700px; overflow-y: auto; padding-right: 8px; }
.mod-hs-menu-items-list::-webkit-scrollbar { width: 6px; }
.mod-hs-menu-items-list::-webkit-scrollbar-track { background: transparent; }
.mod-hs-menu-items-list::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--border-line) 50%, transparent); border-radius: 10px; }

.mod-hs-empty-state { display: flex; align-items: center; gap: 10px; padding: 10px 0; color: var(--text-main); }
.mod-hs-empty-icon { font-size: 16px; opacity: 0.8; }
.mod-hs-empty-text { margin: 0; font-weight: 500; font-size: 13.5px; opacity: 0.9; }

/* 9. Hikaye Kartı İçerikleri */
.mod-hs-menu-row-card { 
    display: flex; justify-content: space-between; align-items: center; 
    padding: 15px; background: color-mix(in srgb, var(--bg-card) 40%, transparent); 
    border-radius: 14px; margin-bottom: 12px; 
    border: 1px solid color-mix(in srgb, var(--border-line) 40%, transparent); 
    transition: all 0.3s ease; 
}
.mod-hs-menu-row-card:hover { transform: translateY(-2px); border-color: var(--brand-primary); }
.mod-hs-menu-row-card.is-expired { opacity: 0.5; filter: grayscale(80%); }
.mod-hs-m-info { display: flex; gap: 15px; align-items: center; }

.story-img-preview { 
    width: 45px; height: 45px; border-radius: 50%; object-fit: cover; 
    border: 2px solid var(--brand-primary); padding: 2px; flex-shrink: 0; 
}
.mod-hs-story-title { margin: 0 0 6px 0; font-size: 13.5px; font-weight: 800; color: var(--text-main); display: flex; align-items: center; gap: 8px; }
.mod-hs-story-date { font-size: 11px; margin: 0 0 4px 0; color: var(--text-muted); font-weight: 600; display: flex; align-items: center; gap: 6px; }
.mod-hs-story-date.date-end { color: var(--status-error, #ef4444); margin: 0; }

.status-badge { font-size: 9px; font-weight: 800; padding: 4px 8px; border-radius: 6px; text-transform: uppercase; letter-spacing: 0.5px; }
.status-active { background: color-mix(in srgb, var(--status-success, #10b981) 15%, transparent); color: var(--status-success, #10b981); }
.status-passive { background: color-mix(in srgb, var(--status-error, #ef4444) 15%, transparent); color: var(--status-error, #ef4444); }
.status-expired { background: color-mix(in srgb, var(--text-muted) 20%, transparent); color: var(--text-muted); }
.status-future { background: color-mix(in srgb, var(--status-warning, #f59e0b) 15%, transparent); color: var(--status-warning, #f59e0b); }

.mod-hs-btn-del { background: color-mix(in srgb, var(--status-error, #ef4444) 15%, transparent); color: var(--status-error, #ef4444); border: none; padding: 10px 14px; border-radius: 10px; cursor: pointer; transition: 0.3s; }
.mod-hs-btn-del:hover { background: var(--status-error, #ef4444); color: #ffffff; }

/* 10. Erişilebilirlik ve Yardımcı Sınıflar */
.mod-d-none { display: none !important; }
.mod-hs-removing { opacity: 0; transform: scale(0.95); pointer-events: none; transition: all 0.3s ease; }
.mod-hs-type-btn:focus-visible, .mod-hs-drag-zone:focus-visible, .mod-hs-btn-save:focus-visible, .mod-hs-input-wrapper input:focus-visible { outline: 2px solid var(--brand-primary); outline-offset: 2px; }

/* Responsive Uyum */
@media (max-width: 992px) {
    .mod-hs-split-layout { flex-direction: column-reverse; gap: 30px; }
    .mod-hs-split-layout > div { width: 100%; flex: none; }
}
@media (max-width: 768px) {
    .mod-hs-body-iframe { padding: 10px; }
    .mod-hs-form-row { flex-direction: column; gap: 0; }
}

/* ==========================================================================
   BİTİŞ: MODÜL: HİKAYE YÖNETİMİ TAM GÜNCEL CSS (v19.2)
   ========================================================================== */
/* ==========================================================================
   BAŞLANGIÇ: MODÜL: SİPARİŞ & KARGO TAKİP (style.css İÇİN)
   Sürüm: v18.6 - Global Tema & Renk Motoruna Tam Entegre
   ========================================================================== */

/* Modüle özel, globalde bulunmayan sınır/gölge ve durum renk ayarları */
.trk-container {
    --trk-border: rgba(15, 23, 42, 0.08);
    --trk-shadow: 0 24px 50px rgba(15, 23, 42, 0.05);
    --trk-success: #059669;
    --trk-danger: #dc2626;

    font-family: 'Plus Jakarta Sans', sans-serif; 
    max-width: 800px; 
    margin: 80px auto 120px; 
    padding: 0 4%; 
    animation: trkSmoothFade 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; 
    will-change: transform, opacity; 
    transform: translateZ(0); 
}

/* Karanlık Mod İçin Modül Özel İnce Ayarları */
html[data-theme="dark"] .trk-container, 
body[data-theme="dark"] .trk-container {
    --trk-border: rgba(255, 255, 255, 0.08);
    --trk-shadow: 0 24px 50px rgba(0,0,0,0.4);
    --trk-success: #10b981;
    --trk-danger: #ef4444;
}

/* --- ERİŞİLEBİLİRLİK (A11Y) --- */
.trk-container a:focus-visible, 
.trk-container button:focus-visible, 
.trk-container input:focus-visible { 
    outline: 3px solid var(--brand-primary); 
    outline-offset: 3px; 
}

/* --- ANİMASYONLAR --- */
@keyframes trkSmoothFade { 
    from { opacity: 0; transform: translate3d(0, 20px, 0); } 
    to { opacity: 1; transform: translate3d(0, 0, 0); } 
}

/* --- BAŞLIK ALANI --- */
.trk-header-wrapper { text-align: center; margin-bottom: 40px; }
.trk-section-title { font-family: 'Playfair Display', serif; font-size: clamp(2.2rem, 4vw, 3rem); font-weight: 800; color: var(--text-main); margin-bottom: 8px; letter-spacing: -0.5px; }
.trk-section-subtitle { font-size: 13px; color: var(--text-muted); font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }
.trk-divider { display: flex; align-items: center; justify-content: center; max-width: 250px; margin: 15px auto 0; gap: 10px; }
.trk-line { height: 2px; flex: 1; border-radius: 2px; }
.trk-line.trk-left { background: linear-gradient(90deg, transparent 0%, var(--brand-primary) 100%); }
.trk-line.trk-right { background: linear-gradient(270deg, transparent 0%, var(--brand-primary) 100%); }
.trk-divider i { font-size: 18px; color: var(--brand-primary); }

/* --- KART YAPISI --- */
.trk-card { background: var(--bg-panel); border: 1px solid var(--trk-border); border-radius: var(--radius-lg, 20px); padding: 40px; box-shadow: var(--trk-shadow); position: relative; overflow: hidden; }
.trk-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, var(--brand-primary), #fb923c); }

/* --- FORM ELEMANLARI --- */
.trk-form-group { margin-bottom: 25px; }
.trk-form-group label { display: block; font-size: 12px; font-weight: 800; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 10px; cursor: pointer; }
.trk-input-wrapper { position: relative; display: flex; align-items: center; }
.trk-input-wrapper i { position: absolute; left: 18px; color: var(--text-muted); font-size: 16px; transition: 0.3s; z-index: 2; pointer-events: none; }
.trk-input { width: 100%; padding: 16px 20px 16px 50px; border: 1.5px solid var(--trk-border); border-radius: 12px; background: var(--bg-body); color: var(--text-main); font-size: 15px; font-weight: 600; outline: none; transition: 0.3s; font-family: inherit; }
.trk-input:focus { border-color: var(--brand-primary); background: var(--bg-panel); box-shadow: 0 0 0 4px rgba(249, 115, 22, 0.1); }
.trk-input:focus + i, .trk-input-wrapper:focus-within i { color: var(--brand-primary); }

.trk-btn-track { width: 100%; padding: 18px; background: var(--text-main); color: var(--bg-panel); border: none; border-radius: 12px; font-size: 15px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; transition: 0.3s; display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 10px; will-change: transform, box-shadow; outline: none; font-family: 'Plus Jakarta Sans', sans-serif;}
.trk-btn-track:hover, .trk-btn-track:focus { background: var(--brand-primary); color: #fff; transform: translate3d(0, -3px, 0); box-shadow: 0 10px 25px rgba(249, 115, 22, 0.3); }

/* --- UYARI / BİLGİ ALANLARI --- */
.trk-alert-box { padding: 15px 20px; border-radius: 12px; font-size: 13.5px; font-weight: 700; margin-bottom: 25px; display: flex; align-items: center; gap: 12px; background: rgba(239, 68, 68, 0.1); color: var(--trk-danger); border: 1px solid rgba(239, 68, 68, 0.2); animation: trkSmoothFade 0.4s ease; }
.trk-test-note { text-align: center; margin-top: 20px; font-size: 12px; font-weight: 600; color: var(--text-muted); opacity: 0.7; }

/* --- SONUÇ KARTI --- */
.trk-result-card { background: var(--bg-panel); border: 1px solid var(--trk-border); border-radius: var(--radius-lg, 20px); padding: 40px; box-shadow: var(--trk-shadow); margin-top: 30px; animation: trkSmoothFade 0.6s ease; will-change: transform, opacity; }

.trk-order-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px dashed var(--trk-border); padding-bottom: 20px; margin-bottom: 30px; }
.trk-oh-left h3 { margin: 0 0 5px 0; font-size: 20px; font-weight: 800; color: var(--text-main); }
.trk-oh-left p { margin: 0; font-size: 13px; color: var(--text-muted); font-weight: 600; }
.trk-oh-right { text-align: right; }
.trk-oh-amount { font-size: 24px; font-weight: 800; color: var(--brand-primary); font-family: 'Playfair Display', serif; }

/* --- ZAMAN ÇİZELGESİ (TIMELINE STEPPER) --- */
.trk-timeline { display: flex; justify-content: space-between; position: relative; margin: 50px 0 30px; }
.trk-timeline::before { content: ''; position: absolute; top: 20px; left: 10%; right: 10%; height: 3px; background: var(--trk-border); z-index: 1; }

.trk-step { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 12px; width: 25%; }
.trk-step-icon { width: 44px; height: 44px; border-radius: 50%; background: var(--bg-body); border: 3px solid var(--trk-border); display: flex; justify-content: center; align-items: center; color: var(--text-muted); font-size: 16px; transition: 0.4s; will-change: transform; }
.trk-step-text { font-size: 12px; font-weight: 800; color: var(--text-muted); text-align: center; text-transform: uppercase; letter-spacing: 0.5px; }

/* Timeline Durumları */
.trk-step.active .trk-step-icon { border-color: var(--brand-primary); background: var(--brand-primary); color: #fff; box-shadow: 0 0 20px rgba(249, 115, 22, 0.4); transform: scale(1.1); }
.trk-step.active .trk-step-text { color: var(--text-main); }

.trk-step.completed .trk-step-icon { border-color: var(--trk-success); background: var(--trk-success); color: #fff; }
.trk-step.completed .trk-step-text { color: var(--text-main); }

.trk-step.cancelled .trk-step-icon { border-color: var(--trk-danger); background: var(--trk-danger); color: #fff; box-shadow: 0 0 20px rgba(239, 68, 68, 0.4); transform: scale(1.1); }
.trk-step.cancelled .trk-step-text { color: var(--trk-danger); }

/* --- KARGO BİLGİ KUTUSU --- */
.trk-cargo-info-box { background: var(--bg-body); border: 1px solid var(--trk-border); border-radius: 16px; padding: 25px; display: flex; align-items: center; justify-content: space-between; margin-top: 30px; }
.trk-cargo-details { display: flex; align-items: center; gap: 15px; }
.trk-cargo-icon { width: 50px; height: 50px; border-radius: 12px; background: var(--bg-panel); color: var(--brand-primary); font-size: 20px; display: flex; align-items: center; justify-content: center; box-shadow: 0 5px 15px rgba(0,0,0,0.05); }
.trk-cargo-text h4 { margin: 0 0 3px 0; font-size: 15px; font-weight: 800; color: var(--text-main); }
.trk-cargo-text p { margin: 0; font-size: 13px; font-weight: 600; color: var(--text-muted); }

.trk-btn-cargo-link { background: var(--text-main); color: var(--bg-panel); padding: 12px 20px; border-radius: 10px; text-decoration: none; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; transition: 0.3s; display: flex; align-items: center; gap: 8px; will-change: transform, box-shadow; outline: none; }
.trk-btn-cargo-link:hover, .trk-btn-cargo-link:focus { background: var(--brand-primary); transform: translate3d(0, -2px, 0); box-shadow: 0 8px 20px rgba(249, 115, 22, 0.3); }

/* --- RESPONSIVE (MOBİL UYUM) --- */
@media (max-width: 768px) {
    .trk-card, .trk-result-card { padding: 25px 20px; }
    .trk-order-header { flex-direction: column; align-items: flex-start; gap: 15px; }
    .trk-oh-right { text-align: left; }
    
    .trk-timeline { flex-direction: column; gap: 30px; margin: 30px 0; align-items: flex-start; padding-left: 20px; }
    .trk-timeline::before { top: 0; bottom: 0; left: 42px; width: 3px; height: auto; }
    .trk-step { width: 100%; flex-direction: row; gap: 20px; text-align: left; }
    .trk-step-icon { width: 40px; height: 40px; font-size: 14px; z-index: 2; }
    .trk-step-text { text-align: left; font-size: 13px; }
    
    .trk-cargo-info-box { flex-direction: column; align-items: flex-start; gap: 20px; }
    .trk-btn-cargo-link { width: 100%; justify-content: center; }
}

/* ==========================================================================
   BİTİŞ: MODÜL: SİPARİŞ & KARGO TAKİP (style.css İÇİN)
   ========================================================================== */
/* ==========================================================================
   BAŞLANGIÇ: MODÜL: YARDIM MERKEZİ & SSS (yardim.css)
   Sürüm: v18.5 - Global Tema & Renk Motoruna Tam Entegre
   ========================================================================== */

/* Sadece yardım modülüne özel, globalde bulunmayan ince sınır/kutu ayarları */
.hlp-container { 
    --hlp-bg-inner: #f1f5f9; 
    --hlp-border: rgba(15, 23, 42, 0.08); 
    --hlp-shadow: 0 24px 50px rgba(15, 23, 42, 0.05);
    --hlp-focus-ring: rgba(249, 115, 22, 0.4);

    max-width: 1300px; 
    margin: 60px auto 120px; 
    padding: 0 4%; 
    animation: hlpSmoothFade 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; 
    will-change: transform, opacity; 
    font-family: 'Plus Jakarta Sans', sans-serif; 
}

/* Karanlık Mod İçin Modül Özel İnce Ayarları */
html[data-theme="dark"] .hlp-container, 
body[data-theme="dark"] .hlp-container {
    --hlp-bg-inner: #111115;
    --hlp-border: rgba(255, 255, 255, 0.08);
    --hlp-shadow: 0 24px 50px rgba(0,0,0,0.4);
}

/* --- ERİŞİLEBİLİRLİK (A11Y) --- */
.hlp-container button:focus-visible, 
.hlp-container a:focus-visible, 
.hlp-container input:focus-visible { 
    outline: 3px solid var(--brand-primary); 
    outline-offset: 2px; 
}

/* --- ANİMASYONLAR --- */
@keyframes hlpSmoothFade { 
    from { opacity: 0; transform: translateY(20px); } 
    to { opacity: 1; transform: translateY(0); } 
}

/* --- HERO (ÜST ARAMA ALANI) --- */
.hlp-hero { 
    text-align: center; margin-bottom: 50px; padding: 80px 20px; 
    background: var(--bg-panel); border: 1px solid var(--hlp-border); 
    border-radius: var(--radius-lg); box-shadow: var(--hlp-shadow); 
    position: relative; overflow: hidden; display: flex; 
    flex-direction: column; align-items: center; transition: all 0.4s ease; 
}
.hlp-hero::before { 
    content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; 
    background: radial-gradient(circle, rgba(249, 115, 22, 0.06) 0%, transparent 60%); 
    z-index: 1; pointer-events: none; 
}
.hlp-hero h1 { font-family: 'Playfair Display', serif; font-size: clamp(30px, 5vw, 48px); font-weight: 800; color: var(--text-main); margin: 0 0 15px 0; position: relative; z-index: 2; letter-spacing: -0.5px; }
.hlp-hero p { font-size: 15px; color: var(--text-muted); max-width: 650px; margin: 0 0 35px 0; position: relative; z-index: 2; line-height: 1.6; font-weight: 500; }

.hlp-search-wrapper { position: relative; width: 100%; max-width: 600px; z-index: 2; display: flex; align-items: center; }
.hlp-search-icon { position: absolute; left: 22px; font-size: 18px; color: var(--text-muted); transition: 0.3s; pointer-events: none; }
.hlp-search-input { width: 100%; padding: 20px 55px; border-radius: 100px; border: 2px solid var(--hlp-border); background: var(--bg-body); font-family: inherit; font-size: 15px; font-weight: 600; color: var(--text-main); outline: none; transition: all 0.3s ease; box-shadow: 0 10px 25px rgba(0,0,0,0.02); }
.hlp-search-input:focus { border-color: var(--brand-primary); background: var(--bg-panel); box-shadow: 0 0 0 4px var(--hlp-focus-ring); }
.hlp-search-input:focus ~ .hlp-search-icon { color: var(--brand-primary); }

.hlp-search-clear { position: absolute; right: 15px; background: var(--hlp-border); border: none; width: 32px; height: 32px; border-radius: 50%; color: var(--text-muted); cursor: pointer; display: none; align-items: center; justify-content: center; transition: all 0.2s ease; outline:none;}
.hlp-search-clear:hover { background: var(--brand-primary); color: #fff; }

/* --- İÇERİK IZGARASI VE YAN MENÜ --- */
.hlp-main-grid { display: grid; grid-template-columns: 280px 1fr; gap: 50px; align-items: start; position: relative; }

.hlp-sidebar { position: sticky; top: 120px; display: flex; flex-direction: column; gap: 10px; transition: opacity 0.3s ease; }
.hlp-nav-btn { display: flex; align-items: center; gap: 15px; padding: 18px 25px; border-radius: var(--radius-md); background: transparent; border: 1px solid transparent; color: var(--text-muted); font-family: inherit; font-size: 14.5px; font-weight: 700; cursor: pointer; text-align: left; transition: all 0.3s ease; outline:none;}
.hlp-nav-btn i { font-size: 18px; width: 24px; text-align: center; opacity: 0.7; transition: opacity 0.3s; }
.hlp-nav-btn:hover { background: var(--bg-panel); border-color: var(--hlp-border); color: var(--text-main); }
.hlp-nav-btn.active { background: var(--bg-panel); border-color: var(--brand-primary); color: var(--brand-primary); box-shadow: 0 10px 25px rgba(249, 115, 22, 0.1); }
.hlp-nav-btn.active i { opacity: 1; }
.hlp-nav-btn.hlp-nav-loyalty.active { border-color: var(--purple); color: var(--purple); box-shadow: 0 10px 25px rgba(139, 92, 246, 0.15); }

/* --- SSS İÇERİK ALANLARI (AKORDİYON) --- */
.hlp-content-area { display: flex; flex-direction: column; gap: 50px; }
.hlp-category-group { scroll-margin-top: 140px; }
.hlp-category-title { font-family: 'Playfair Display', serif; font-size: 26px; font-weight: 800; color: var(--text-main); margin: 0 0 25px 0; padding-bottom: 15px; border-bottom: 2px solid var(--hlp-border); display: flex; align-items: center; gap: 12px; }
.hlp-category-title i { color: var(--brand-primary); font-size: 22px; }
.hlp-category-title.hlp-title-loyalty i { color: var(--purple); }

.hlp-list { display: flex; flex-direction: column; gap: 15px; }
.hlp-item { background: var(--bg-panel); border: 1px solid var(--hlp-border); border-radius: var(--radius-md); overflow: hidden; transition: all 0.3s ease; }
.hlp-header { width: 100%; padding: 22px 25px; display: flex; justify-content: space-between; align-items: center; background: transparent; border: none; font-size: 15px; font-weight: 800; color: var(--text-main); cursor: pointer; text-align: left; font-family: inherit; line-height: 1.4; outline:none;}
.hlp-header i { font-size: 14px; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), color 0.4s ease; color: var(--text-muted); flex-shrink: 0; margin-left: 15px; }
.hlp-header:hover { color: var(--brand-primary); }
.hlp-item.hlp-loyalty-item .hlp-header:hover { color: var(--purple); }

.hlp-body { max-height: 0; overflow: hidden; transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.4s ease; background: var(--hlp-bg-inner); }
.hlp-inner { padding: 0 25px 25px; font-size: 14px; line-height: 1.8; color: var(--text-muted); font-weight: 500; }

.hlp-item.active { border-color: var(--brand-primary); box-shadow: 0 10px 25px rgba(249, 115, 22, 0.1); }
.hlp-item.active .hlp-header { color: var(--brand-primary); border-bottom: 1px solid var(--hlp-border); }
.hlp-item.active .hlp-header i { transform: rotate(180deg); color: var(--brand-primary); }

.hlp-item.hlp-loyalty-item.active { border-color: var(--purple); box-shadow: 0 10px 25px rgba(139, 92, 246, 0.1); }
.hlp-item.hlp-loyalty-item.active .hlp-header { color: var(--purple); }
.hlp-item.hlp-loyalty-item.active .hlp-header i { color: var(--purple); }

/* --- BOŞ DURUM (NO RESULTS) --- */
.hlp-no-results { display: none; text-align: center; padding: 60px 20px; background: var(--bg-panel); border-radius: var(--radius-lg); border: 1px dashed var(--hlp-border); }
.hlp-no-results i { font-size: 50px; color: var(--brand-primary); margin-bottom: 15px; opacity: 0.5; }
.hlp-no-results h3 { font-size: 20px; font-weight: 800; margin: 0 0 10px 0; color: var(--text-main); }
.hlp-no-results p { color: var(--text-muted); margin: 0; font-weight: 500; font-size: 14px; }

/* --- RESPONSIVE (MOBİL UYUM) --- */
@media (max-width: 992px) {
    .hlp-main-grid { grid-template-columns: 1fr; gap: 30px; }
    .hlp-sidebar { position: relative; top: 0; flex-direction: row; overflow-x: auto; padding-bottom: 10px; scrollbar-width: thin; scrollbar-color: var(--hlp-border) transparent; }
    .hlp-sidebar::-webkit-scrollbar { height: 6px; }
    .hlp-sidebar::-webkit-scrollbar-track { background: transparent; }
    .hlp-sidebar::-webkit-scrollbar-thumb { background: var(--hlp-border); border-radius: 10px; }
    
    .hlp-nav-btn { flex-shrink: 0; padding: 12px 20px; border: 1px solid var(--hlp-border); background: var(--bg-panel); font-size: 13.5px; }
    .hlp-hero { padding: 50px 20px; }
    .hlp-hero h1 { font-size: 28px; }
}

/* ==========================================================================
   BİTİŞ: MODÜL: YARDIM MERKEZİ & SSS (yardim.css)
   ========================================================================== */
/* ==========================================================================
   BAŞLANGIÇ: MODÜL: ARAMA SONUÇLARI / VİTRİN (search.css)
   Sürüm: v18.4 - Global Tema & Renk Motoruna Tam Entegre
   ========================================================================== */

/* Sadece arama modülüne özel, globalde bulunmayan ince sınır/kutu ayarları */
.sch-wrapper { 
    --sch-border: rgba(15, 23, 42, 0.08);
    --sch-chip-bg: rgba(15, 23, 42, 0.04);
    font-family: 'Plus Jakarta Sans', sans-serif; 
    max-width: 1700px; 
    margin: 40px auto 100px; 
    padding: 0 3%; 
    animation: schSmoothFadeIn 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; 
    will-change: transform, opacity; 
    transform: translateZ(0); 
}

/* Karanlık Mod İçin Modül Özel İnce Ayarları */
html[data-theme="dark"] .sch-wrapper, 
body[data-theme="dark"] .sch-wrapper {
    --sch-border: rgba(255, 255, 255, 0.08);
    --sch-chip-bg: rgba(255, 255, 255, 0.05);
}

/* --- ERİŞİLEBİLİRLİK (A11Y) --- */
.sch-wrapper a:focus-visible, 
.sch-wrapper button:focus-visible, 
.sch-wrapper input:focus-visible,
.sch-product-card:focus-visible,
.sch-btn-shop:focus-visible,
.sch-card-favorite:focus-visible { 
    outline: 3px solid var(--brand-primary); 
    outline-offset: 3px; 
}

/* --- ANA TAŞIYICI VE ANİMASYONLAR --- */
@keyframes schSmoothFadeIn { 
    from { opacity: 0; transform: translate3d(0, 20px, 0); } 
    to { opacity: 1; transform: translate3d(0, 0, 0); } 
}

/* --- BREADCRUMB (NAVİGASYON İZİ) --- */
.sch-breadcrumb { 
    display: flex; align-items: center; gap: 8px; font-size: 12px; 
    color: var(--text-muted); margin-bottom: 30px; font-weight: 700; 
    text-transform: uppercase; letter-spacing: 0.5px; 
}
.sch-breadcrumb a { color: var(--text-main); text-decoration: none; transition: 0.2s; outline: none; }
.sch-breadcrumb a:hover { color: var(--brand-primary); }
.sch-breadcrumb i { font-size: 10px; opacity: 0.4; }

/* --- SAYFA BAŞLIĞI --- */
.sch-page-header { margin-bottom: 40px; border-bottom: 1px solid var(--sch-border); padding-bottom: 20px; text-align: center; }
.sch-page-title { font-family: 'Playfair Display', serif; font-size: clamp(28px, 4vw, 36px); font-weight: 800; color: var(--text-main); margin: 0 0 10px 0; letter-spacing: -0.5px; }
.sch-page-title span { color: var(--brand-primary); font-style: italic; }
.sch-page-subtitle { font-size: 14.5px; color: var(--text-muted); font-weight: 600; margin: 0; }

/* --- GRID SİSTEMİ --- */
.sch-product-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 26px; }

/* --- ÜRÜN KARTI (PRODUCT CARD) --- */
.sch-product-card { 
    display: flex; flex-direction: column; background: var(--bg-panel); 
    border: 1px solid var(--sch-border); border-radius: var(--radius-md); 
    overflow: hidden; position: relative; transition: 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
    text-decoration: none; will-change: transform, box-shadow, border-color; 
    transform: translateZ(0); outline: none;
}
.sch-product-card:hover, .sch-product-card:focus-within { 
    transform: translate3d(0, -10px, 0); box-shadow: var(--shadow-card); 
    border-color: rgba(249, 115, 22, 0.4); 
}

/* Kart Tacı (Crown Header) */
.sch-card-crown-header {
    display: flex; align-items: center; justify-content: center; width: 100%; 
    padding: 12px 15px; background: var(--bg-panel);
    border-bottom: 1px solid var(--sch-border); z-index: 10; gap: 10px;
}
.sch-frame-line { height: 1.5px; flex: 1; border-radius: 2px; }
.sch-frame-left { background: linear-gradient(90deg, transparent 0%, var(--brand-primary) 100%); }
.sch-frame-right { background: linear-gradient(270deg, transparent 0%, var(--brand-primary) 100%); }
.sch-card-crown-header i { font-size: 14px; color: var(--brand-primary); filter: drop-shadow(0 2px 4px rgba(249,115,22,0.3)); }

/* Görsel Alanı & Hover Efektleri */
.sch-pc-image-wrapper { position: relative; width: 100%; aspect-ratio: 3/4; overflow: hidden; background: var(--bg-body); border-bottom: 1px solid var(--sch-border); }
.sch-pc-image-main { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; transition: opacity 0.6s ease; }
.sch-product-card:hover .sch-pc-image-main.sch-has-ghost, .sch-product-card:focus-within .sch-pc-image-main.sch-has-ghost { opacity: 0; }

.sch-ghost-img-single { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; z-index: 2; transition: opacity 0.6s ease, transform 0.8s ease; transform: scale(1.05); }
.sch-product-card:hover .sch-ghost-img-single, .sch-product-card:focus-within .sch-ghost-img-single { opacity: 1; transform: scale(1); }

.sch-pc-ghost-gallery { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; visibility: hidden; transition: opacity 0.4s ease, visibility 0.4s; background: var(--bg-body); }
.sch-product-card:hover .sch-pc-ghost-gallery, .sch-product-card:focus-within .sch-pc-ghost-gallery { opacity: 1; visibility: visible; }

.sch-ghost-img-multi { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; }
.sch-product-card:hover .sch-ghost-img-multi, .sch-product-card:focus-within .sch-ghost-img-multi { animation: schDynamicGhostFade 6s ease-in-out infinite; }

@keyframes schDynamicGhostFade {
    0%, 100% { opacity: 0; transform: scale(1); }
    15%, 35% { opacity: 1; transform: scale(1.03); }
    50%, 85% { opacity: 0; transform: scale(1.05); }
}

/* Rozetler ve Favori Butonu */
.sch-card-favorite { position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,0.9); backdrop-filter: blur(5px); display: flex; align-items: center; justify-content: center; opacity: 0; transform: scale(0.8) translateY(-10px); transition: 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); z-index: 10; color: var(--brand-secondary); cursor: pointer; box-shadow: 0 4px 15px rgba(0,0,0,0.1); border: none; outline: none; }
.sch-product-card:hover .sch-card-favorite, .sch-product-card:focus-within .sch-card-favorite { opacity: 1; transform: scale(1) translateY(0); }
.sch-card-favorite:hover { color: var(--danger); transform: scale(1.1) !important; }

.sch-pc-badges { position: absolute; top: 12px; left: 12px; display: flex; flex-direction: column; gap: 6px; z-index: 5; }
.sch-badge-pill { padding: 6px 12px; border-radius: 6px; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
.sch-badge-discount { background: var(--danger); color: #fff; }
.sch-badge-outstock { background: var(--brand-secondary); color: #fff; }

/* Hızlı İncele */
.sch-pc-quick-view { position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px; background: linear-gradient(to top, rgba(0,0,0,0.5), transparent); transform: translateY(100%); transition: 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); z-index: 6; display: flex; justify-content: center; }
.sch-product-card:hover .sch-pc-quick-view, .sch-product-card:focus-within .sch-pc-quick-view { transform: translateY(0); }
.sch-btn-quick-view { width: 100%; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); color: #000; border: none; padding: 12px; border-radius: 10px; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 10px 25px rgba(0,0,0,0.2); cursor: pointer; transition: 0.3s; outline: none; display: flex; align-items: center; justify-content: center;}
.sch-btn-quick-view:hover { background: var(--brand-primary); color: #fff; }

/* Kart İçeriği (Yazılar, Fiyatlar) */
.sch-pc-info { padding: 22px 20px; text-align: left; display: flex; flex-direction: column; flex-grow: 1; gap: 8px; }
.sch-pc-brand-row { display: flex; justify-content: space-between; align-items: center; }
.sch-pc-brand { font-size: 10.5px; font-weight: 800; color: var(--brand-primary); text-transform: uppercase; letter-spacing: 1.5px; }
.sch-pc-stock-count { font-size: 10.5px; font-weight: 700; color: var(--text-muted); padding: 4px 8px; background: var(--sch-chip-bg); border-radius: 6px; }
.sch-pc-stock-count.sch-danger-stock { color: var(--danger); background: rgba(239, 68, 68, 0.08); }

.sch-pc-title { font-size: 15px; font-weight: 700; color: var(--text-main); line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; transition: color 0.3s; margin: 0; }
.sch-product-card:hover .sch-pc-title, .sch-product-card:focus-within .sch-pc-title { color: var(--brand-primary); }

.sch-pc-description { font-size: 12px; color: var(--text-muted); font-weight: 500; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 2px; min-height: 36px; }

.sch-pc-colors-wrapper { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 6px; min-height: 24px; }
.sch-color-chip { font-size: 10px; font-weight: 700; color: var(--text-muted); padding: 4px 10px; background: var(--sch-chip-bg); border-radius: 6px; text-transform: capitalize; border: 1px solid var(--sch-border); }

.sch-pc-price-box { display: flex; align-items: baseline; gap: 10px; margin-top: auto; padding-top: 15px; border-top: 1px solid var(--sch-border); }
.sch-pc-price { font-size: 18px; font-weight: 800; color: var(--text-main); letter-spacing: -0.5px; }
.sch-pc-price.sch-old { font-size: 13px; color: var(--text-muted); text-decoration: line-through; font-weight: 600; opacity: 0.7; }
.sch-pc-price.sch-new { color: var(--danger); }

/* --- BOŞ DURUM (EMPTY STATE) --- */
.sch-empty-state { text-align: center; padding: 100px 20px; background: var(--bg-panel); border-radius: 24px; border: 1px solid var(--sch-border); box-shadow: var(--shadow-card); }
.sch-empty-state i { font-size: 70px; color: var(--text-muted); opacity: 0.2; margin-bottom: 25px; }
.sch-empty-state h2 { font-family: 'Playfair Display', serif; font-size: 28px; font-weight: 800; color: var(--text-main); margin-bottom: 12px; }
.sch-empty-state p { font-size: 15px; color: var(--text-muted); font-weight: 500; margin-bottom: 30px; }

.sch-btn-shop { display: inline-flex; align-items: center; gap: 10px; padding: 16px 35px; background: var(--text-main); color: var(--bg-body); border-radius: 100px; font-size: 14px; font-weight: 800; text-decoration: none; transition: 0.3s; text-transform: uppercase; letter-spacing: 0.5px; outline: none; }
.sch-btn-shop:hover { background: var(--brand-primary); color: #fff; transform: translateY(-3px); box-shadow: 0 10px 25px rgba(249, 115, 22, 0.3); }

/* --- BİLDİRİM (TOAST) --- */
.sch-quick-toast { position:fixed; bottom:30px; right:30px; background:var(--text-main); color:var(--bg-panel); padding:15px 25px; border-radius:12px; font-weight:700; font-size:14px; opacity:0; visibility:hidden; transition:0.3s; z-index:9999; display:flex; align-items:center; gap:10px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); will-change: opacity, visibility; font-family: 'Plus Jakarta Sans', sans-serif; }
.sch-quick-toast i { color: var(--danger); }

/* --- RESPONSIVE (MOBİL UYUM) --- */
@media (max-width: 1400px) { .sch-product-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 1050px) { .sch-product-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 768px) {
    .sch-wrapper { padding: 0 4%; margin-top: 20px; }
    .sch-page-title { font-size: 24px; }
    .sch-product-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; } 
    .sch-product-card { border-radius: var(--radius-sm); }
    .sch-card-crown-header { padding: 8px 10px; gap: 6px; }
    .sch-card-crown-header i { font-size: 11px; }
    .sch-pc-info { padding: 12px 10px; gap: 5px; }
    .sch-pc-title { font-size: 12.5px; line-height: 1.3; }
    .sch-pc-description { display: none; } 
    .sch-pc-price { font-size: 15px; }
    .sch-pc-price.sch-old { font-size: 11px; }
    .sch-pc-brand { font-size: 9px; }
    .sch-pc-stock-count { font-size: 9px; padding: 2px 6px; border-radius: 4px; }
    .sch-color-chip { font-size: 9px; padding: 2px 6px; border-radius: 4px; }
    .sch-badge-pill { padding: 4px 8px; font-size: 9px; border-radius: 4px; }
    .sch-card-favorite { opacity: 1; transform: scale(1) translateY(0); top: 8px; right: 8px; width: 30px; height: 30px; font-size: 12px; }
    .sch-pc-quick-view { display: none; } 
}

/* ==========================================================================
   BİTİŞ: MODÜL: ARAMA SONUÇLARI / VİTRİN (search.css)
   ========================================================================== */
/* ==========================================================================
   BAŞLANGIÇ: SİPARİŞ GEÇMİŞİ STİLLERİ (siparislerim.php İÇİN)
   SÜRÜM: v19.5 - GLOBAL TEMA ENTEGRELİ (Zero-Inline Core)
   ========================================================================== */

/* İframe içi kullanım için gövde sıfırlaması */
body.ord-iframe-body { background: transparent !important; color: var(--text-main); font-family: 'Plus Jakarta Sans', sans-serif; transition: 0.4s ease; margin: 0; padding: 0; }

.ord-wrapper * { box-sizing: border-box; }

/* Erişilebilirlik (A11y) ve Odaklanma Koruması */
.ord-wrapper a:focus-visible, 
.ord-wrapper button:focus-visible, 
.ord-wrapper [tabindex]:focus-visible,
.ord-header:focus-visible,
.ord-btn-copy:focus-visible,
.ord-btn-shop:focus-visible { 
    outline: 3px solid var(--brand-primary); 
    outline-offset: 3px; 
}

/* Ana Kapsayıcı ve Animasyonlar */
.ord-wrapper { font-family: 'Plus Jakarta Sans', sans-serif; max-width: 1100px; margin: 40px auto 50px auto; padding: 0 4%; animation: ordSmoothFadeIn 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; will-change: transform, opacity; transform: translateZ(0); }
.ord-standalone { margin: 40px auto 100px auto; }
body.ord-iframe-body .ord-wrapper { margin: 0 auto 50px auto; padding: 0; }

@keyframes ordSmoothFadeIn { from { opacity: 0; transform: translate3d(0, 20px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }

/* Breadcrumb */
.ord-breadcrumb { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--text-muted); margin-bottom: 30px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; }
.ord-breadcrumb a { color: var(--text-main); text-decoration: none; transition: 0.2s; outline: none; }
.ord-breadcrumb a:hover { color: var(--brand-primary); }
.ord-breadcrumb i { font-size: 10px; opacity: 0.4; }

/* Başarı Bildirimi (Pop-down) */
.ord-success-banner { background: color-mix(in srgb, var(--status-success, #10b981) 10%, transparent); border: 1px solid color-mix(in srgb, var(--status-success, #10b981) 30%, transparent); border-radius: 16px; padding: 20px 25px; margin-bottom: 30px; display: flex; align-items: center; gap: 15px; animation: ordPopDown 0.5s cubic-bezier(0.16, 1, 0.3, 1); will-change: transform, opacity; }
@keyframes ordPopDown { 0% { transform: translate3d(0, -20px, 0); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } }
.ord-success-banner i { font-size: 28px; color: var(--status-success, #10b981); }
.ord-success-banner div h3 { margin: 0 0 5px 0; font-size: 16px; font-weight: 800; color: var(--status-success, #10b981); }
.ord-success-banner div p { margin: 0; font-size: 14px; font-weight: 600; color: var(--text-main); }

/* Sayfa Başlığı */
.ord-page-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 40px; border-bottom: 1px solid var(--border-line); padding-bottom: 20px; }
.ord-page-title h1 { font-family: 'Playfair Display', serif; font-size: clamp(28px, 4vw, 36px); font-weight: 800; color: var(--text-main); margin: 0 0 8px 0; letter-spacing: -0.5px; }

/* Aksiyon Butonları */
.ord-header-action { display: flex; gap: 10px; }
.ord-btn-outline { padding: 10px 20px; border: 1.5px solid var(--border-line); border-radius: 10px; background: var(--bg-card); color: var(--text-main); font-size: 13px; font-weight: 800; cursor: pointer; transition: 0.3s; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; outline: none; font-family: 'Plus Jakarta Sans', sans-serif;}
.ord-btn-outline:hover { border-color: var(--brand-primary); color: var(--brand-primary); }

/* Sipariş Listesi */
.ord-list { display: flex; flex-direction: column; gap: 20px; }

/* Sipariş Kartı (Premium Box Shadow) */
.ord-card { background: var(--bg-card); border: 1px solid var(--border-line); border-radius: var(--radius-lg, 20px); overflow: hidden; transition: border-color 0.3s ease, box-shadow 0.3s ease; box-shadow: var(--shadow-card); display: flex; flex-direction: column; will-change: border-color, box-shadow; }
.ord-card:hover, .ord-card:focus-within { border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent); }

/* Kart Üst Bilgi (Tıklanabilir Alan) */
.ord-header { padding: 25px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px; background: var(--bg-card); cursor: pointer; user-select: none; transition: background 0.3s; outline: none; }
.ord-header:hover { background: color-mix(in srgb, var(--text-main) 2%, var(--bg-card)); }

.ord-meta { display: flex; gap: 40px; flex-wrap: wrap; }
.ord-meta-item { display: flex; flex-direction: column; gap: 5px; }
.ord-meta-lbl { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-muted); }
.ord-meta-val { font-size: 15px; font-weight: 800; color: var(--text-main); }
.ord-price { color: var(--brand-primary); font-size: 16px; }

/* Dinamik Durum Rozetleri */
.ord-status-badge { padding: 6px 14px; border-radius: 8px; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; display: inline-flex; align-items: center; gap: 6px; }
.ord-status-pending { background: color-mix(in srgb, var(--status-warning, #f59e0b) 10%, transparent); color: var(--status-warning, #f59e0b); }
.ord-status-shipped { background: color-mix(in srgb, var(--status-info, #3b82f6) 10%, transparent); color: var(--status-info, #3b82f6); }
.ord-status-completed { background: color-mix(in srgb, var(--status-success, #10b981) 10%, transparent); color: var(--status-success, #10b981); }
.ord-status-cancelled { background: color-mix(in srgb, var(--status-error, #ef4444) 10%, transparent); color: var(--status-error, #ef4444); }

/* Aç/Kapat Butonu (Toggle) */
.ord-btn-toggle { background: var(--bg-body); border: 1px solid var(--border-line); width: 40px; height: 40px; border-radius: 50%; color: var(--text-main); display: flex; align-items: center; justify-content: center; font-size: 14px; cursor: pointer; transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1); flex-shrink: 0; will-change: transform, background-color; }
.ord-card.active .ord-btn-toggle { transform: rotate(180deg); background: var(--brand-primary); color: #fff; border-color: var(--brand-primary); }

/* Kart İçi Detaylar Akordeon Etkisi */
.ord-details-wrapper { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.4s cubic-bezier(0.16, 1, 0.3, 1), background 0.3s; background: color-mix(in srgb, var(--text-main) 1%, var(--bg-body)); border-top: 1px solid transparent; }
.ord-card.active .ord-details-wrapper { grid-template-rows: 1fr; border-top-color: var(--border-line); }

.ord-details-inner { overflow: hidden; }
.ord-details-grid { padding: 30px; display: grid; grid-template-columns: 2fr 1fr; gap: 40px; }

/* İçerik: Satın Alınan Ürünler */
.ord-items { display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px; }
.ord-item { display: flex; gap: 15px; align-items: center; background: var(--bg-card); padding: 15px; border-radius: 12px; border: 1px solid var(--border-line); }

.ord-item-img-wrapper { display: block; flex-shrink: 0; outline: none; }
.ord-item-img { width: 60px; height: 80px; border-radius: 8px; object-fit: cover; border: 1px solid var(--border-line); background: var(--bg-body); transition: 0.3s; }
.ord-item-img-wrapper:hover .ord-item-img, .ord-item-img-wrapper:focus .ord-item-img { border-color: var(--brand-primary); opacity: 0.9; }

.ord-item-info { flex: 1; }
.ord-item-brand { font-size: 9px; font-weight: 800; color: var(--brand-primary); text-transform: uppercase; letter-spacing: 1px; display: block; margin-bottom: 4px; }
.ord-item-title { font-size: 14px; font-weight: 800; color: var(--text-main); margin: 0 0 5px 0; }

.ord-item-title a { color: inherit; text-decoration: none; transition: color 0.2s ease; outline: none; }
.ord-item-title a:hover, .ord-item-title a:focus { color: var(--brand-primary); }

.ord-item-vars { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 5px; }
.ord-item-vars span { font-size: 10px; font-weight: 700; color: var(--text-muted); background: color-mix(in srgb, var(--text-main) 4%, transparent); padding: 2px 8px; border-radius: 4px; border: 1px solid var(--border-line); }
.ord-item-price { font-size: 15px; font-weight: 800; color: var(--text-main); text-align: right; }

/* Fatura Özeti */
.ord-invoice-summary { background: var(--bg-card); padding: 25px; border-radius: 12px; border: 1px solid var(--border-line); }
.ord-inv-row { display: flex; justify-content: space-between; font-size: 13.5px; color: var(--text-muted); font-weight: 600; margin-bottom: 12px; }
.ord-val { color: var(--text-main); font-weight: 700; }

.ord-pm { border-bottom: 1px solid var(--border-line); padding-bottom: 15px; margin-bottom: 15px; }
.ord-pm .ord-val { background: color-mix(in srgb, var(--status-info, #3b82f6) 10%, transparent); color: var(--status-info, #3b82f6); padding: 4px 10px; border-radius: 6px; font-size: 12px; display: inline-flex; align-items: center; gap: 8px; }

.ord-shipping { border-bottom: 1px dashed var(--border-line); padding-bottom: 15px; margin-bottom: 15px; }
.ord-shipping .ord-free { color: var(--status-success, #10b981); }
.ord-total { font-size: 16px; font-weight: 800; color: var(--text-main); margin-bottom: 0; align-items: center; }
.ord-total .ord-val { font-size: 24px; color: var(--brand-primary); letter-spacing: -0.5px; }

/* Yan Bar (Kargo, IBAN, Adres) */
.ord-sidebar { display: flex; flex-direction: column; gap: 20px; }

.ord-tracking-box { background: color-mix(in srgb, var(--status-info, #3b82f6) 5%, transparent); border: 1px dashed color-mix(in srgb, var(--status-info, #3b82f6) 30%, transparent); padding: 20px; border-radius: 12px; }
.ord-tracking-box h4 { margin: 0 0 10px 0; font-size: 13px; font-weight: 800; color: var(--status-info, #3b82f6); text-transform: uppercase; display: flex; align-items: center; gap: 8px; }
.ord-tracking-company { font-size: 12px; font-weight: 700; color: var(--text-main); margin-bottom: 6px; display: block; opacity: 0.8; }
.ord-tracking-no { font-size: 18px; font-weight: 800; color: var(--text-main); letter-spacing: 1px; display: flex; align-items: center; justify-content: space-between; }

.ord-btn-copy { background: var(--bg-card); border: 1px solid var(--border-line); color: var(--text-muted); width: 30px; height: 30px; border-radius: 8px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.2s; font-size: 12px; outline: none; }
.ord-btn-copy:hover { background: var(--brand-primary); color: #fff; border-color: var(--brand-primary); }

.ord-address { background: var(--bg-card); padding: 25px; border-radius: 12px; border: 1px solid var(--border-line); height: max-content; }
.ord-address-title { font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-main); margin: 0 0 15px 0; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid var(--border-line); padding-bottom: 15px; }
.ord-address-title i { color: var(--brand-primary); font-size: 16px; }
.ord-address-text { font-size: 13.5px; color: var(--text-muted); line-height: 1.8; font-weight: 600; margin: 0; }

.ord-iban-info-box { background: color-mix(in srgb, var(--status-info, #3b82f6) 5%, transparent); border: 1px dashed color-mix(in srgb, var(--status-info, #3b82f6) 40%, transparent); padding: 20px; border-radius: 12px; }
.ord-iban-info-box h4 { margin: 0; font-size: 13px; font-weight: 800; color: var(--status-info, #3b82f6); text-transform: uppercase; display: flex; align-items: center; gap: 8px; }

.ord-copy-row { display: flex; justify-content: space-between; align-items: center; background: var(--bg-card); padding: 12px 15px; border-radius: 10px; border: 1px solid var(--border-line); transition: 0.3s; margin-bottom: 10px;}
.ord-copy-row:last-child { margin-bottom: 0; }
.ord-copy-row:hover { border-color: var(--brand-primary); }
.ord-copy-label { font-size: 11px; color: var(--text-muted); font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 4px; }
.ord-copy-value { font-size: 14px; font-weight: 700; color: var(--text-main); }

/* Hiç Sipariş Yoksa (Boş Durum) */
.ord-empty-state { text-align: center; padding: 100px 20px; background: var(--bg-card); border-radius: var(--radius-lg, 20px); border: 1px solid var(--border-line); box-shadow: var(--shadow-card); }
.ord-empty-state i { font-size: 70px; color: var(--text-muted); opacity: 0.2; margin-bottom: 25px; }
.ord-empty-state h2 { font-family: 'Playfair Display', serif; font-size: 28px; font-weight: 800; color: var(--text-main); margin-bottom: 12px; }
.ord-empty-state p { font-size: 15px; color: var(--text-muted); font-weight: 500; margin-bottom: 30px; }
.ord-btn-shop { display: inline-flex; align-items: center; gap: 10px; padding: 16px 35px; background: var(--text-main); color: var(--bg-body); border-radius: 100px; font-size: 14px; font-weight: 800; text-decoration: none; transition: 0.3s; text-transform: uppercase; letter-spacing: 0.5px; will-change: transform; outline: none; font-family: 'Plus Jakarta Sans', sans-serif;}
.ord-btn-shop:hover { background: var(--brand-primary); color: #fff; transform: translate3d(0, -3px, 0); box-shadow: 0 10px 25px color-mix(in srgb, var(--brand-primary) 30%, transparent); }

/* Kopyalandı Bildirimi */
.ord-copy-toast { position: fixed; bottom: 20px; right: 20px; background: var(--status-success, #10b981); color: #fff; padding: 12px 20px; border-radius: 10px; font-weight: 700; opacity: 0; visibility: hidden; transition: 0.3s cubic-bezier(0.16, 1, 0.3, 1); z-index: 9999; display: flex; align-items: center; gap: 8px; will-change: transform, opacity; transform: translateY(20px); font-family: 'Plus Jakarta Sans', sans-serif;}
.ord-copy-toast.active { opacity: 1; visibility: visible; transform: translateY(0); }

/* Mobil Uyumluluk */
@media (max-width: 992px) {
    .ord-details-grid { grid-template-columns: 1fr; gap: 25px; padding: 20px; }
}
@media (max-width: 768px) {
    .ord-page-header { flex-direction: column; align-items: flex-start; gap: 20px; }
    .ord-meta { gap: 20px; width: 100%; justify-content: space-between; }
    .ord-meta-item:nth-child(3) { display: none; } 
    .ord-header { padding: 20px; }
    .ord-success-banner { flex-direction: column; text-align: center; }
}

/* ==========================================================================
   BİTİŞ: SİPARİŞ GEÇMİŞİ STİLLERİ
   ========================================================================== */
/* ==========================================================================
   BAŞLANGIÇ: YÖNETİCİ PANELİ - SÜRPRİZ ÇARK MODÜLÜ (mod-wheel-admin)
   ========================================================================== */

.mod-wheel-admin-wrapper {
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: var(--text-main);
    animation: fadeIn 0.4s ease-out;
}

/* Üst Başlık */
.mod-wheel-admin-header {
    margin-bottom: 25px;
}
.mod-wheel-admin-title h1 {
    font-size: 24px;
    font-weight: 800;
    margin: 0 0 8px 0;
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--text-main);
}
.mod-wheel-admin-title p {
    margin: 0;
    font-size: 14px;
    color: var(--text-muted);
    font-weight: 500;
}

/* İstatistik Kartları */
.mod-wheel-stats-top {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}
.mod-wheel-stat-box {
    flex: 1;
    background: var(--bg-panel);
    border: 1px solid var(--border-line);
    padding: 20px;
    border-radius: var(--radius-lg, 12px);
    display: flex;
    align-items: center;
    gap: 18px;
    box-shadow: 0 4px 6px -1px color-mix(in srgb, var(--text-main) 5%, transparent);
    transition: transform 0.3s ease;
}
.mod-wheel-stat-box:hover {
    transform: translateY(-3px);
}
.mod-wheel-stat-box i {
    font-size: 32px;
    color: var(--brand-primary, #4f46e5);
    background: color-mix(in srgb, var(--brand-primary, #4f46e5) 10%, transparent);
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
}
.mod-wheel-stat-box div h4 {
    margin: 0 0 4px 0;
    font-size: 24px;
    font-weight: 800;
    color: var(--text-main);
}
.mod-wheel-stat-box div p {
    margin: 0;
    font-size: 13px;
    color: var(--text-muted);
    font-weight: 600;
}

/* Grid Yerleşimi */
.mod-wheel-admin-grid {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 25px;
    align-items: start;
}

/* Kart Genel Yapısı */
.mod-wheel-card {
    background: var(--bg-panel);
    border-radius: var(--radius-lg, 12px);
    padding: 25px;
    box-shadow: 0 4px 6px -1px color-mix(in srgb, var(--text-main) 5%, transparent);
    border: 1px solid var(--border-line);
    margin-bottom: 25px;
}
.mod-wheel-card-title {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 20px 0;
    border-bottom: 1px solid var(--border-line);
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--text-main);
}
.mod-wheel-card-title i {
    color: var(--text-muted);
}

/* Form Elemanları */
.mod-wheel-form-group {
    margin-bottom: 20px;
}
.mod-wheel-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}
.mod-wheel-form-group label {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: var(--text-muted);
    margin-bottom: 8px;
}
.mod-wheel-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}
.mod-wheel-input-wrapper i {
    position: absolute;
    left: 15px;
    color: var(--text-muted);
    font-size: 14px;
}
.mod-wheel-input {
    width: 100%;
    padding: 12px 15px 12px 40px;
    border: 1px solid var(--border-line);
    border-radius: 8px;
    background: var(--bg-body);
    color: var(--text-main);
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
}
.mod-wheel-input:focus {
    outline: none;
    border-color: var(--brand-primary, #4f46e5);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-primary, #4f46e5) 15%, transparent);
}
.mod-wheel-select {
    cursor: pointer;
    appearance: none;
}

/* Toggle Switch (Sistem Aç/Kapat) */
.mod-wheel-switch-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--border-line);
}
.mod-wheel-switch-texts strong {
    display: block;
    font-size: 15px;
    font-weight: 800;
    margin-bottom: 4px;
    color: var(--text-main);
}
.mod-wheel-switch-texts span {
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 500;
}
.mod-wheel-switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 26px;
}
.mod-wheel-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.mod-wheel-slider {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background-color: var(--border-line);
    transition: .4s;
    border-radius: 34px;
}
.mod-wheel-slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.mod-wheel-switch input:checked + .mod-wheel-slider {
    background-color: #10b981;
}
.mod-wheel-switch input:checked + .mod-wheel-slider:before {
    transform: translateX(24px);
}

/* Submit Buton */
.mod-wheel-btn-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 14px;
    background: var(--text-main);
    color: var(--bg-panel);
    border: none;
    border-radius: 8px;
    font-weight: 800;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: inherit;
}
.mod-wheel-btn-submit:hover:not(:disabled) {
    background: var(--brand-primary, #4f46e5);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px color-mix(in srgb, var(--brand-primary, #4f46e5) 30%, transparent);
}
.mod-wheel-btn-submit:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Olasılık Metresi (Probability Bar) */
.mod-wheel-prob-container {
    margin-bottom: 25px;
    background: color-mix(in srgb, var(--text-main) 3%, transparent);
    padding: 15px;
    border-radius: 8px;
    border: 1px solid var(--border-line);
}
.mod-wheel-prob-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 700;
}
.mod-wheel-prob-title { color: var(--text-muted); }
.mod-wheel-prob-status.success { color: #10b981; }
.mod-wheel-prob-status.warning { color: #f59e0b; }
.mod-wheel-prob-status.danger { color: #ef4444; }
.mod-wheel-prob-track {
    background: var(--bg-body);
    border-radius: 6px;
    height: 10px;
    overflow: hidden;
    border: 1px solid var(--border-line);
}
.mod-wheel-prob-bar {
    height: 100%;
    transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.mod-wheel-prob-bar.success { background: #10b981; }
.mod-wheel-prob-bar.warning { background: #f59e0b; }
.mod-wheel-prob-bar.danger { background: #ef4444; }

/* Tablo Yapısı */
.mod-wheel-table-responsive {
    overflow-x: auto;
    width: 100%;
}
.mod-wheel-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}
.mod-wheel-table th, .mod-wheel-table td {
    padding: 15px;
    text-align: left;
    border-bottom: 1px solid var(--border-line);
    vertical-align: middle;
}
.mod-wheel-table th {
    font-weight: 700;
    color: var(--text-muted);
    background: var(--bg-body);
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.mod-wheel-table tr:last-child td { border-bottom: none; }
.mod-wheel-table tbody tr { transition: background 0.3s; }
.mod-wheel-table tbody tr:hover { background: color-mix(in srgb, var(--brand-primary, #4f46e5) 3%, transparent); }
.text-right { text-align: right !important; }

/* Tablo İçerikleri & Rozetler */
.mod-wheel-badge {
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.mod-wheel-badge-coupon {
    background: color-mix(in srgb, #10b981 10%, transparent);
    color: #10b981;
}
.mod-wheel-badge-empty {
    background: color-mix(in srgb, var(--text-muted) 15%, transparent);
    color: var(--text-muted);
}
.mod-wheel-btn-icon.delete {
    background: color-mix(in srgb, #ef4444 10%, transparent);
    color: #ef4444;
    border: none;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.3s;
}
.mod-wheel-btn-icon.delete:hover {
    background: #ef4444;
    color: white;
    transform: scale(1.05);
}

.mod-wheel-user-name { font-weight: 800; color: var(--text-main); margin-bottom: 2px; }
.mod-wheel-user-email { font-size: 12px; color: var(--text-muted); font-weight: 500; }
.mod-wheel-date-text { font-size: 13px; color: var(--text-muted); font-weight: 600; }

.mod-wheel-empty-state {
    text-align: center !important;
    padding: 40px 20px !important;
}
.mod-wheel-empty-state i {
    font-size: 40px;
    color: var(--border-line);
    margin-bottom: 15px;
}
.mod-wheel-empty-state p {
    margin: 0;
    color: var(--text-muted);
    font-weight: 600;
}


/* ==========================================================================
   YENİ EKLENEN: SÜRPRİZ ÇARK - SEKMELİ YAPI (TABS)
   ========================================================================== */
.mod-wheel-tabs-container {
    width: 100%;
}
.mod-wheel-tabs {
    display: flex;
    gap: 10px;
    margin-bottom: 25px;
    border-bottom: 2px solid var(--border-line);
    padding-bottom: 2px;
}
.mod-wheel-tab-btn {
    background: transparent;
    border: none;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 700;
    color: var(--text-muted);
    cursor: pointer;
    border-radius: 8px 8px 0 0;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    font-family: inherit;
}
.mod-wheel-tab-btn:hover {
    color: var(--brand-primary, #4f46e5);
    background: color-mix(in srgb, var(--brand-primary, #4f46e5) 5%, transparent);
}
.mod-wheel-tab-btn.active {
    color: var(--brand-primary, #4f46e5);
    background: color-mix(in srgb, var(--brand-primary, #4f46e5) 10%, transparent);
}
.mod-wheel-tab-btn.active::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 3px;
    background: var(--brand-primary, #4f46e5);
    border-radius: 4px;
}
.mod-wheel-tab-content {
    display: none;
    animation: fadeInTab 0.3s ease-out;
}
.mod-wheel-tab-content.active {
    display: block;
}

@keyframes fadeInTab {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Animasyonlar (Genel) */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Mobil Uyumluluk */
@media (max-width: 1024px) {
    .mod-wheel-admin-grid { grid-template-columns: 1fr; }
    .mod-wheel-stats-top { flex-direction: column; }
}

@media (max-width: 768px) {
    .mod-wheel-tabs { flex-wrap: wrap; }
    .mod-wheel-tab-btn { flex: 1; justify-content: center; text-align: center; }
}

/* ==========================================================================
   BİTİŞ: YÖNETİCİ PANELİ - SÜRPRİZ ÇARK MODÜLÜ (mod-wheel-admin)
   ========================================================================== */
/* ==========================================================================
   BAŞLANGIÇ: TRENDLER VİTRİNİ (trendler.php İÇİN)
   Mimari: GLOBAL VARIABLE ENTEGRASYONU (Dark/Light Mod Globalden Çekilir)
   ========================================================================== */

.trnd-wrapper a:focus-visible, 
.trnd-wrapper button:focus-visible,
.trnd-product-card:focus-visible,
.trnd-card-favorite:focus-visible,
.trnd-btn-quick-view:focus-visible { 
    outline: 3px solid var(--brand-primary); 
    outline-offset: 3px; 
}

.trnd-wrapper { font-family: 'Plus Jakarta Sans', sans-serif; max-width: 1400px; margin: 60px auto 100px; padding: 0 4%; animation: trndSmoothFade 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; will-change: transform, opacity; transform: translateZ(0); }
@keyframes trndSmoothFade { from { opacity: 0; transform: translate3d(0, 20px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }

.trnd-header-wrapper { text-align: center; margin-bottom: 50px; }
.trnd-section-title { font-family: 'Playfair Display', serif; font-size: clamp(2.5rem, 4vw, 3.5rem); font-weight: 800; color: var(--text-main); margin-bottom: 8px; letter-spacing: -0.5px; }
.trnd-section-subtitle { font-size: 13px; color: var(--text-muted); font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }

.trnd-divider { display: flex; align-items: center; justify-content: center; max-width: 250px; margin: 15px auto 0; gap: 10px; }
.trnd-line { height: 2px; flex: 1; border-radius: 2px; }
.trnd-line.trnd-left { background: linear-gradient(90deg, transparent 0%, var(--brand-primary) 100%); }
.trnd-line.trnd-right { background: linear-gradient(270deg, transparent 0%, var(--brand-primary) 100%); }
.trnd-divider i { font-size: 18px; color: var(--brand-primary); }

.trnd-product-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 26px; }

.trnd-product-card { display: flex; flex-direction: column; background: var(--bg-panel); border: 1px solid var(--border-color); border-radius: 16px; overflow: hidden; position: relative; transition: 0.5s cubic-bezier(0.2, 0.8, 0.2, 1); text-decoration: none; will-change: transform, box-shadow; transform: translateZ(0); outline: none; }
.trnd-product-card:hover, .trnd-product-card:focus-within { transform: translate3d(0, -10px, 0); box-shadow: 0 15px 40px color-mix(in srgb, var(--text-main) 10%, transparent); border-color: color-mix(in srgb, var(--brand-primary) 40%, transparent); }

/* Taç Detayı (Kartın En Üstü) */
.trnd-card-crown-header { display: flex; align-items: center; justify-content: center; width: 100%; padding: 12px 15px; background: var(--bg-panel); border-bottom: 1px solid var(--border-color); gap: 10px; }
.trnd-frame-line { height: 1.5px; flex: 1; border-radius: 2px; }
.trnd-frame-left { background: linear-gradient(90deg, transparent 0%, var(--brand-primary) 100%); }
.trnd-frame-right { background: linear-gradient(270deg, transparent 0%, var(--brand-primary) 100%); }
.trnd-card-crown-header i { font-size: 14px; color: var(--brand-primary); filter: drop-shadow(0 2px 4px color-mix(in srgb, var(--brand-primary) 30%, transparent)); }

/* Görsel Alanı */
.trnd-pc-image-wrapper { position: relative; width: 100%; aspect-ratio: 3/4; overflow: hidden; background: var(--bg-body); border-bottom: 1px solid var(--border-color); }
.trnd-pc-image-main { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.6s ease; z-index: 1; }
.trnd-product-card:hover .trnd-pc-image-main.trnd-has-ghost, .trnd-product-card:focus-within .trnd-pc-image-main.trnd-has-ghost { opacity: 0; }

.trnd-ghost-img-single { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; z-index: 2; transition: opacity 0.6s ease, transform 0.8s ease; transform: scale(1.05); }
.trnd-product-card:hover .trnd-ghost-img-single, .trnd-product-card:focus-within .trnd-ghost-img-single { opacity: 1; transform: scale(1); }

.trnd-pc-ghost-gallery { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; visibility: hidden; transition: opacity 0.4s ease, visibility 0.4s; background: var(--bg-body); }
.trnd-product-card:hover .trnd-pc-ghost-gallery, .trnd-product-card:focus-within .trnd-pc-ghost-gallery { opacity: 1; visibility: visible; }

.trnd-ghost-img-multi { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; }
.trnd-product-card:hover .trnd-ghost-img-multi, .trnd-product-card:focus-within .trnd-ghost-img-multi { animation: trndDynamicGhostFade 6s ease-in-out infinite; }

@keyframes trndDynamicGhostFade {
    0%, 100% { opacity: 0; transform: scale(1); }
    15%, 35% { opacity: 1; transform: scale(1.03); }
    50%, 85% { opacity: 0; transform: scale(1.05); }
}

/* Rozetler ve İkonlar */
.trnd-pc-badges { position: absolute; top: 12px; left: 12px; display: flex; flex-direction: column; gap: 6px; z-index: 5; }
.trnd-badge-pill { padding: 6px 12px; border-radius: 6px; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
.trnd-badge-trend { background: var(--brand-primary); color: #ffffff; box-shadow: 0 4px 12px color-mix(in srgb, var(--brand-primary) 40%, transparent); } 
.trnd-badge-discount { background: var(--danger-color); color: #ffffff; box-shadow: 0 4px 12px color-mix(in srgb, var(--danger-color) 40%, transparent); }

/* Favori Butonu */
.trnd-card-favorite { position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; border-radius: 50%; background: color-mix(in srgb, var(--bg-panel) 90%, transparent); backdrop-filter: blur(5px); display: flex; align-items: center; justify-content: center; opacity: 0; transform: scale(0.8) translateY(-10px); transition: 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); z-index: 10; color: var(--text-main); cursor: pointer; box-shadow: 0 4px 15px rgba(0,0,0,0.1); border: 1px solid var(--border-color); outline: none; }
.trnd-product-card:hover .trnd-card-favorite, .trnd-product-card:focus-within .trnd-card-favorite { opacity: 1; transform: scale(1) translateY(0); }
.trnd-card-favorite:hover, .trnd-card-favorite:focus-visible { color: var(--danger-color); transform: scale(1.1); }
.trnd-fav-active { color: var(--danger-color) !important; }

/* Hızlı İnceleme */
.trnd-pc-quick-view { position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px; background: linear-gradient(to top, color-mix(in srgb, var(--bg-body) 80%, transparent), transparent); transform: translateY(100%); transition: 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); z-index: 6; display: flex; justify-content: center; }
.trnd-product-card:hover .trnd-pc-quick-view, .trnd-product-card:focus-within .trnd-pc-quick-view { transform: translateY(0); }
.trnd-btn-quick-view { width: 100%; background: color-mix(in srgb, var(--bg-panel) 95%, transparent); backdrop-filter: blur(10px); color: var(--text-main); border: 1px solid var(--border-color); padding: 12px; border-radius: 10px; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 10px 25px rgba(0,0,0,0.2); cursor: pointer; transition: 0.3s; outline: none; display: flex; align-items: center; justify-content: center;}
.trnd-btn-quick-view:hover, .trnd-btn-quick-view:focus-visible { background: var(--brand-primary); color: #fff; border-color: var(--brand-primary); }

/* Alt Bilgi (Fiyat, İsim, Renkler) */
.trnd-pc-info { padding: 22px 20px; display: flex; flex-direction: column; flex-grow: 1; gap: 8px; }

.trnd-pc-brand-row { display: flex; justify-content: space-between; align-items: center; }
.trnd-pc-brand { font-size: 10.5px; font-weight: 800; color: var(--brand-primary); text-transform: uppercase; letter-spacing: 1.5px; }
.trnd-pc-stock-count { font-size: 10px; font-weight: 700; color: var(--text-muted); padding: 4px 10px; background: color-mix(in srgb, var(--text-main) 6%, transparent); border-radius: 6px; }
.trnd-pc-stock-count.trnd-danger-stock { color: var(--danger-color); background: color-mix(in srgb, var(--danger-color) 8%, transparent); }

.trnd-pc-title { font-size: 16px; font-weight: 800; color: var(--text-main); margin: 0; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; transition: color 0.3s; }
.trnd-product-card:hover .trnd-pc-title, .trnd-product-card:focus-within .trnd-pc-title { color: var(--brand-primary); }

.trnd-pc-description { font-size: 12px; color: var(--text-muted); font-weight: 500; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }

.trnd-pc-colors-wrapper { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 5px; min-height: 24px; }
.trnd-color-chip { font-size: 9px; font-weight: 700; color: var(--text-muted); padding: 4px 10px; background: color-mix(in srgb, var(--text-main) 4%, transparent); border-radius: 6px; text-transform: uppercase; border: 1px solid var(--border-color); }

.trnd-pc-price-box { display: flex; align-items: baseline; gap: 10px; margin-top: auto; padding-top: 15px; border-top: 1px solid var(--border-color); }
.trnd-pc-price { font-size: 20px; font-weight: 800; color: var(--text-main); letter-spacing: -0.5px; }
.trnd-old { font-size: 14px; color: var(--text-muted); text-decoration: line-through; font-weight: 600; }
.trnd-new { color: var(--danger-color); }

/* Boş Durum */
.trnd-n-empty { grid-column: 1 / -1; text-align: center; padding: 80px 20px; background: var(--bg-panel); border-radius: 16px; border: 1px dashed var(--border-color); }
.trnd-n-empty i { font-size: 60px; color: var(--text-muted); opacity: 0.3; margin-bottom: 20px; }
.trnd-n-empty h2 { font-family: 'Playfair Display', serif; font-size: 26px; font-weight: 800; color: var(--text-main); margin: 0 0 10px 0; }
.trnd-n-empty p { color: var(--text-muted); font-weight: 500; }

/* Toast Bildirim */
.trnd-quick-toast { position:fixed; bottom:30px; right:30px; background:var(--text-main); color:var(--bg-panel); padding:15px 25px; border-radius:12px; font-weight:700; font-size:14px; opacity:0; visibility:hidden; transition:0.3s; z-index:9999; display:flex; align-items:center; gap:10px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); will-change: opacity, visibility; font-family: 'Plus Jakarta Sans', sans-serif;}
.trnd-quick-toast.show { opacity: 1; visibility: visible; bottom: 40px; }
.trnd-quick-toast i { color: var(--danger-color); }

/* Mobil Uyumluluk */
@media (max-width: 1400px) { .trnd-product-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 1050px) { .trnd-product-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 768px) {
    .trnd-product-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    
    .trnd-card-crown-header { padding: 8px 10px; gap: 6px; }
    .trnd-card-crown-header i { font-size: 11px; }

    .trnd-pc-info { padding: 15px 12px; gap: 6px; }
    .trnd-pc-title { font-size: 13.5px; }
    .trnd-pc-description { display: none; }
    .trnd-pc-price { font-size: 16px; }
    .trnd-pc-brand { font-size: 9px; }
    .trnd-pc-stock-count { font-size: 9px; padding: 2px 6px; }
    .trnd-color-chip { font-size: 9px; padding: 2px 6px; }
    .trnd-badge-pill { padding: 4px 8px; font-size: 9px; }

    .trnd-card-favorite { opacity: 1; transform: scale(1) translateY(0); top: 8px; right: 8px; width: 30px; height: 30px; font-size: 12px; }
    .trnd-pc-quick-view { display: none; }
}

/* ==========================================================================
   BİTİŞ: TRENDLER VİTRİNİ
   ========================================================================== */

/* ========================================================================== */
/* DOSYA BAŞLANGICI: TREND SEPET - MİSTİK FAL & STİL DANIŞMANI CSS MODÜLÜ     */
/* ========================================================================== */

/* Modüle Özel Renk Tanımlaması (Eğer dashboard'dan gelmezse yedek renk) */
:root {
    --fal-theme-color: var(--dash-fal, #ea580c);
}

/* Form Grupları ve Etiketler */
.fal-form-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 22px;
}

.fal-label {
    font-size: 13px;
    color: var(--text-main);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 800;
}

/* Input Özelleştirmeleri (Mevcut pts-ref-input üzerine eklemeler) */
.fal-readonly {
    opacity: 0.75;
    cursor: not-allowed !important;
    background: color-mix(in srgb, var(--text-main) 4%, transparent) !important;
    color: var(--text-muted) !important;
    font-weight: 700;
}

.fal-select, .fal-textarea {
    font-family: 'Plus Jakarta Sans', sans-serif;
    transition: all 0.3s ease;
}

.fal-select:focus, .fal-textarea:focus {
    border-color: var(--fal-theme-color) !important;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--fal-theme-color) 10%, transparent) !important;
}

.fal-textarea {
    resize: vertical;
    min-height: 90px;
    line-height: 1.5;
}

/* Karanlık/Aydınlık mod seçici uyumu */
.fal-select option {
    background: var(--bg-panel, #ffffff);
    color: var(--text-main, #000000);
}
html[data-theme="dark"] .fal-select option {
    background: var(--bg-panel, #1a1a1a);
    color: var(--text-main, #ffffff);
}

/* Gönder Butonu Kozmik Efekti */
.fal-submit-btn {
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    font-weight: 800 !important;
    font-size: 16px !important;
    padding: 16px !important;
    background: var(--fal-theme-color) !important;
    color: #ffffff !important;
    border: none !important;
    display: flex;
    align-items: center;
    gap: 8px;
}

.fal-submit-btn:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px color-mix(in srgb, var(--fal-theme-color) 35%, transparent) !important;
}

.fal-submit-btn:disabled {
    opacity: 0.65;
    cursor: not-allowed;
    transform: none;
    box-shadow: none !important;
}

/* Yükleme (Loader) Alanı */
.fal-loader {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px dashed color-mix(in srgb, var(--fal-theme-color) 40%, transparent);
    border-radius: 16px;
    background: color-mix(in srgb, var(--fal-theme-color) 3%, transparent);
    padding: 40px 20px;
}

.fal-loader-icon {
    font-size: 38px;
    color: var(--fal-theme-color);
    margin-bottom: 15px;
    filter: drop-shadow(0 0 10px color-mix(in srgb, var(--fal-theme-color) 50%, transparent));
}

.fal-loader-text {
    color: var(--fal-theme-color);
    font-size: 15px;
    font-style: italic;
    font-weight: 700;
    margin: 0;
    text-align: center;
}

/* Sonuç (Result) Alanı Özelleştirmesi */
.fal-result-box {
    border-top: 4px solid var(--fal-theme-color) !important;
    background: linear-gradient(135deg, color-mix(in srgb, var(--fal-theme-color) 4%, transparent) 0%, transparent 100%) !important;
    position: relative;
    overflow: hidden;
    border-radius: 16px;
}

/* Sonuç alanına hafif kozmik bir parlama */
.fal-result-box::before {
    content: '';
    position: absolute;
    top: -60px;
    right: -60px;
    width: 180px;
    height: 180px;
    background: radial-gradient(circle, color-mix(in srgb, var(--fal-theme-color) 15%, transparent) 0%, transparent 70%);
    border-radius: 50%;
    filter: blur(35px);
    pointer-events: none;
}

.fal-result-title {
    color: var(--fal-theme-color);
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 15px;
    font-family: 'Playfair Display', serif;
    font-weight: 800;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 10px;
}

.fal-result-text {
    font-size: 15.5px;
    line-height: 1.8;
    color: var(--text-main);
    font-family: 'Playfair Display', serif;
    font-style: italic;
    letter-spacing: 0.3px;
    position: relative;
    z-index: 2;
}

/* ========================================================================== */
/* TOAST BİLDİRİM SİSTEMİ (JS'den tetiklenen yeşil başarı uyarısı)            */
/* ========================================================================== */
.pts-toast {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: var(--bg-panel, #ffffff);
    color: var(--text-main, #0f172a);
    padding: 16px 24px;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    font-weight: 700;
    transform: translateY(100px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    z-index: 9999;
    border-left: 4px solid var(--success, #10b981);
}

.pts-toast.show {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.pts-toast i {
    color: var(--success, #10b981);
    font-size: 20px;
}

@media (max-width: 768px) {
    .pts-toast {
        bottom: 20px;
        right: 20px;
        left: 20px;
        justify-content: center;
    }
}

/* ========================================================================== */
/* DOSYA BİTİŞİ: TREND SEPET - MİSTİK FAL & STİL DANIŞMANI CSS MODÜLÜ         */
/* ========================================================================== */