@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css');
/* ══ TEMEL TEMALAR ══ */
/* Light Theme */
        .color-theme-light {
            --bg-primary: linear-gradient(135deg, #f0f4f8 0%, #dce6f0 100%);
            --bg-secondary: transparent;
            --text-primary: #1e293b;
            --text-primary-rgb: 30, 41, 59;
            --text-secondary: #334155;
            --text-muted: #64748b;
            --border-color: rgba(0, 0, 0, 0.1);
            --shadow: rgba(0, 0, 0, 0.08);
            --shadow-hover: rgba(0, 0, 0, 0.14);
            --link-bg: rgba(255, 255, 255, 0.75);
            --link-text: #0f172a;
        }

        /* Dark Theme */
        .color-theme-dark {
            --bg-primary: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.4);
            --shadow-hover: rgba(0, 0, 0, 0.6);
            --link-bg: rgba(30, 41, 59, 0.75);
            --link-text: #ffffff;
        }


        /* Krem */
        .color-theme-cream {
            --bg-primary: linear-gradient(135deg, #fdf8f0 0%, #f5e6d3 100%);
            --bg-secondary: transparent;
            --text-primary: #1e293b;
            --text-primary-rgb: 30, 41, 59;
            --text-secondary: #334155;
            --text-muted: #64748b;
            --border-color: rgba(0, 0, 0, 0.1);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #fdf8f0;
            --link-text: #0f172a;
        }

        /* Lacivert */
        .color-theme-navy {
            --bg-primary: linear-gradient(135deg, #0d1b4f 0%, #1e3a8a 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #0d1b4f;
            --link-text: #ffffff;
        }

        /* Kurumsal Mavi */
        .color-theme-corporate-blue {
            --bg-primary: linear-gradient(135deg, #1e4d8c 0%, #2563eb 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #1e4d8c;
            --link-text: #ffffff;
        }

        /* Klasik Mavi */
        .color-theme-blue {
            --bg-primary: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #007bff;
            --link-text: #ffffff;
        }

        /* Gökyüzü */
        .color-theme-sky {
            --bg-primary: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
            --bg-secondary: transparent;
            --text-primary: #1e293b;
            --text-primary-rgb: 30, 41, 59;
            --text-secondary: #334155;
            --text-muted: #64748b;
            --border-color: rgba(0, 0, 0, 0.1);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #0ea5e9;
            --link-text: #0f172a;
        }

        /* Turkuaz Mavi */
        .color-theme-cyan {
            --bg-primary: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);
            --bg-secondary: transparent;
            --text-primary: #1e293b;
            --text-primary-rgb: 30, 41, 59;
            --text-secondary: #334155;
            --text-muted: #64748b;
            --border-color: rgba(0, 0, 0, 0.1);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #06b6d4;
            --link-text: #0f172a;
        }

        /* Denim */
        .color-theme-denim {
            --bg-primary: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #1d4ed8;
            --link-text: #ffffff;
        }

        /* Arktik */
        .color-theme-arctic {
            --bg-primary: linear-gradient(135deg, #38bdf8 0%, #7dd3fc 100%);
            --bg-secondary: transparent;
            --text-primary: #1e293b;
            --text-primary-rgb: 30, 41, 59;
            --text-secondary: #334155;
            --text-muted: #64748b;
            --border-color: rgba(0, 0, 0, 0.1);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #38bdf8;
            --link-text: #0f172a;
        }

        /* Orman */
        .color-theme-forest {
            --bg-primary: linear-gradient(135deg, #064e3b 0%, #065f46 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #064e3b;
            --link-text: #ffffff;
        }

        /* Zümrüt */
        .color-theme-emerald {
            --bg-primary: linear-gradient(135deg, #10b981 0%, #059669 100%);
            --bg-secondary: transparent;
            --text-primary: #1e293b;
            --text-primary-rgb: 30, 41, 59;
            --text-secondary: #334155;
            --text-muted: #64748b;
            --border-color: rgba(0, 0, 0, 0.1);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #10b981;
            --link-text: #0f172a;
        }

        /* Çam Yeşili */
        .color-theme-teal {
            --bg-primary: linear-gradient(135deg, #0f766e 0%, #0d9488 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #0f766e;
            --link-text: #ffffff;
        }

        /* Nane */
        .color-theme-mint {
            --bg-primary: linear-gradient(135deg, #34d399 0%, #10b981 100%);
            --bg-secondary: transparent;
            --text-primary: #1e293b;
            --text-primary-rgb: 30, 41, 59;
            --text-secondary: #334155;
            --text-muted: #64748b;
            --border-color: rgba(0, 0, 0, 0.1);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #34d399;
            --link-text: #0f172a;
        }

        /* Doğa Yeşili */
        .color-theme-green {
            --bg-primary: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #16a34a;
            --link-text: #ffffff;
        }

        /* Zeytin */
        .color-theme-olive {
            --bg-primary: linear-gradient(135deg, #5c7a29 0%, #4a6320 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #5c7a29;
            --link-text: #ffffff;
        }

        /* Yeşim */
        .color-theme-jade {
            --bg-primary: linear-gradient(135deg, #00796b 0%, #00695c 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #00796b;
            --link-text: #ffffff;
        }

        /* Bordo */
        .color-theme-crimson {
            --bg-primary: linear-gradient(135deg, #7f1d1d 0%, #991b1b 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #7f1d1d;
            --link-text: #ffffff;
        }

        /* Kırmızı */
        .color-theme-red {
            --bg-primary: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #dc2626;
            --link-text: #ffffff;
        }

        /* Gül */
        .color-theme-rose {
            --bg-primary: linear-gradient(135deg, #f43f5e 0%, #e11d48 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #f43f5e;
            --link-text: #ffffff;
        }

        /* Mercan */
        .color-theme-coral {
            --bg-primary: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);
            --bg-secondary: transparent;
            --text-primary: #1e293b;
            --text-primary-rgb: 30, 41, 59;
            --text-secondary: #334155;
            --text-muted: #64748b;
            --border-color: rgba(0, 0, 0, 0.1);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #ff6b6b;
            --link-text: #0f172a;
        }

        /* Yakut */
        .color-theme-ruby {
            --bg-primary: linear-gradient(135deg, #9f1239 0%, #be123c 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #9f1239;
            --link-text: #ffffff;
        }

        /* Bordo Şarap */
        .color-theme-burgundy {
            --bg-primary: linear-gradient(135deg, #6b1c2b 0%, #7f1d1d 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #6b1c2b;
            --link-text: #ffffff;
        }

        /* Royal Mor */
        .color-theme-royal-purple {
            --bg-primary: linear-gradient(135deg, #3730a3 0%, #4338ca 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #3730a3;
            --link-text: #ffffff;
        }

        /* İndigo */
        .color-theme-indigo {
            --bg-primary: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #4f46e5;
            --link-text: #ffffff;
        }

        /* Menekşe */
        .color-theme-violet {
            --bg-primary: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #7c3aed;
            --link-text: #ffffff;
        }

        /* Mor */
        .color-theme-purple {
            --bg-primary: linear-gradient(135deg, #9333ea 0%, #7e22ce 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #9333ea;
            --link-text: #ffffff;
        }

        /* Fuşya */
        .color-theme-fuchsia {
            --bg-primary: linear-gradient(135deg, #c026d3 0%, #a21caf 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #c026d3;
            --link-text: #ffffff;
        }

        /* Orkide */
        .color-theme-orchid {
            --bg-primary: linear-gradient(135deg, #d946ef 0%, #c026d3 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #d946ef;
            --link-text: #ffffff;
        }

        /* Leylak */
        .color-theme-lilac {
            --bg-primary: linear-gradient(135deg, #a855f7 0%, #9333ea 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #a855f7;
            --link-text: #ffffff;
        }

        /* Altın */
        .color-theme-gold {
            --bg-primary: linear-gradient(135deg, #92400e 0%, #b45309 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #92400e;
            --link-text: #ffffff;
        }

        /* Kehribar */
        .color-theme-amber {
            --bg-primary: linear-gradient(135deg, #d97706 0%, #b45309 100%);
            --bg-secondary: transparent;
            --text-primary: #1e293b;
            --text-primary-rgb: 30, 41, 59;
            --text-secondary: #334155;
            --text-muted: #64748b;
            --border-color: rgba(0, 0, 0, 0.1);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #d97706;
            --link-text: #0f172a;
        }

        /* Turuncu */
        .color-theme-orange {
            --bg-primary: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #ea580c;
            --link-text: #ffffff;
        }

        /* Bakır */
        .color-theme-copper {
            --bg-primary: linear-gradient(135deg, #b45309 0%, #92400e 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #b45309;
            --link-text: #ffffff;
        }

        /* Pirinç */
        .color-theme-brass {
            --bg-primary: linear-gradient(135deg, #a16207 0%, #854d0e 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #a16207;
            --link-text: #ffffff;
        }

        /* Antrasit */
        .color-theme-charcoal {
            --bg-primary: linear-gradient(135deg, #1f2937 0%, #111827 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #1f2937;
            --link-text: #ffffff;
        }

        /* Slate */
        .color-theme-slate {
            --bg-primary: linear-gradient(135deg, #334155 0%, #1e293b 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #334155;
            --link-text: #ffffff;
        }

        /* Taş */
        .color-theme-stone {
            --bg-primary: linear-gradient(135deg, #44403c 0%, #292524 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #44403c;
            --link-text: #ffffff;
        }

        /* Çinko */
        .color-theme-zinc {
            --bg-primary: linear-gradient(135deg, #3f3f46 0%, #27272a 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #3f3f46;
            --link-text: #ffffff;
        }

        /* Grafit */
        .color-theme-graphite {
            --bg-primary: linear-gradient(135deg, #374151 0%, #1f2937 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #374151;
            --link-text: #ffffff;
        }

        /* Gece Yarısı */
        .color-theme-midnight {
            --bg-primary: linear-gradient(135deg, #0f0c29 0%, #302b63 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #0f0c29;
            --link-text: #ffffff;
        }

        /* Aurora */
        .color-theme-aurora {
            --bg-primary: linear-gradient(135deg, #1a1a2e 0%, #0f3460 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #1a1a2e;
            --link-text: #ffffff;
        }

        /* Okyanus */
        .color-theme-ocean {
            --bg-primary: linear-gradient(135deg, #0077b6 0%, #023e8a 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #0077b6;
            --link-text: #ffffff;
        }

        /* Gün Batımı */
        .color-theme-sunset {
            --bg-primary: linear-gradient(135deg, #f46b45 0%, #eea849 100%);
            --bg-secondary: transparent;
            --text-primary: #1e293b;
            --text-primary-rgb: 30, 41, 59;
            --text-secondary: #334155;
            --text-muted: #64748b;
            --border-color: rgba(0, 0, 0, 0.1);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #f46b45;
            --link-text: #0f172a;
        }

        /* Karbon */
        .color-theme-carbon {
            --bg-primary: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #0a0a0a;
            --link-text: #ffffff;
        }

        /* Galaksi */
        .color-theme-galaxy {
            --bg-primary: linear-gradient(135deg, #1a0533 0%, #2d1b69 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #1a0533;
            --link-text: #ffffff;
        }

        /* Prizma */
        .color-theme-prism {
            --bg-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #667eea;
            --link-text: #ffffff;
        }

        /* Lavanta */
        .color-theme-lavender {
            --bg-primary: linear-gradient(135deg, #7c3aed 0%, #a78bfa 100%);
            --bg-secondary: transparent;
            --text-primary: #1e293b;
            --text-primary-rgb: 30, 41, 59;
            --text-secondary: #334155;
            --text-muted: #64748b;
            --border-color: rgba(0, 0, 0, 0.1);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #7c3aed;
            --link-text: #0f172a;
        }

        /* Şeftali */
        .color-theme-peach {
            --bg-primary: linear-gradient(135deg, #fb923c 0%, #fdba74 100%);
            --bg-secondary: transparent;
            --text-primary: #1e293b;
            --text-primary-rgb: 30, 41, 59;
            --text-secondary: #334155;
            --text-muted: #64748b;
            --border-color: rgba(0, 0, 0, 0.1);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #fb923c;
            --link-text: #0f172a;
        }

        /* Ada Çayı */
        .color-theme-sage {
            --bg-primary: linear-gradient(135deg, #4ade80 0%, #86efac 100%);
            --bg-secondary: transparent;
            --text-primary: #1e293b;
            --text-primary-rgb: 30, 41, 59;
            --text-secondary: #334155;
            --text-muted: #64748b;
            --border-color: rgba(0, 0, 0, 0.1);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #4ade80;
            --link-text: #0f172a;
        }

        /* Pembe */
        .color-theme-blush {
            --bg-primary: linear-gradient(135deg, #fb7185 0%, #fda4af 100%);
            --bg-secondary: transparent;
            --text-primary: #1e293b;
            --text-primary-rgb: 30, 41, 59;
            --text-secondary: #334155;
            --text-muted: #64748b;
            --border-color: rgba(0, 0, 0, 0.1);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #fb7185;
            --link-text: #0f172a;
        }

        /* Bebek Mavisi */
        .color-theme-powder-blue {
            --bg-primary: linear-gradient(135deg, #7dd3fc 0%, #bae6fd 100%);
            --bg-secondary: transparent;
            --text-primary: #1e293b;
            --text-primary-rgb: 30, 41, 59;
            --text-secondary: #334155;
            --text-muted: #64748b;
            --border-color: rgba(0, 0, 0, 0.1);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #7dd3fc;
            --link-text: #0f172a;
        }

        /* Fıstık Yeşili */
        .color-theme-pistachio {
            --bg-primary: linear-gradient(135deg, #86efac 0%, #bbf7d0 100%);
            --bg-secondary: transparent;
            --text-primary: #1e293b;
            --text-primary-rgb: 30, 41, 59;
            --text-secondary: #334155;
            --text-muted: #64748b;
            --border-color: rgba(0, 0, 0, 0.1);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #86efac;
            --link-text: #0f172a;
        }

        /* Sarı */
        .color-theme-yellow {
            --bg-primary: linear-gradient(135deg, #ffc107 0%, #e0a800 100%);
            --bg-secondary: transparent;
            --text-primary: #1e293b;
            --text-primary-rgb: 30, 41, 59;
            --text-secondary: #334155;
            --text-muted: #64748b;
            --border-color: rgba(0, 0, 0, 0.1);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #ffc107;
            --link-text: #0f172a;
        }

        /* Pembe */
        .color-theme-pink {
            --bg-primary: linear-gradient(135deg, #e83e8c 0%, #d91a72 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #e83e8c;
            --link-text: #ffffff;
        }

        /* Limon */
        .color-theme-lime {
            --bg-primary: linear-gradient(135deg, #84cc16 0%, #65a30d 100%);
            --bg-secondary: transparent;
            --text-primary: #1e293b;
            --text-primary-rgb: 30, 41, 59;
            --text-secondary: #334155;
            --text-muted: #64748b;
            --border-color: rgba(0, 0, 0, 0.1);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #84cc16;
            --link-text: #0f172a;
        }

        /* Gri */
        .color-theme-gray {
            --bg-primary: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #6b7280;
            --link-text: #ffffff;
        }

        /* Nötr */
        .color-theme-neutral {
            --bg-primary: linear-gradient(135deg, #737373 0%, #525252 100%);
            --bg-secondary: transparent;
            --text-primary: #ffffff;
            --text-primary-rgb: 255, 255, 255;
            --text-secondary: #ffffffcc;
            --text-muted: #ffffff80;
            --border-color: rgba(255, 255, 255, 0.15);
            --shadow: rgba(0, 0, 0, 0.2);
            --shadow-hover: rgba(0, 0, 0, 0.4);
            --link-bg: #737373;
            --link-text: #ffffff;
        }

        /* OLD DUPLICATED LINK THEMES REMOVED IN FAVOR OF COMPLETE OVERHAUL BELOW */

            /* ════════════════════════════════════════════
   LINK STYLE COMPLETE OVERHAUL — All styles
   ════════════════════════════════════════════ */

            /* Common reset for all link items */
            .links-container .link-item {
                text-decoration: none !important;
                cursor: pointer;
                -webkit-tap-highlight-color: transparent;
            }

            /* ── BUBBLE ── Yuvarlak 3D balonlar */
            .link-theme-bubble .links-bubble {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 15px;
                padding: 15px 5px;
                justify-items: center;
                max-width: 480px;
                margin: 0 auto;
            }

            .link-theme-bubble .link-item {
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                justify-content: center !important;
                width: 100% !important;
                aspect-ratio: 1 !important;
                height: auto !important;
                border-radius: 50% !important;
                padding: 0 !important;
                margin: 0 !important;
                font-size: 0 !important;
                transition: all 0.3s cubic-bezier(.34, 1.56, .64, 1) !important;
                box-shadow: 0 8px 24px rgba(var(--text-primary-rgb, 0, 0, 0), 0.15) !important;
                background: var(--link-bg) !important;
            }

            .link-theme-bubble .link-item:hover {
                transform: translateY(-8px) scale(1.18) !important;
                box-shadow: 0 15px 35px rgba(var(--text-primary-rgb, 0, 0, 0), 0.25) !important;
            }

            .link-theme-bubble .link-icon {
                font-size: 2.5rem !important;
                color: var(--link-text) !important;
                display: flex !important;
            }

            .link-theme-bubble .link-icon-wrapper {
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                width: 100% !important;
                height: 100% !important;
            }

            .link-theme-bubble .link-text,
            .link-theme-bubble .link-title,
            .link-theme-bubble .link-description {
                display: none !important;
            }

            /* ── NEON ── Premium Glow Pill */
            .link-theme-neon .links-neon {
                display: flex;
                flex-direction: column;
                gap: 16px;
                padding: 10px 5px;
            }

            .link-theme-neon .link-item {
                display: flex !important;
                align-items: center !important;
                gap: 18px !important;
                padding: 16px 24px !important;
                border-radius: 20px !important; /* Ultra-modern dynamic glass shape */
                
                /* Dynamic adaptive background! Automatically tints with exact theme color */
                background: color-mix(in srgb, var(--link-bg) 10%, transparent) !important;
                backdrop-filter: blur(12px) !important;
                -webkit-backdrop-filter: blur(12px) !important;
                
                /* Border subtly matches the theme color */
                border: 1px solid color-mix(in srgb, var(--link-bg) 40%, transparent) !important;
                
                /* Adapts safely to dark or light profile backgrounds */
                color: var(--text-primary) !important; 
                font-weight: 500 !important;
                transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
                position: relative;
                overflow: hidden !important; 
                
                /* Authentic Glass + Inner Neon Glow */
                box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05), inset 0 0 15px color-mix(in srgb, var(--link-bg) 25%, transparent) !important;
            }

            .link-theme-neon .link-item:hover {
                transform: translateY(-4px) scale(1.02) !important;
                /* Ignition! The background gets richer, the border gets solid */
                background: color-mix(in srgb, var(--link-bg) 20%, transparent) !important;
                border: 1px solid var(--link-bg) !important;
                box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1), inset 0 0 25px color-mix(in srgb, var(--link-bg) 50%, transparent), 0 0 25px color-mix(in srgb, var(--link-bg) 50%, transparent) !important;
            }

            .link-theme-neon .link-icon {
                font-size: 1.7rem !important;
                flex-shrink: 0 !important;
                color: var(--link-bg) !important; /* Authentic Neon glow source */
                transition: all 0.4s ease;
                filter: drop-shadow(0 0 4px color-mix(in srgb, var(--link-bg) 80%, transparent));
            }

            .link-theme-neon .link-item:hover .link-icon {
                filter: drop-shadow(0 0 10px var(--link-bg));
                transform: scale(1.1) rotate(5deg);
            }

            .link-theme-neon .link-text {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start; /* Guarantee uniform left alignment everywhere */
                text-align: left;
                flex: 1;
            }

            .link-theme-neon .link-title {
                display: block !important;
                font-size: 1.05rem !important;
                font-weight: 700 !important;
                color: inherit !important; /* Safely inherits adaptive text color */
                letter-spacing: 0.3px;
            }

            .link-theme-neon .link-description {
                font-size: 0.8rem !important;
                color: inherit !important;
                opacity: 0.75 !important; /* Soft but perfectly legible */
                margin-top: 3px;
                font-weight: 400;
            }

            /* ── MAGAZINE ── Modern Editorial Bento */
            .link-theme-magazine .links-magazine {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-auto-rows: min-content;
                gap: 14px;
                padding: 15px 5px;
            }

            .link-theme-magazine .link-item {
                display: flex !important;
                flex-direction: column !important;
                justify-content: flex-end !important;
                align-items: flex-start !important;
                padding: 18px !important;
                border-radius: 20px !important;
                background: var(--link-bg) !important;
                color: var(--link-text) !important;
                text-decoration: none;
                transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s ease !important;
                position: relative;
                overflow: hidden;
                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
                min-height: 120px;
            }

            /* 1st, 4th, 7th elements become Hero Span cards */
            .link-theme-magazine .link-item:nth-child(3n + 1) {
                grid-column: span 2;
                min-height: 150px;
            }

            /* Soft sophisticated editorial gradient overlay */
            .link-theme-magazine .link-item::before {
                content: "";
                position: absolute;
                inset: 0;
                background: linear-gradient(135deg, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0.15) 100%);
                pointer-events: none;
                z-index: 1;
            }

            .link-theme-magazine .link-item:hover {
                transform: translateY(-5px) scale(1.02) !important;
                box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15) !important;
                z-index: 2;
            }

            /* Massive floating watermark neon icon for Hero Cards */
            .link-theme-magazine .link-item:nth-child(3n + 1) .link-icon {
                position: absolute;
                top: -15px;
                right: -10px;
                font-size: 6.5rem !important;
                opacity: 0.12;
                z-index: 0;
                margin: 0 !important;
                transition: transform 0.6s ease;
            }

            /* Regular Icon for standard Half-Cards */
            .link-theme-magazine .link-item:not(:nth-child(3n + 1)) .link-icon {
                font-size: 1.8rem !important;
                margin-bottom: auto !important; /* Pushes it to the top */
                z-index: 2;
                position: relative;
            }

            .link-theme-magazine .link-item:hover .link-icon {
                transform: scale(1.1) rotate(5deg);
            }

            .link-theme-magazine .link-text {
                display: flex;
                flex-direction: column;
                z-index: 2;
                position: relative;
                width: 100%;
                margin-top: 15px;
            }

            .link-theme-magazine .link-title {
                display: block !important;
                font-size: 1.1rem !important;
                font-weight: 700 !important;
                color: var(--link-text) !important;
                line-height: 1.25 !important;
                letter-spacing: -0.01em;
            }

            /* Hero Title */
            .link-theme-magazine .link-item:nth-child(3n + 1) .link-title {
                font-size: 1.35rem !important;
                margin-bottom: 4px;
            }

            .link-theme-magazine .link-description {
                display: -webkit-box !important;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                font-size: 0.85rem !important;
                color: var(--link-text) !important;
                opacity: 0.8 !important;
                line-height: 1.3 !important;
                font-weight: 400 !important;
                margin-top: 5px;
            }

            /* Hide description on half-cards to preserve elegant editorial emptiness */
            .link-theme-magazine .link-item:not(:nth-child(3n + 1)) .link-description {
                display: none !important;
            }

            /* ── COMPACT ── Premium Floating Strip */
            .link-theme-compact .links-compact {
                display: flex;
                flex-direction: column;
                gap: 14px;
                padding: 10px 5px;
            }

            .link-theme-compact .link-item {
                display: flex !important;
                align-items: center !important;
                padding: 12px 24px 12px 14px !important; /* Extra right padding for chevron */
                border-radius: 20px !important; /* Sleek modern rounded radius */
                background: color-mix(in srgb, var(--text-primary) 3%, transparent) !important; /* Adaptive translucent chassis */
                backdrop-filter: blur(14px) !important;
                -webkit-backdrop-filter: blur(14px) !important;
                border: 1px solid color-mix(in srgb, var(--text-primary) 6%, transparent) !important;
                border-left: 5px solid var(--link-bg) !important; /* Signature compact accent strip */
                transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
                min-height: 70px !important;
                color: var(--text-primary) !important;
                box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04) !important;
                position: relative;
                overflow: hidden;
                text-decoration: none;
            }

            /* Suble interactive chevron arrow */
            .link-theme-compact .link-item::after {
                content: "\f105"; /* FontAwesome chevron right */
                font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", "FontAwesome";
                font-weight: 900;
                position: absolute;
                right: 20px;
                top: 50%;
                transform: translateY(-50%);
                font-size: 1rem;
                opacity: 0.25;
                color: var(--text-primary);
                transition: all 0.3s ease;
            }

            .link-theme-compact .link-item:hover {
                transform: translateY(-3px) !important;
                box-shadow: 0 12px 25px rgba(0, 0, 0, 0.08) !important;
                background: color-mix(in srgb, var(--text-primary) 5%, transparent) !important;
                border-left: 8px solid var(--link-bg) !important; /* Noticeable pop on hover */
            }

            .link-theme-compact .link-item:hover::after {
                opacity: 0.8;
                right: 16px; /* Arrow glides slightly right */
                color: var(--link-bg);
            }

            .link-theme-compact .link-icon-wrapper {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 46px;
                height: 46px;
                border-radius: 12px; /* iOS-style soft square */
                background: color-mix(in srgb, var(--link-bg) 12%, transparent);
                margin-right: 16px;
                flex-shrink: 0;
            }

            .link-theme-compact .link-icon {
                font-size: 1.4rem !important;
                color: var(--link-bg) !important;
                margin: 0 !important; /* Overrides global icon margins */
            }

            .link-theme-compact .link-text {
                display: flex;
                flex-direction: column;
                justify-content: center;
                text-align: left;
                flex: 1;
                margin-right: 20px; /* Buffer for arrow */
            }

            .link-theme-compact .link-title {
                display: block !important;
                font-size: 1.05rem !important;
                font-weight: 700 !important;
                color: var(--text-primary) !important;
                letter-spacing: -0.01em;
            }

            .link-theme-compact .link-description {
                display: -webkit-box !important;
                -webkit-line-clamp: 2; /* Smart truncate */
                -webkit-box-orient: vertical;
                overflow: hidden;
                font-size: 0.8rem !important;
                color: var(--text-primary) !important;
                opacity: 0.65 !important;
                margin-top: 3px !important;
                font-weight: 400 !important;
                line-height: 1.3 !important;
            }

            /* ── MOSAIC ── Premium Glass Tiles (Organic Masonry) */
            .link-theme-mosaic .links-mosaic {
                column-count: 2;
                column-gap: 12px;
                padding: 10px 5px;
            }

            .link-theme-mosaic .link-item {
                /* Fix for Webkit/Blink breaking columns: elements MUST be inline-block */
                display: inline-block !important;
                width: 100% !important;
                break-inside: avoid !important;
                page-break-inside: avoid !important;
                -webkit-column-break-inside: avoid !important;
                
                margin-bottom: 12px !important;
                border-radius: 20px !important; 
                padding: 20px 18px !important;
                text-align: left !important;
                
                /* Super Premium Glass Layout */
                background: color-mix(in srgb, var(--bg-secondary) 80%, transparent) !important;
                backdrop-filter: blur(20px) !important;
                -webkit-backdrop-filter: blur(20px) !important;
                border: 1px solid rgba(var(--text-primary-rgb, 0,0,0), 0.05) !important;
                
                color: var(--text-primary) !important;
                overflow: hidden !important;
                position: relative !important;
                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
                transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease !important;
                width: 100% !important;
                box-sizing: border-box !important;
                text-decoration: none;
                
                /* Natural height to flow over generated text wrap */
                height: auto !important;
                min-height: auto !important; 
            }

            /* Suble Top-Border Glow using user's Theme color */
            .link-theme-mosaic .link-item::before {
                content: '';
                position: absolute;
                top: 0; left: 0; right: 0;
                height: 4px;
                background: var(--link-bg);
                border-radius: 20px 20px 0 0;
                opacity: 0.85;
            }

            .link-theme-mosaic .link-item:hover {
                transform: translateY(-4px) !important;
                box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08) !important;
                border-color: color-mix(in srgb, var(--link-bg) 40%, transparent) !important;
            }

            /* Colored soft-square for the icon */
            .link-theme-mosaic .link-icon-wrapper {
                position: relative;
                z-index: 1;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 44px;
                height: 44px;
                border-radius: 12px;
                background: color-mix(in srgb, var(--link-bg) 15%, transparent);
                margin: 0 0 14px 0 !important; /* Forces text below it without flex */
            }

            .link-theme-mosaic .link-icon {
                font-size: 1.4rem !important;
                color: var(--link-bg) !important;
                margin: 0 !important;
            }

            .link-theme-mosaic .link-text {
                display: block; /* Restores block-level layout for the wrapper */
                width: 100%;
                z-index: 1;
                position: relative;
            }

            .link-theme-mosaic .link-title {
                display: block !important;
                font-size: 1.05rem !important;
                font-weight: 700 !important;
                color: var(--text-primary) !important;
                line-height: 1.3 !important;
                letter-spacing: -0.01em;
            }

            .link-theme-mosaic .link-description {
                display: -webkit-box !important;
                -webkit-line-clamp: 4; /* Let it wrap naturally up to 4 lines */
                -webkit-box-orient: vertical;
                overflow: hidden;
                font-size: 0.82rem !important;
                color: var(--text-primary) !important;
                opacity: 0.7 !important;
                font-weight: 400 !important;
                line-height: 1.4 !important;
            }

            /* ── TIMELINE ── Alternating Centered Milestone Timeline */
            .link-theme-timeline .links-timeline {
                display: flex;
                flex-direction: column;
                gap: 15px; /* Gap between vertical rows */
                padding: 20px 0;
                position: relative;
                margin: 0;
            }

            /* Central Fading Vertical Line */
            .link-theme-timeline .links-timeline::before {
                content: "";
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                top: 0;
                bottom: 0;
                width: 3px;
                background: linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--text-primary) 15%, transparent) 10%, color-mix(in srgb, var(--text-primary) 15%, transparent) 90%, transparent 100%);
                border-radius: 3px;
                z-index: 0;
            }

            .link-theme-timeline .link-item {
                display: flex !important;
                align-items: center !important;
                padding: 18px 24px !important; /* ENLARGED */
                border-radius: 20px !important;
                /* Seamlessly adapt to chosen Button Background Color */
                background: color-mix(in srgb, var(--link-bg) 10%, transparent) !important;
                backdrop-filter: blur(16px) !important;
                -webkit-backdrop-filter: blur(16px) !important;
                border: 1px solid color-mix(in srgb, var(--link-bg) 18%, transparent) !important;
                transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
                position: relative !important;
                min-height: 85px !important; /* ENLARGED */
                color: var(--text-primary) !important;
                box-shadow: 0 8px 25px rgba(0, 0, 0, 0.03) !important;
                text-decoration: none;
                z-index: 1;
                width: calc(50% - 30px) !important; /* Half width with room for center spacing */
                gap: 16px !important;
            }

            /* ODD items go on the left */
            .link-theme-timeline .link-item:nth-child(odd) {
                align-self: flex-start !important;
            }
            
            /* EVEN items go on the right */
            .link-theme-timeline .link-item:nth-child(even) {
                align-self: flex-end !important;
                flex-direction: row-reverse !important; /* Symmetrical layout */
                text-align: right !important;
            }

            /* The Central Dot */
            .link-theme-timeline .link-item::before {
                content: "" !important;
                position: absolute !important;
                top: 50% !important;
                width: 14px !important;
                height: 14px !important;
                border-radius: 50% !important;
                background: var(--bg-primary) !important;
                border: 3px solid var(--link-bg) !important;
                box-shadow: 0 0 0 4px var(--bg-primary), 0 0 10px rgba(0,0,0,0.1) !important;
                z-index: 2 !important;
                transition: all 0.4s ease !important;
                pointer-events: none;
            }

            /* ODD dot placement (on the right of the left-box) */
            .link-theme-timeline .link-item:nth-child(odd)::before {
                right: -30px !important;
                transform: translateY(-50%) translateX(50%) !important;
            }

            /* EVEN dot placement (on the left of the right-box) */
            .link-theme-timeline .link-item:nth-child(even)::before {
                left: -30px !important;
                transform: translateY(-50%) translateX(-50%) !important;
            }

            /* The connector arrow */
            .link-theme-timeline .link-item::after {
                content: "" !important;
                position: absolute !important;
                top: 50% !important;
                transform: translateY(-50%) !important;
                border-style: solid !important;
                z-index: 1 !important;
                transition: border-color 0.4s ease !important;
                pointer-events: none;
            }

            /* ODD Arrow points RIGHT */
            .link-theme-timeline .link-item:nth-child(odd)::after {
                right: -8px !important;
                border-width: 8px 0 8px 8px !important;
                border-color: transparent transparent transparent color-mix(in srgb, var(--link-bg) 18%, transparent) !important;
            }

            /* EVEN Arrow points LEFT */
            .link-theme-timeline .link-item:nth-child(even)::after {
                left: -8px !important;
                border-width: 8px 8px 8px 0 !important;
                border-color: transparent color-mix(in srgb, var(--link-bg) 18%, transparent) transparent transparent !important;
            }

            /* Hover Actions */
            .link-theme-timeline .link-item:nth-child(odd):hover {
                transform: translateX(-6px) !important;
                box-shadow: -10px 12px 30px rgba(0, 0, 0, 0.08) !important;
                background: color-mix(in srgb, var(--link-bg) 18%, transparent) !important;
            }
            .link-theme-timeline .link-item:nth-child(even):hover {
                transform: translateX(6px) !important;
                box-shadow: 10px 12px 30px rgba(0, 0, 0, 0.08) !important;
                background: color-mix(in srgb, var(--link-bg) 18%, transparent) !important;
            }

            /* Arrows color update on hover */
            .link-theme-timeline .link-item:nth-child(odd):hover::after {
                border-left-color: color-mix(in srgb, var(--link-bg) 26%, transparent) !important;
            }
            .link-theme-timeline .link-item:nth-child(even):hover::after {
                border-right-color: color-mix(in srgb, var(--link-bg) 26%, transparent) !important;
            }

            /* Igniting Dots and un-translating them so they stay glued to the track! */
            .link-theme-timeline .link-item:nth-child(odd):hover::before {
                transform: translateY(-50%) translateX(calc(50% + 6px)) scale(1.3) !important;
                background: var(--link-bg) !important;
                box-shadow: 0 0 0 3px var(--bg-primary), 0 0 15px var(--link-bg) !important;
            }
            .link-theme-timeline .link-item:nth-child(even):hover::before {
                transform: translateY(-50%) translateX(calc(-50% - 6px)) scale(1.3) !important;
                background: var(--link-bg) !important;
                box-shadow: 0 0 0 3px var(--bg-primary), 0 0 15px var(--link-bg) !important;
            }

            .link-theme-timeline .link-icon-wrapper {
                display: flex !important;
                align-items: center;
                justify-content: center;
                width: 56px; /* ENLARGED */
                height: 56px;
                border-radius: 50%;
                background: color-mix(in srgb, var(--link-bg) 18%, transparent);
                flex-shrink: 0;
                margin: 0 !important; /* Managed by parent gap */
            }

            .link-theme-timeline .link-icon {
                font-size: 1.8rem !important; /* ENLARGED */
                color: var(--link-bg) !important;
                margin: 0 !important;
            }

            .link-theme-timeline .link-text {
                display: flex;
                flex-direction: column;
                justify-content: center;
                flex: 1;
            }

            .link-theme-timeline .link-title {
                display: block !important;
                font-size: 1.15rem !important; /* ENLARGED */
                font-weight: 700 !important;
                letter-spacing: -0.01em;
                color: var(--text-primary) !important;
            }

            .link-theme-timeline .link-description {
                display: -webkit-box !important;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                font-size: 0.8rem !important;
                opacity: 0.7 !important;
                margin-top: 4px !important;
                font-weight: 400 !important;
                line-height: 1.3 !important;
                color: var(--text-primary) !important;
            }

            /* ── CARDS ── 4x Icon-Only Square Grid */
            .link-theme-cards .links-cards {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 14px;
                justify-content: center;
                max-width: 100%;
                margin: 0 auto;
                padding: 10px 0;
            }

            .link-theme-cards .link-item {
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                justify-content: center !important;
                border-radius: 22px !important; /* iOS app icon roundness */
                padding: 0 !important;
                text-align: center !important;
                min-height: auto !important;
                background: var(--link-bg, #667eea) !important;
                color: var(--link-text, #ffffff) !important;
                position: relative;
                overflow: hidden;
                aspect-ratio: 1 !important; /* Perfect uniform square */
                box-shadow: 0 4px 15px rgba(var(--text-primary-rgb, 0, 0, 0), 0.1) !important;
                transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
                text-decoration: none;
            }

            .link-theme-cards .link-item::before {
                content: '';
                position: absolute;
                inset: 0;
                background: linear-gradient(135deg, rgba(255, 255, 255, 0.25), transparent);
                opacity: 0.2;
                transition: opacity 0.4s ease;
                z-index: 0;
            }

            .link-theme-cards .link-item:hover::before {
                opacity: 0.6;
            }

            .link-theme-cards .link-item:hover {
                transform: translateY(-6px) scale(1.05) !important;
                box-shadow: 0 12px 25px rgba(var(--text-primary-rgb, 0, 0, 0), 0.15) !important;
                z-index: 2;
            }

            .link-theme-cards .link-icon-wrapper {
                display: flex !important;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 100%;
                z-index: 1;
                margin: 0 !important;
            }

            .link-theme-cards .link-icon {
                font-size: 2.8rem !important; /* Massive icon size to fill box */
                transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
                position: relative;
                z-index: 1;
                color: inherit !important;
                margin: 0 !important;
            }

            .link-theme-cards .link-item:hover .link-icon {
                transform: scale(1.15) translateY(-2px) !important;
            }

            /* Disable Texts to fulfill 'Icon Only' request */
            .link-theme-cards .link-title,
            .link-theme-cards .link-text,
            .link-theme-cards .link-description {
                display: none !important;
            }

            /* ── FLOAT ── Glassmorphism floating pill butonlar */
            /* ── FLOAT ── ✨ Premium Kapsül Butonlar */
            .link-theme-float .links-float {
                display: flex;
                flex-direction: column;
                gap: 18px;
                padding: 20px 10px;
                align-items: center;
                width: 100%;
            }

            .link-theme-float .link-item {
                display: flex !important;
                align-items: center !important;
                gap: 22px !important;
                padding: 16px 24px 16px 36px !important; /* Pushed icon securely to the right */
                border-radius: 60px !important; /* Perfect Capsule Shape */
                background: color-mix(in srgb, var(--link-bg) 15%, transparent) !important;
                backdrop-filter: blur(24px) saturate(180%) !important;
                -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
                border: 1px solid color-mix(in srgb, var(--link-bg) 35%, transparent) !important;
                box-shadow: 
                    0 10px 40px color-mix(in srgb, var(--link-bg) 12%, transparent), 
                    inset 0 2px 4px rgba(255, 255, 255, 0.1) !important; /* Elegant 3D Top bevel */
                color: var(--text-primary) !important;
                width: 100% !important;
                max-width: 600px !important; /* Elegant max cap for desktop */
                transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
                position: relative;
                overflow: hidden;
                text-decoration: none;
                justify-content: flex-start !important;
            }

            /* Liquid glow scanning line inside capsule */
            .link-theme-float .link-item::before {
                content: '';
                position: absolute;
                inset: -2px;
                background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--link-bg) 30%, rgba(255,255,255,0.3)), transparent);
                transform: translateX(-100%);
                transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
                pointer-events: none;
                z-index: 0;
            }

            .link-theme-float .link-item:hover::before {
                transform: translateX(100%);
            }

            .link-theme-float .link-item:hover {
                transform: translateY(-6px) scale(1.02) !important;
                background: color-mix(in srgb, var(--link-bg) 22%, transparent) !important;
                box-shadow: 
                    0 18px 45px color-mix(in srgb, var(--link-bg) 20%, transparent), 
                    0 0 0 4px color-mix(in srgb, var(--link-bg) 15%, transparent), /* The outer glowing ring effect! */
                    inset 0 2px 4px rgba(255, 255, 255, 0.2) !important;
                border-color: color-mix(in srgb, var(--link-bg) 55%, transparent) !important;
            }

            .link-theme-float .link-icon-wrapper {
                display: flex !important;
                align-items: center;
                justify-content: center;
                width: 58px;
                height: 58px;
                border-radius: 50%;
                background: linear-gradient(135deg, var(--link-bg), color-mix(in srgb, var(--link-bg) 50%, black));
                box-shadow: 
                    0 6px 18px color-mix(in srgb, var(--link-bg) 40%, transparent),
                    inset 0 2px 2px rgba(255,255,255,0.2) !important; /* 3D pop on the icon ball */
                flex-shrink: 0;
                z-index: 2;
                margin: 0 !important;
                transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
            }

            .link-theme-float .link-item:hover .link-icon-wrapper {
                transform: scale(1.08) rotate(5deg) !important;
            }

            .link-theme-float .link-icon {
                font-size: 1.7rem !important;
                color: #ffffff !important; /* Forces solid white pop on custom color bubble */
                margin: 0 !important;
                z-index: 2;
                filter: drop-shadow(0 2px 3px rgba(0,0,0,0.25)); /* Extra contrast */
            }

            .link-theme-float .link-text {
                display: flex;
                flex-direction: column;
                justify-content: center;
                z-index: 2;
                text-align: left !important;
                flex: 1;
            }

            .link-theme-float .link-title {
                display: block !important;
                font-size: 1.15rem !important;
                font-weight: 700 !important;
                letter-spacing: -0.01em;
                color: var(--text-primary) !important;
                margin-bottom: 2px !important;
            }

            .link-theme-float .link-description {
                display: -webkit-box !important;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                font-size: 0.85rem !important;
                opacity: 0.7 !important;
                font-weight: 400 !important;
                line-height: 1.3 !important;
                margin: 0 !important;
            }

            /* MOBILE OVERHAUL RESPONSIVENESS for all NEW THEMES */
            @media (max-width: 768px) {
                .link-theme-bubble .links-bubble {
                    gap: 12px;
                    padding: 15px 5px;
                }

                .link-theme-bubble .link-item {
                    width: 100% !important;
                    height: auto !important;
                }

                .link-theme-bubble .link-icon {
                    font-size: 2.2rem !important;
                }

                .link-theme-neon .link-item {
                    padding: 12px 20px !important;
                    gap: 14px !important;
                }

                .link-theme-neon .link-icon {
                    font-size: 1.4rem !important;
                }

                .link-theme-magazine .links-magazine {
                    /* On mobile, keep it a grid with 2 columns to retain the heroic asymmetry */
                    grid-template-columns: repeat(2, 1fr);
                    gap: 12px;
                    padding: 10px 0;
                }

                .link-theme-magazine .link-item {
                    border-radius: 16px !important;
                    padding: 15px !important;
                    min-height: 110px !important;
                }

                .link-theme-magazine .link-item:nth-child(3n+1) {
                    min-height: 130px !important;
                }
                
                .link-theme-magazine .link-title {
                    font-size: 1rem !important;
                }
                
                .link-theme-magazine .link-item:nth-child(3n+1) .link-title {
                    font-size: 1.15rem !important;
                }

                .link-theme-compact .link-item {
                    padding: 10px 20px 10px 12px !important; /* Keeps proportion on mobile right arrow */
                    border-radius: 16px !important;
                    min-height: 60px !important;
                }
                
                .link-theme-compact .link-icon-wrapper {
                    width: 40px;
                    height: 40px;
                    border-radius: 10px;
                    margin-right: 12px;
                }
                
                .link-theme-compact .link-icon {
                    font-size: 1.2rem !important;
                }
                
                .link-theme-compact .link-title {
                    font-size: 0.95rem !important;
                }

                .link-theme-mosaic .links-mosaic {
                    column-count: 2;
                    column-gap: 8px;
                    padding: 10px 5px;
                }
                
                .link-theme-mosaic .link-item {
                    border-radius: 18px !important;
                    padding: 16px 14px !important;
                    margin-bottom: 8px !important;
                }
                
                .link-theme-mosaic .link-title {
                    font-size: 1rem !important;
                }

                /* Mobile Fallback: Reverts from ZigZag to standard left-spined timeline for space */
                .link-theme-timeline .links-timeline {
                    padding: 15px 5px 15px 35px !important;
                }

                .link-theme-timeline .links-timeline::before {
                    left: 16px !important;
                    transform: none !important;
                    width: 2px !important;
                }

                .link-theme-timeline .link-item {
                    width: 100% !important;
                    align-self: center !important;
                    flex-direction: row !important; /* All text on right! */
                    text-align: left !important;
                    padding: 16px 20px !important;
                    gap: 16px !important;
                    min-height: 75px !important;
                    border-radius: 18px !important;
                    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
                }
                
                .link-theme-timeline .link-icon-wrapper {
                    width: 50px;
                    height: 50px;
                }
                
                .link-theme-timeline .link-icon {
                    font-size: 1.5rem !important;
                }

                /* Mobile Dots resetting to the left */
                .link-theme-timeline .link-item::before {
                    right: auto !important;
                    left: -24px !important;
                    transform: translateY(-50%) !important;
                    width: 12px !important;
                    height: 12px !important;
                }
                
                /* Mobile Arrows resetting to pointing left */
                .link-theme-timeline .link-item::after {
                    right: auto !important;
                    left: -8px !important;
                    border-width: 8px 8px 8px 0 !important;
                    border-color: transparent color-mix(in srgb, var(--link-bg) 18%, transparent) transparent transparent !important;
                }

                /* Neutralize hover transform conflicts on mobile */
                .link-theme-timeline .link-item:nth-child(odd):hover,
                .link-theme-timeline .link-item:nth-child(even):hover {
                    transform: translateX(4px) !important;
                }
                .link-theme-timeline .link-item:nth-child(odd):hover::before,
                .link-theme-timeline .link-item:nth-child(even):hover::before {
                    transform: translateY(-50%) translateX(-4px) scale(1.3) !important;
                }
                .link-theme-timeline .link-item:nth-child(odd):hover::after,
                .link-theme-timeline .link-item:nth-child(even):hover::after {
                    border-right-color: color-mix(in srgb, var(--link-bg) 26%, transparent) !important;
                    border-left-color: transparent !important;
                }

                .link-theme-cards .links-cards {
                    grid-template-columns: repeat(4, 1fr) !important;
                    gap: 12px !important;
                    padding: 10px 5px !important;
                }

                .link-theme-cards .link-item {
                    border-radius: 18px !important;
                }

                .link-theme-cards .link-icon {
                    font-size: 1.7rem !important; /* Scale correctly for 4 items side by side on 375px screens */
                }

                .link-theme-float .link-item {
                    border-radius: 40px !important; /* Keeps capsule shape on mobile */
                    min-width: 100% !important;
                    padding: 14px 20px 14px 28px !important; /* Noticeably shifted icon to the right on mobile too! */
                }
                
                .link-theme-float .link-icon-wrapper {
                    width: 50px; /* Gently scaled down for mobile yet still generous */
                    height: 50px;
                }
            }

            @media (max-width: 480px) {
                .link-theme-bubble .links-bubble {
                    gap: 10px;
                }

                .link-theme-bubble .link-item {
                    width: 100% !important;
                    height: auto !important;
                }

                .link-theme-bubble .link-icon {
                    font-size: 1.95rem !important;
                }

                .link-theme-mosaic .links-mosaic {
                    column-count: 2;
                    column-gap: 6px;
                }

                .link-theme-mosaic .link-item {
                    padding: 14px 10px !important;
                    border-radius: 16px !important;
                    margin-bottom: 6px !important;
                }

                .link-theme-mosaic .link-icon-wrapper {
                    width: 38px;
                    height: 38px;
                    border-radius: 10px;
                }

                .link-theme-mosaic .link-icon {
                    font-size: 1.2rem !important;
                }

                .link-theme-mosaic .link-title {
                    font-size: 0.9rem !important;
                    line-height: 1.25 !important;
                }
            }

            /* Base Styles */
            body {
                font-family: "Poppins", sans-serif;
                background: var(--bg-primary);
                min-height: 100vh;
                max-height: 100vh;
                overflow: hidden;
                margin: 0;
                padding: 0;
                color: var(--text-primary);
            }

            .profile-container {
                width: 100%;
                height: 100vh;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                padding: 10px 10px 100px 10px;
                /* Bottom padding for fixed footer */
                box-sizing: border-box;
                overflow: hidden;
            }

            /* Profile Header */
            .profile-header {
                background: var(--bg-secondary);
                border-radius: 20px;
                padding: 20px;
                text-align: center;
                margin-bottom: 15px;
                position: relative;
                max-width: 500px;
                width: 100%;
                box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
                backdrop-filter: blur(10px);
                border: 1px solid rgba(255, 255, 255, 0.1);
                flex-shrink: 0;
            }

            .profile-avatar-container {
                position: relative;
                display: inline-block;
                margin-bottom: 5px;
            }

            .profile-avatar {
                width: 115px;
                height: 115px;
                border-radius: 50%;
                object-fit: cover;
                border: 4px solid var(--border-color);
                transition: transform 0.3s ease;
                display: block;
                box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
            }

            .profile-avatar:hover {
                transform: scale(1.05);
            }

            .profile-name {
                font-size: 1.8rem;
                font-weight: 800;
                color: var(--text-primary);
                margin-bottom: 2px;
                line-height: 1.2;
                font-family: 'Poppins', 'Inter', sans-serif;
                letter-spacing: -0.03em;
            }

            .profile-username {
                font-size: 0.9rem;
                font-weight: 500;
                color: var(--text-primary);
                opacity: 0.8;
                margin-bottom: 12px;
                font-family: 'Inter', 'Poppins', sans-serif;
                letter-spacing: 0.5px;
            }

            .profile-bio {
                color: var(--text-secondary);
                line-height: 1.5;
                margin-bottom: 15px;
                font-size: 0.85rem;
                max-height: 65px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                white-space: pre-wrap;
                font-weight: 400;
            }

            /* Edit Button - Profil Resminin Sağ Üst Köşesinde */
            .edit-btn-avatar {
                position: absolute;
                top: -5px;
                right: -5px;
                z-index: 1001;
                width: 28px;
                height: 28px;
                border-radius: 50%;
                background: linear-gradient(135deg, #667eea, #764ba2);
                color: white;
                border: 2px solid white;
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                transition: all 0.3s ease;
                text-decoration: none;
                font-size: 0.7rem;
                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
            }

            .edit-btn-avatar:hover {
                transform: scale(1.1);
                color: white;
                text-decoration: none;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
                background: linear-gradient(135deg, #764ba2, #667eea);
            }

            /* Cover Images Slider */
            .cover-slider {
                margin-bottom: 15px;
                border-radius: 15px;
                overflow: hidden;
                max-width: 500px;
                width: 100%;
                position: relative;
                flex-shrink: 0;
            }

            .cover-slider img {
                width: 100%;
                height: 200px;
                object-fit: cover;
            }

            /* Custom Carousel Controls */
            .custom-carousel-control {
                width: 40px;
                height: 40px;
                background: rgba(0, 0, 0, 0.7) !important;
                border-radius: 50%;
                border: 2px solid rgba(255, 255, 255, 0.8);
                transition: all 0.3s ease;
                top: 50%;
                transform: translateY(-50%);
            }

            .custom-carousel-control:hover {
                background: rgba(0, 0, 0, 0.9) !important;
                border-color: white;
                transform: translateY(-50%) scale(1.1);
            }

            .custom-carousel-icon {
                width: 20px;
                height: 20px;
                background-size: 20px 20px;
                filter: brightness(0) invert(1);
            }

            .carousel-control-prev.custom-carousel-control {
                left: 10px;
            }

            .carousel-control-next.custom-carousel-control {
                right: 10px;
            }

            /* Links Container */
            .links-container {
                background: var(--bg-secondary);
                border-radius: 20px;
                padding: 15px;
                max-width: 500px;
                width: 100%;
                flex: 1;
                overflow-y: auto;
                box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
                backdrop-filter: blur(10px);
                border: 1px solid rgba(255, 255, 255, 0.1);
                scrollbar-width: thin;
                scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
            }

            .links-container::-webkit-scrollbar {
                width: 4px;
            }

            .links-container::-webkit-scrollbar-track {
                background: transparent;
            }

            .links-container::-webkit-scrollbar-thumb {
                background: rgba(255, 255, 255, 0.3);
                border-radius: 2px;
            }

            .links-container::-webkit-scrollbar-thumb:hover {
                background: rgba(255, 255, 255, 0.5);
            }

            /* Base Link Styles */
            .link-item {
                text-decoration: none;
                border: none;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                position: relative;
                overflow: hidden;
                cursor: pointer;
                display: block;
                color: white;
                margin-bottom: 8px;
            }

            .link-item:hover {
                text-decoration: none;
                color: white;
            }

            /* Font Awesome Base Styles migrated to top of stylesheet */
            /* Force Font Awesome to work */
            .fas,
            .far,
            .fab,
            .fal,
            .fad,
            .fass {
                font-family: "Font Awesome 6 Free" !important;
                font-weight: 900 !important;
                display: inline-block !important;
                font-style: normal !important;
                font-variant: normal !important;
                text-rendering: auto !important;
                line-height: 1 !important;
                -webkit-font-smoothing: antialiased !important;
                -moz-osx-font-smoothing: grayscale !important;
            }

            .fab {
                font-family: "Font Awesome 6 Brands" !important;
                font-weight: 400 !important;
            }

            /* Link Icon Specific */
            .link-icon {
                font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
                font-weight: 900 !important;
                font-style: normal !important;
                font-variant: normal !important;
                text-rendering: auto !important;
                line-height: 1 !important;
                -webkit-font-smoothing: antialiased !important;
                -moz-osx-font-smoothing: grayscale !important;
                text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
                filter: contrast(1.1) brightness(1.05);
            }

            /* Brand icons specific weight */
            .link-icon.fab {
                font-weight: 400 !important;
            }

            /* Icon Container Styles */
            .link-icon-wrapper {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                position: relative;
                min-width: 1.2em;
                min-height: 1.2em;
            }

            /* Slide-down tema için özel icon wrapper */
            .link-theme-slide-down .link-icon-wrapper {
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 100%;
                height: 100%;
                margin: 0;
            }

            .link-icon-wrapper i {
                display: inline-block !important;
                font-style: normal !important;
                line-height: 1 !important;
                font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
            }

            /* Ensure icons are visible in all themes */
            .link-theme-grid .link-icon,
            .link-theme-list .link-icon,
            .link-theme-slide-down .link-icon,
            .link-theme-fixed-list .link-icon {
                opacity: 1 !important;
                visibility: visible !important;
                color: inherit !important;
            }

            /* Icon Base Styles */
            i[class*="fa-"] {
                min-width: 1.2em;
                font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
                font-style: normal !important;
                font-variant: normal !important;
                text-rendering: auto !important;
                line-height: 1 !important;
                -webkit-font-smoothing: antialiased !important;
                -moz-osx-font-smoothing: grayscale !important;
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
                filter: contrast(1.1) brightness(1.05);
            }

            /* Force icon visibility */
            .link-item i {
                display: inline-block !important;
                width: auto !important;
                height: auto !important;
                line-height: inherit !important;
                vertical-align: baseline !important;
                font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
            }

            /* ── GRID ── Kare Küpler 4'lü Sıralama */
            .link-theme-grid .links-grid {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 14px;
                justify-content: center;
                max-width: 100%;
                margin: 0 auto;
                padding: 10px 0;
            }

            .link-theme-grid .link-item {
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                justify-content: center !important;
                border-radius: 20px;
                padding: 16px 10px;
                text-align: center;
                min-height: 90px;
                background: var(--link-bg, #667eea);
                color: var(--link-text, #ffffff);
                position: relative;
                overflow: hidden;
                aspect-ratio: 1;
                box-shadow: 0 4px 15px rgba(var(--text-primary-rgb, 0, 0, 0), 0.1);
                transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            }

            .link-theme-grid .link-item::before {
                content: '';
                position: absolute;
                inset: 0;
                background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), transparent);
                opacity: 0;
                transition: opacity 0.4s ease;
            }

            .link-theme-grid .link-item:hover::before {
                opacity: 1;
            }

            .link-theme-grid .link-item:hover {
                transform: translateY(-6px) scale(1.05);
                box-shadow: 0 12px 25px rgba(var(--text-primary-rgb, 0, 0, 0), 0.15);
                z-index: 2;
            }

            .link-theme-grid .link-icon {
                font-size: 2.0rem !important;
                margin-bottom: 2px;
                transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                position: relative;
                z-index: 1;
                color: inherit;
            }

            .link-theme-grid .link-item:hover .link-icon {
                transform: scale(1.15) translateY(-2px);
            }

            .link-theme-grid .link-title {
                display: block;
                font-weight: 700;
                font-size: 0.75rem;
                line-height: 1.2;
                word-wrap: break-word;
                z-index: 1;
                position: relative;
            }

            .link-theme-grid .link-text {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                width: 100%;
                z-index: 1;
                margin-top: 5px;
            }

            .link-theme-grid .link-description {
                display: none; /* Keep grid clean by only showing title */
            }

            /* ── LIST ── Alt Alta Listeleme */
            .link-theme-list .links-list {
                display: flex;
                flex-direction: column;
                gap: 12px;
                width: 100%;
                margin: 0 auto;
                padding: 10px 0;
            }

            .link-theme-list .link-item {
                display: flex;
                align-items: center;
                padding: 16px 22px;
                border-radius: 20px;
                text-align: left;
                min-height: 65px;
                width: 100%;
                font-weight: 700;
                background: var(--link-bg, #667eea);
                color: var(--link-text, #ffffff);
                justify-content: flex-start;
                transition: all 0.3s cubic-bezier(.4, 0, .2, 1);
                position: relative;
                overflow: hidden;
                box-shadow: 0 4px 15px rgba(var(--text-primary-rgb, 0, 0, 0), 0.08);
            }

            .link-theme-list .link-item::after {
                content: '';
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1));
                opacity: 0;
                transition: opacity 0.3s;
            }

            .link-theme-list .link-item:hover {
                transform: translateY(-4px) scale(1.02);
                box-shadow: 0 10px 25px rgba(var(--text-primary-rgb, 0, 0, 0), 0.15);
            }

            .link-theme-list .link-item:hover::after {
                opacity: 1;
            }

            .link-theme-list .link-icon {
                font-size: 1.8rem !important;
                margin-right: 18px;
                width: 44px;
                color: inherit;
                display: flex;
                align-items: center;
                justify-content: center;
                z-index: 1;
                transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            }

            .link-theme-list .link-item:hover .link-icon {
                transform: scale(1.15) rotate(5deg);
            }

            .link-theme-list .link-content-wrapper {
                display: flex;
                flex-direction: column;
                justify-content: center;
                z-index: 1;
                flex: 1;
            }

            .link-theme-list .link-title {
                display: block;
                font-weight: 700;
                font-size: 0.95rem;
                line-height: 1.2;
            }

            .link-theme-list .link-description {
                font-size: 0.8rem;
                opacity: 0.85;
                margin-top: 3px;
                line-height: 1.2;
                font-weight: 500;
            }

            .link-theme-list .link-text {
                font-weight: 600;
                font-size: 0.9rem;
                flex: 1;
            }

            /* ── SLIDE-DOWN ── Yukarıdan Aşağı Kaydırmalı Dairesel Kartlar */
            .link-theme-slide-down .links-slide-down {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(85px, 1fr));
                gap: 16px;
                justify-content: center;
                width: 100%;
                margin: 0 auto;
                padding: 15px 0;
            }

            .link-theme-slide-down .link-item {
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                justify-content: center !important;
                text-align: center;
                text-decoration: none;
                animation: slideInFromTop 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
                transform: translateY(-40px);
                opacity: 0;
                transition: all 0.3s ease;
                color: var(--text-primary);
                background: none !important;
                border: none !important;
                padding: 0 !important;
                min-height: auto !important;
            }

            .link-theme-slide-down .link-item:hover {
                color: var(--text-primary);
                transform: translateY(-6px);
            }

            /* Animation delays generator */
            .link-theme-slide-down .link-item:nth-child(1) {
                animation-delay: 0.05s;
            }

            .link-theme-slide-down .link-item:nth-child(2) {
                animation-delay: 0.10s;
            }

            .link-theme-slide-down .link-item:nth-child(3) {
                animation-delay: 0.15s;
            }

            .link-theme-slide-down .link-item:nth-child(4) {
                animation-delay: 0.20s;
            }

            .link-theme-slide-down .link-item:nth-child(5) {
                animation-delay: 0.25s;
            }

            .link-theme-slide-down .link-item:nth-child(6) {
                animation-delay: 0.30s;
            }

            .link-theme-slide-down .link-item:nth-child(7) {
                animation-delay: 0.35s;
            }

            .link-theme-slide-down .link-item:nth-child(8) {
                animation-delay: 0.40s;
            }

            .link-theme-slide-down .link-item:nth-child(9) {
                animation-delay: 0.45s;
            }

            .link-theme-slide-down .link-item:nth-child(n+10) {
                animation-delay: 0.5s;
            }

            .link-theme-slide-down .link-circle {
                width: 85px;
                height: 85px;
                border-radius: 50%;
                background: var(--link-bg, #667eea);
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                margin-bottom: 8px;
                box-shadow: 0 8px 20px rgba(var(--text-primary-rgb, 0, 0, 0), 0.15);
                transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                position: relative;
                overflow: hidden;
            }

            .link-theme-slide-down .link-circle::before {
                content: '';
                position: absolute;
                inset: 0;
                background: linear-gradient(135deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
                opacity: 0;
                transition: opacity 0.3s ease;
            }

            .link-theme-slide-down .link-icon-wrapper {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 100%;
                z-index: 2;
            }
                opacity: 0;
                transition: opacity 0.3s ease;
            }

            .link-theme-slide-down .link-item:hover .link-circle {
                transform: scale(1.15);
                box-shadow: 0 12px 30px rgba(var(--text-primary-rgb, 0, 0, 0), 0.25);
            }

            .link-theme-slide-down .link-item:hover .link-circle::before {
                opacity: 1;
            }

            .link-theme-slide-down .link-icon {
                font-size: 2.2rem !important;
                color: var(--link-text, #ffffff) !important;
                transition: transform 0.3s ease;
                position: relative;
                z-index: 2;
            }

            .link-theme-slide-down .link-item:hover .link-icon {
                transform: scale(1.1) rotate(5deg);
            }

            .link-theme-slide-down .link-text {
                font-weight: 700;
                font-size: 0.8rem;
                color: var(--text-primary);
                line-height: 1.15;
                text-align: center;
                max-width: 90px;
                margin-top: 0px;
            }

            @keyframes slideInFromTop {
                0% {
                    opacity: 0;
                    transform: translateY(-40px) scale(0.85);
                }

                70% {
                    opacity: 0.9;
                    transform: translateY(5px) scale(1.05);
                }

                100% {
                    opacity: 1;
                    transform: translateY(0) scale(1);
                }
            }


            /* ── MINIMAL ── Beyaz/Açık Tema Sabit Liste (Eski) */
            .link-theme-minimal .links-minimal {
                display: flex;
                flex-direction: column;
                gap: 4px;
                background: transparent;
                padding: 5px 0;
                width: 100%;
                margin: 0 auto;
                border: none;
            }

            .link-theme-minimal .link-item {
                display: flex !important;
                align-items: center !important;
                padding: 16px 14px;
                text-align: left;
                background: transparent !important;
                color: var(--text-primary) !important;
                border-radius: 12px;
                transition: all 0.3s ease;
                width: 100%;
                font-weight: 600;
                min-height: 55px;
                text-decoration: none;
                border-bottom: 1px solid rgba(var(--text-primary-rgb, 0, 0, 0), 0.05);
            }

            .link-theme-minimal .link-item:last-child {
                border-bottom: none;
            }

            .color-theme-dark .link-theme-minimal .link-item {
                border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            }
            .color-theme-dark .link-theme-minimal .link-item:last-child {
                border-bottom: none;
            }

            .link-theme-minimal .link-item:hover {
                background: rgba(var(--text-primary-rgb, 255, 255, 255), 0.04) !important;
                transform: translateX(4px);
            }

            .link-theme-minimal .link-icon {
                font-size: 1.8rem !important;
                margin-right: 22px;
                width: 40px;
                height: 40px;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                border-radius: 0;
                background: transparent;
                color: var(--link-bg);
                flex-shrink: 0;
                box-shadow: none;
                transition: transform 0.3s cubic-bezier(.4, 0, .2, 1);
            }

            .link-theme-minimal .link-item:hover .link-icon {
                transform: scale(1.15) translateY(-2px);
            }

            .link-theme-minimal .link-text {
                font-weight: 600;
                font-size: 0.95rem;
                color: inherit;
                flex: 1;
                line-height: 1.3;
            }

            .link-theme-minimal .link-title {
                display: block;
                font-weight: 700;
                font-size: 1.15rem;
            }

            .link-theme-minimal .link-description {
                font-size: 0.9rem;
                opacity: 0.7;
                margin-top: 4px;
                line-height: 1.2;
                font-weight: 500;
            }

            /* ── FIXED-LIST ── Premium Şerit Liste */
            .link-theme-fixed-list .links-fixed-list {
                display: flex;
                flex-direction: column;
                gap: 14px;
                width: 100%;
                margin: 0 auto;
                padding: 10px 0;
                perspective: 1200px; /* For 3D JS effects */
            }

            .link-theme-fixed-list .link-item {
                display: flex !important;
                align-items: center !important;
                padding: 14px 20px;
                text-align: left;
                background: linear-gradient(135deg, var(--link-bg) 0%, rgba(0,0,0,0.15) 200%), var(--link-bg) !important;
                color: var(--link-text) !important;
                border-radius: 20px;
                transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.2s ease, filter 0.2s ease !important;
                width: 100%;
                font-weight: 700;
                min-height: 72px;
                text-decoration: none;
                border: 1px solid rgba(255, 255, 255, 0.3) !important;
                box-shadow: 0 8px 20px rgba(0,0,0,0.12), inset 0 2px 6px rgba(255, 255, 255, 0.2);
                position: relative;
                overflow: hidden;
                transform-style: preserve-3d;
                will-change: transform;
            }
            
            /* Entry Animation for initial load via JS */
            .link-theme-fixed-list .link-item.stagger-in {
                opacity: 0;
                transform: translateY(40px) scale(0.95) rotateX(-10deg);
                animation: stripCascade 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
            }

            @keyframes stripCascade {
                100% {
                    opacity: 1;
                    transform: translateY(0) scale(1) rotateX(0deg);
                }
            }

            .link-theme-fixed-list .link-item::before {
                content: '';
                position: absolute;
                inset: 0;
                background: radial-gradient(circle at var(--glare-x, -50%) var(--glare-y, -50%), rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 70%);
                pointer-events: none;
                opacity: 0;
                mix-blend-mode: overlay;
                transition: opacity 0.3s;
                z-index: 2;
            }

            .link-theme-fixed-list .link-item:hover {
                transform: translateY(-4px) scale(1.02);
                box-shadow: 0 15px 30px rgba(0,0,0,0.2), inset 0 2px 6px rgba(255, 255, 255, 0.4);
                z-index: 5;
            }

            .link-theme-fixed-list .link-item:hover::before {
                opacity: 1;
            }

            .link-theme-fixed-list .link-icon-wrapper {
                margin-right: 18px;
                width: 48px;
                height: 48px;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                border-radius: 14px;
                background: var(--link-text);
                color: var(--link-bg);
                flex-shrink: 0;
                box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15), inset 0 -2px 4px rgba(0,0,0,0.1);
                transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
                position: relative;
                z-index: 1;
            }

            .link-theme-fixed-list .link-icon {
                font-size: 1.6rem !important;
                margin-left: 3px;
            }

            .link-theme-fixed-list .link-item:hover .link-icon-wrapper {
                transform: scale(1.1) rotate(8deg);
            }

            .link-theme-fixed-list .link-text {
                display: flex;
                flex-direction: column;
                justify-content: center;
                flex: 1;
                z-index: 1;
                position: relative;
            }

            .link-theme-fixed-list .link-title {
                display: block !important;
                font-weight: 800;
                font-size: 1.15rem;
                line-height: 1.2;
                color: var(--link-text);
                letter-spacing: -0.01em;
            }

            .link-theme-fixed-list .link-description {
                display: block !important;
                font-size: 0.85rem;
                opacity: 0.85;
                margin-top: 4px;
                font-weight: 500;
                color: var(--link-text);
            }

            .link-theme-fixed-list .link-item::after {
                content: '\f054';
                font-family: "Font Awesome 6 Free";
                font-weight: 900;
                position: absolute;
                right: 22px;
                opacity: 0.3;
                font-size: 1.1rem;
                color: var(--link-text);
                transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                text-shadow: 0 2px 4px rgba(0,0,0,0.1);
            }

            .link-theme-fixed-list .link-item:hover::after {
                opacity: 1;
                right: 15px;
                transform: scale(1.3);
            }

            /* Special Buttons */
            .special-btn {
                border: 2px solid rgba(255, 255, 255, 0.3);
                animation: pulse-subtle 2s infinite;
            }

            .special-btn:hover {
                transform: translateY(-2px) scale(1.01);
                animation: none;
            }

            /* Fixed Buttons - Sabit Butonlar */
            .fixed-btn {
                border: 2px solid rgba(255, 255, 255, 0.2);
                position: relative;
                overflow: hidden;
            }

            .fixed-btn::before {
                content: '';
                position: absolute;
                top: 0;
                left: -100%;
                width: 100%;
                height: 100%;
                background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
                transition: left 0.5s ease;
            }

            .fixed-btn:hover::before {
                left: 100%;
            }

            .fixed-btn:hover {
                transform: translateY(-2px) scale(1.01);
                box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
            }

            @keyframes pulse-subtle {

                0%,
                100% {
                    opacity: 1;
                }

                50% {
                    opacity: 0.95;
                }
            }

            /* Wzoop Floating Action Button */
            .wzoop-floating-wrapper {
                position: fixed;
                top: 20px;
                right: 20px;
                z-index: 1010;
                animation: flyFloat 3s ease-in-out infinite;
            }

            .wzoop-floating-logo {
                width: 58px;
                height: 60px;
                background: rgba(255, 255, 255, 0.2);
                backdrop-filter: blur(15px);
                -webkit-backdrop-filter: blur(15px);
                border-radius: 16px;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1), inset 0 2px 10px rgba(255, 255, 255, 0.3);
                border: 1px solid rgba(255, 255, 255, 0.4);
                transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                text-decoration: none;
                gap: 2px;
            }

            .wzoop-floating-logo img {
                width: 32px;
                height: 32px;
                object-fit: contain;
                transition: transform 0.3s ease;
            }

            .wzoop-floating-text {
                font-size: 0.55rem;
                font-weight: 600;
                color: var(--text-primary);
                text-align: center;
                line-height: 1.1;
                white-space: nowrap;
            }

            .wzoop-floating-logo:hover {
                transform: scale(1.15) rotate(10deg);
                background: rgba(255, 255, 255, 0.4);
                box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2), inset 0 2px 15px rgba(255, 255, 255, 0.6);
            }

            @keyframes flyFloat {

                0%,
                100% {
                    transform: translateY(0);
                }

                50% {
                    transform: translateY(-8px);
                }
            }

            .color-theme-dark .wzoop-floating-logo {
                background: rgba(30, 40, 50, 0.5);
                border: 1px solid rgba(255, 255, 255, 0.15);
                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4), inset 0 2px 5px rgba(255, 255, 255, 0.05);
            }

            .color-theme-dark .wzoop-floating-logo:hover {
                background: rgba(255, 255, 255, 0.2);
            }

            .color-theme-dark .wzoop-floating-text {
                color: #ffffff;
            }

            @media (max-width: 576px) {
                .wzoop-floating-wrapper {
                    top: 15px;
                    right: 15px;
                }

                .wzoop-floating-logo {
                    width: 52px;
                    height: 54px;
                    border-radius: 14px;
                    gap: 1px;
                }

                .wzoop-floating-logo img {
                    width: 26px;
                    height: 26px;
                }

                .wzoop-floating-text {
                    font-size: 0.5rem;
                    line-height: 1;
                }
            }

            /* QR Code Modal Styles */
            .qr-container {
                padding: 15px;
            }

            .qr-code-display {
                display: inline-block;
                padding: 15px;
                background: white;
                border-radius: 12px;
                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
                margin: 0 auto;
            }

            .qr-actions {
                margin-top: 15px;
            }

            .qr-actions .btn {
                border-radius: 8px;
                padding: 8px 16px;
                font-weight: 600;
            }

            /* VCF Special Styles */
            .vcf-link {
                border: 2px solid rgba(255, 255, 255, 0.3);
                background: linear-gradient(135deg, var(--link-bg), #1e3a8a) !important;
            }

            /* Responsive Design */
            @media (max-width: 768px) {
                .profile-container {
                    padding: 8px 8px 100px 8px;
                    /* Increased bottom padding for mobile footer */
                }

                .profile-header {
                    padding: 15px;
                    margin-bottom: 10px;
                    border-radius: 15px;
                }

                .profile-avatar {
                    width: 105px;
                    height: 105px;
                }

                .profile-name {
                    font-size: 2.0rem;
                    margin-bottom: 2px;
                }

                .profile-username {
                    font-size: 0.8rem;
                }

                .profile-bio {
                    font-size: 0.75rem;
                    max-height: 45px;
                }

                .links-container {
                    padding: 12px;
                    border-radius: 15px;
                }



                .cover-slider {
                    margin-bottom: 10px;
                    border-radius: 12px;
                }

                .cover-slider img {
                    height: 160px;
                }

                /* Grid Theme Mobile */
                .link-theme-grid .links-grid {
                    grid-template-columns: repeat(3, 1fr);
                    gap: 10px;
                }

                .link-theme-grid .link-item {
                    padding: 12px 8px;
                    min-height: 70px;
                    border-radius: 15px;
                }

                .link-theme-grid .link-icon {
                    font-size: 1.8rem !important;
                    margin-bottom: 5px;
                }

                .link-theme-grid .link-text {
                    font-size: 0.65rem;
                }

                /* List Theme Mobile */
                .link-theme-list .links-list {
                    gap: 8px;
                }

                .link-theme-list .link-item {
                    padding: 12px 15px;
                    min-height: 50px;
                    border-radius: 15px;
                }

                .link-theme-list .link-icon {
                    font-size: 1.5rem !important;
                    margin-right: 12px;
                    width: 35px;
                }

                .link-theme-list .link-text {
                    font-size: 0.8rem;
                }

                /* Slide Themes Mobile */
                .link-theme-slide-down .links-slide-down {
                    grid-template-columns: repeat(4, 1fr);
                    gap: 12px;
                    padding: 8px 0;
                }

                .link-theme-slide-down .link-circle {
                    width: 70px;
                    height: 70px;
                    margin-bottom: 4px;
                }

                .link-theme-slide-down .link-icon {
                    font-size: 1.8rem !important;
                }

                .link-theme-slide-down .link-text {
                    font-size: 0.75rem;
                    max-width: 75px;
                }


                /* Minimal List Mobile */
                .link-theme-minimal .links-minimal {
                    padding: 12px 15px;
                    border-radius: 10px;
                }

                .link-theme-minimal .link-item {
                    padding: 14px 12px;
                    min-height: 50px;
                }

                .link-theme-minimal .link-icon {
                    font-size: 1.5rem !important;
                    margin-right: 18px;
                    width: 36px;
                    height: 36px;
                }

                .link-theme-minimal .link-text {
                    font-size: 1rem;
                }
                
                .link-theme-minimal .link-title {
                    font-size: 1.05rem;
                }
                
                .link-theme-minimal .link-description {
                    font-size: 0.85rem;
                }

                /* Fixed List Mobile */
                .link-theme-fixed-list .links-fixed-list {
                    padding: 8px 0;
                    gap: 12px;
                }

                .link-theme-fixed-list .link-item {
                    padding: 14px 18px;
                    min-height: 65px;
                    border-radius: 14px;
                }

                .link-theme-fixed-list .link-icon-wrapper {
                    margin-right: 15px;
                    width: 42px;
                    height: 42px;
                    border-radius: 12px;
                }

                .link-theme-fixed-list .link-icon {
                    font-size: 1.3rem !important;
                    margin-left: 2px;
                }

                .link-theme-fixed-list .link-title {
                    font-size: 1.05rem;
                }

                .link-theme-fixed-list .link-description {
                    font-size: 0.8rem;
                }

                .link-theme-fixed-list .link-item::after {
                    right: 15px;
                    font-size: 0.85rem;
                }
            }

            @media (max-width: 576px) {
                .profile-container {
                    padding: 5px 5px 95px 5px;
                    /* Increased bottom padding for small mobile footer */
                }

                .profile-header {
                    padding: 12px;
                    margin-bottom: 8px;
                    border-radius: 12px;
                }

                .profile-avatar {
                    width: 110px;
                    height: 110px;
                }

                .profile-name {
                    font-size: 1.9rem;
                    margin-bottom: 2px;
                }

                .profile-username {
                    font-size: 0.85rem;
                }

                .profile-bio {
                    font-size: 0.7rem;
                    max-height: 35px;
                }

                .links-container {
                    padding: 10px;
                    border-radius: 12px;
                }

                /* Grid Theme Small Mobile */
                .link-theme-grid .links-grid {
                    grid-template-columns: repeat(3, 1fr);
                    gap: 8px;
                }

                .link-theme-grid .link-item {
                    padding: 10px 6px;
                    min-height: 75px;
                    border-radius: 12px;
                }

                .link-theme-grid .link-icon {
                    font-size: 1.7rem !important;
                    margin-bottom: 5px;
                }

                .link-theme-grid .link-text {
                    font-size: 0.65rem;
                    line-height: 1.1;
                }

                /* List Theme Small Mobile */
                .link-theme-list .link-item {
                    padding: 10px 12px;
                    min-height: 45px;
                    border-radius: 12px;
                }

                .link-theme-list .link-icon {
                    font-size: 1.3rem !important;
                    margin-right: 10px;
                    width: 30px;
                }

                .link-theme-list .link-text {
                    font-size: 0.75rem;
                }

                /* Slide Themes Small Mobile */
                .link-theme-slide-down .links-slide-down {
                    grid-template-columns: repeat(3, 1fr);
                    gap: 10px;
                    padding: 6px 0;
                }

                .link-theme-slide-down .link-circle {
                    width: 64px;
                    height: 64px;
                    margin-bottom: 3px;
                }

                .link-theme-slide-down .link-icon {
                    font-size: 1.6rem !important;
                }

                .link-theme-slide-down .link-text {
                    font-size: 0.7rem;
                    line-height: 1.1;
                    max-width: 70px;
                }


                /* Minimal List Small Mobile */
                .link-theme-minimal .links-minimal {
                    padding: 10px 12px;
                    border-radius: 8px;
                }

                .link-theme-minimal .link-item {
                    padding: 12px 10px;
                    min-height: 44px;
                }

                .link-theme-minimal .link-icon {
                    font-size: 1.35rem !important;
                    margin-right: 15px;
                    width: 32px;
                    height: 32px;
                }

                .link-theme-minimal .link-text {
                    font-size: 0.95rem;
                }

                .link-theme-minimal .link-title {
                    font-size: 0.95rem;
                }

                .link-theme-minimal .link-description {
                    font-size: 0.8rem;
                }

                /* Fixed List Small Mobile */
                .link-theme-fixed-list .links-fixed-list {
                    padding: 6px 0;
                    gap: 10px;
                }

                .link-theme-fixed-list .link-item {
                    padding: 12px 14px;
                    min-height: 60px;
                    border-radius: 12px;
                }

                .link-theme-fixed-list .link-icon-wrapper {
                    margin-right: 12px;
                    width: 38px;
                    height: 38px;
                    border-radius: 10px;
                }

                .link-theme-fixed-list .link-icon {
                    font-size: 1.2rem !important;
                    margin-left: 2px;
                }

                .link-theme-fixed-list .link-title {
                    font-size: 1.0rem;
                }

                .link-theme-fixed-list .link-description {
                    font-size: 0.75rem;
                    margin-top: 2px;
                }

                .link-theme-fixed-list .link-item::after {
                    right: 12px;
                    font-size: 0.8rem;
                }
            }

            @media (max-height: 600px) {
                .profile-header {
                    padding: 10px;
                    margin-bottom: 6px;
                }

                .profile-avatar {
                    width: 65px;
                    height: 65px;
                }

                .profile-name {
                    font-size: 1rem;
                    margin-bottom: 2px;
                }

                .profile-username {
                    font-size: 0.7rem;
                    margin-bottom: 6px;
                }

                .profile-bio {
                    font-size: 0.65rem;
                    max-height: 25px;
                    margin-bottom: 8px;
                }

                .cover-slider {
                    margin-bottom: 6px;
                }

                .cover-slider img {
                    height: 120px;
                }

                .links-container {
                    padding: 8px;
                }

                .link-theme-grid .link-item {
                    min-height: 70px;
                    padding: 8px 6px;
                }

                .link-theme-grid .link-icon {
                    font-size: 1.6rem !important;
                    margin-bottom: 4px;
                }

                .link-theme-grid .link-text {
                    font-size: 0.6rem;
                }

                .link-theme-list .link-item {
                    min-height: 35px;
                    padding: 6px 10px;
                }

                .link-theme-list .link-icon {
                    font-size: 1.1rem !important;
                    width: 25px;
                }

                .link-theme-list .link-text {
                    font-size: 0.7rem;
                }

                .link-theme-slide-down .link-circle {
                    width: 45px;
                    height: 45px;
                }

                .link-theme-slide-down .link-icon {
                    font-size: 1.1rem !important;
                }

                .link-theme-slide-down .link-text {
                    font-size: 0.55rem;
                    max-width: 45px;
                }
            }

            /* Special Interactive Buttons (VCF, Banka) */
            .special-btn {
                position: relative;
                z-index: 1;
                overflow: hidden !important;
                animation: softBreath 3s infinite ease-in-out;
            }

            .special-btn::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0) 100%);
                transform: translateX(-100%);
                animation: specialShimmer 4s infinite cubic-bezier(0.19, 1, 0.22, 1);
                z-index: 0;
                pointer-events: none;
            }

            @keyframes specialShimmer {
                0% {
                    transform: translateX(-150%) skewX(-15deg);
                }

                50% {
                    transform: translateX(150%) skewX(-15deg);
                }

                100% {
                    transform: translateX(150%) skewX(-15deg);
                }
            }

            @keyframes softBreath {
                0% {
                    transform: scale(1);
                    box-shadow: 0 4px 15px rgba(var(--text-primary-rgb, 0, 0, 0), 0.1);
                }

                50% {
                    transform: scale(1.015);
                    box-shadow: 0 8px 25px rgba(var(--text-primary-rgb, 0, 0, 0), 0.2);
                }

                100% {
                    transform: scale(1);
                    box-shadow: 0 4px 15px rgba(var(--text-primary-rgb, 0, 0, 0), 0.1);
                }
            }

            /* Hover should pause breath and do its own scaling */
            .special-btn:hover {
                animation-play-state: paused;
                transform: scale(1.03) translateY(-4px) !important;
            }

            /* Fixed Bottom Navigation - Elite App Dock Design */
            .fixed-bottom-nav {
                position: fixed;
                bottom: 24px;
                left: 50%;
                transform: translateX(-50%);
                width: max-content;
                max-width: 95%;
                background: var(--link-bg, rgba(255, 255, 255, 0.75));
                border-radius: 28px;
                border: 1px solid rgba(var(--text-primary-rgb, 255, 255, 255), 0.15);
                border-top: 1px solid rgba(var(--text-primary-rgb, 255, 255, 255), 0.25);
                padding: 10px 20px;
                z-index: 1005;
                box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2), 0 5px 15px rgba(0, 0, 0, 0.1), inset 0 2px 10px rgba(var(--text-primary-rgb, 255, 255, 255), 0.1);
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .bottom-nav-container {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 100%;
                gap: 10px;
                overflow-x: auto;
                scrollbar-width: none;
                -webkit-overflow-scrolling: touch;
            }

            .bottom-nav-container::-webkit-scrollbar {
                display: none;
            }

            .nav-separator {
                width: 1px;
                height: 38px;
                background: linear-gradient(to bottom, transparent, rgba(var(--text-primary-rgb, 255, 255, 255), 0.15), transparent);
                margin: 0 4px;
                border-radius: 1px;
                flex-shrink: 0;
            }

            .bottom-nav-item {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                text-decoration: none;
                color: var(--link-text, var(--text-primary));
                transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                padding: 8px 10px;
                border-radius: 18px;
                min-width: 65px;
                position: relative;
                border: none;
                background: transparent;
                cursor: pointer;
                text-align: center;
                overflow: hidden;
                flex-shrink: 0;
            }

            .bottom-nav-item::before {
                content: '';
                position: absolute;
                inset: 0;
                background: rgba(var(--text-primary-rgb, 0, 0, 0), 0.08);
                /* Hover highlight effect */
                border-radius: 18px;
                opacity: 0;
                transition: opacity 0.3s ease;
                z-index: 0;
            }

            .bottom-nav-item:hover::before {
                opacity: 1;
            }

            .bottom-nav-item:hover {
                color: var(--link-text, var(--text-primary));
                text-decoration: none;
                transform: translateY(-4px);
            }

            .bottom-nav-icon {
                font-size: 1.8rem;
                margin-bottom: 6px;
                display: flex;
                align-items: center;
                justify-content: center;
                color: var(--link-text, var(--text-primary));
                background: transparent !important;
                border: none !important;
                transition: transform 0.3s ease, color 0.3s ease;
                position: relative;
                z-index: 1;
            }

            .bottom-nav-item:hover .bottom-nav-icon {
                transform: scale(1.15) translateY(-2px);
            }

            .bottom-nav-text {
                font-size: 0.72rem;
                font-weight: 500;
                font-family: 'Inter', 'Poppins', sans-serif;
                color: var(--link-text, var(--text-primary));
                opacity: 0.85;
                /* Slightly less prominent than the icon */
                text-align: center;
                line-height: 1;
                white-space: nowrap;
                display: block;
                position: relative;
                z-index: 1;
                letter-spacing: 0.03em;
                transition: opacity 0.3s ease;
            }

            .bottom-nav-item:hover .bottom-nav-text {
                opacity: 1;
            }

            /* Responsive adjustments */
            @media (max-width: 480px) {
                .fixed-bottom-nav {
                    padding: 10px 15px 8px 15px;
                    border-radius: 24px;
                    bottom: 15px;
                }

                .bottom-nav-container {
                    gap: 6px;
                }

                .bottom-nav-item {
                    padding: 6px;
                    min-width: 55px;
                }

                .bottom-nav-icon {
                    font-size: 1.6rem;
                    margin-bottom: 5px;
                }

                .bottom-nav-text {
                    font-size: 0.65rem;
                }

                .nav-separator {
                    margin: 0 3px;
                    height: 28px;
                }
            }

            @media (max-width: 380px) {
                .bottom-nav-container {
                    gap: 6px;
                }

                .bottom-nav-item {
                    padding: 6px 4px;
                    min-width: 46px;
                }

                .bottom-nav-icon {
                    width: 34px;
                    height: 34px;
                    font-size: 1.2rem;
                    margin-bottom: 3px;
                }

                .bottom-nav-text {
                    font-size: 0.65rem;
                    font-weight: 600;
                }

                .nav-separator {
                    margin: 0 2px;
                    height: 25px;
                }
            }

            /* Vertical Separators */
            .nav-separator {
                display: none;
                /* Hide nav separators by default */
                width: 1px;
                height: 32px;
                background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1), transparent);
                margin: 0 6px;
                flex-shrink: 0;
            }

            /* Elite Obsidian Modal Overrides */
            .modal-content {
                background: rgba(var(--text-primary-rgb, 255, 255, 255), 0.08) !important;
                backdrop-filter: blur(25px) !important;
                -webkit-backdrop-filter: blur(25px) !important;
                border: 1px solid rgba(var(--text-primary-rgb, 255, 255, 255), 0.15) !important;
                border-radius: 28px !important;
                color: var(--text-primary) !important;
                box-shadow: 0 25px 60px rgba(0, 0, 0, 0.4) !important;
                pointer-events: auto;
            }

            .modal-header {
                border-bottom: 1px solid rgba(var(--text-primary-rgb, 255, 255, 255), 0.1) !important;
                padding: 22px 28px !important;
            }

            .modal-title {
                font-weight: 700 !important;
                font-size: 1.3rem;
                letter-spacing: -0.02em;
                color: var(--text-primary) !important;
                display: flex;
                align-items: center;
            }

            .modal-title i {
                color: var(--link-bg) !important;
            }



            .modal-footer {
                border-top: 1px solid rgba(var(--text-primary-rgb, 255, 255, 255), 0.1) !important;
                padding: 18px 28px !important;
            }

            .modal-body {
                padding: 28px !important;
            }

            .modal-content .card {
                background: rgba(var(--text-primary-rgb, 255, 255, 255), 0.05) !important;
                border: 1px solid rgba(var(--text-primary-rgb, 255, 255, 255), 0.08) !important;
                border-radius: 20px;
                color: inherit;
            }

            .modal-content .text-muted {
                color: var(--text-muted) !important;
            }

            .modal-content .form-label {
                color: var(--text-secondary) !important;
            }

            .btn-close {
                background-color: rgba(var(--text-primary-rgb, 255, 255, 255), 0.1) !important;
                border-radius: 50% !important;
                background-image: none !important;
                display: flex !important;
                align-items: center;
                justify-content: center;
                width: 32px;
                height: 32px;
                padding: 0 !important;
                opacity: 0.8;
                transition: all 0.3s ease;
            }

            .btn-close::before {
                content: '\f00d';
                font-family: "Font Awesome 6 Free";
                font-weight: 900;
                color: var(--text-primary);
                font-size: 14px;
            }

            .btn-close:hover {
                opacity: 1;
                transform: scale(1.1) rotate(90deg);
                background-color: rgba(var(--text-primary-rgb, 255, 255, 255), 0.2) !important;
            }

            .modal-content .btn-secondary {
                background: rgba(var(--text-primary-rgb, 255, 255, 255), 0.1) !important;
                border: none;
                color: var(--text-primary);
                border-radius: 12px;
                font-weight: 600;
                padding: 10px 24px;
                transition: all 0.3s;
            }

            .modal-content .btn-secondary:hover {
                background: rgba(var(--text-primary-rgb, 255, 255, 255), 0.2) !important;
                transform: translateY(-2px);
            }

            .qr-container {
                background: white !important;
                border-radius: 20px;
                padding: 20px;
                display: inline-block;
            }

            .qr-container p {
                color: #000 !important;
                font-weight: 600;
            }

            /* --- YENİ EKLENEN 12 TEMA (YAPISAL FARKLI LİSTELEMELER - DİNAMİK RENKLİ) --- */
            
            /* 1. İkili Kare Izgara (structural_grid) */
            .link-theme-structural_grid .links-structural-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; padding: 10px; }
            .link-theme-structural_grid .link-item {
                display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;
                padding: 30px 10px; background: var(--link-bg); border: 2px solid rgba(0,0,0,0.1);
                border-radius: 12px; color: var(--link-text); text-decoration: none; aspect-ratio: 1/1;
            }
            .link-theme-structural_grid .link-icon-wrapper { font-size: 2.2rem; margin-right: 0; margin-bottom: 15px; color: var(--link-text); opacity: 0.9;}
            .link-theme-structural_grid .link-title { font-weight: 500; font-size: 0.95rem; line-height: 1.3; }

            /* 2. Yatay Kaydırma (horizontal_scroll) - Elite Coverflow Slider Modu */
            .link-theme-horizontal_scroll .links-container { overflow: visible; padding-bottom: 45px; margin: 20px 0; position: relative; }
            .link-theme-horizontal_scroll .links-horizontal-scroll {
                display: flex; flex-direction: row; align-items: center; gap: 20px; overflow-x: auto; 
                padding: 40px calc(50% - 130px); scroll-snap-type: x mandatory; -ms-overflow-style: none; scrollbar-width: none;
                scroll-padding: 0 calc(50% - 130px); scroll-behavior: smooth;
            }
            .link-theme-horizontal_scroll .links-horizontal-scroll::-webkit-scrollbar { display: none; }
            .link-theme-horizontal_scroll .link-item {
                flex: 0 0 260px; scroll-snap-align: center;
                display: flex; flex-direction: column; align-items: center; justify-content: center; 
                padding: 45px 20px; border-radius: 30px; text-decoration: none; position: relative; overflow: hidden;
                box-shadow: 0 15px 35px rgba(0,0,0,0.2); min-height: 250px;

                background: linear-gradient(135deg, var(--link-bg), color-mix(in srgb, var(--link-bg) 60%, black));
                color: var(--link-text); transform-style: preserve-3d;
                transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.2s ease;
                transform: scale(0.85); opacity: 0.6; z-index: 1; /* Varsayılan yan durum */
            }
            .link-theme-horizontal_scroll .link-icon-wrapper { 
                font-size: 5rem; margin-right: 0; margin-bottom: 30px; color: var(--link-text); 
                opacity: 0.95; z-index: 2; transition: transform 0.3s ease;
            }
            /* Abstract background bubbles */
            .link-theme-horizontal_scroll .link-item::after { 
                content: ''; position: absolute; top: -50px; right: -50px; width: 16rem; height: 16rem; 
                border-radius: 50%; background: var(--link-text); opacity: 0.05; z-index: 1; pointer-events: none;
            }
            .link-theme-horizontal_scroll .link-item::before { 
                content: ''; position: absolute; bottom: -30px; left: -30px; width: 10rem; height: 10rem; 
                border-radius: 50%; background: var(--link-text); opacity: 0.08; z-index: 1; pointer-events: none;
            }
            .link-theme-horizontal_scroll .link-title { 
                font-weight: 700; font-size: 1.4rem; white-space: normal; color: var(--link-text); text-align: center;
                z-index: 2; line-height: 1.4; text-shadow: 0 4px 10px rgba(0,0,0,0.2);
            }
            .link-theme-horizontal_scroll .link-description {
                color: var(--link-text); opacity: 0.9; font-size: 1rem; text-align: center; z-index: 2;
                margin-top: 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: 500;
            }

            /* 3. Etiket Bulutu (tag_cloud) - Karmaşık Yapı */
            .link-theme-tag_cloud .links-tag-cloud { 
                display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; padding: 20px 10px; align-items: center;
            }
            .link-theme-tag_cloud .link-item {
                display: inline-flex; align-items: center; padding: 18px 24px; background: var(--link-bg);
                border-radius: 999px; color: var(--link-text); text-decoration: none; flex-grow: 0; justify-content: center;
                box-shadow: 0 4px 15px rgba(0,0,0, 0.1); transition: transform 0.2s;
            }
            .link-theme-tag_cloud .link-item:nth-child(n) { transform: scale(1) translateY(5px); font-size: 1.15rem; }
            .link-theme-tag_cloud .link-item:nth-child(2n) { transform: scale(1.15) rotate(3deg) translateY(-5px); font-weight: 700; border-radius: 15px; }
            .link-theme-tag_cloud .link-item:nth-child(3n) { transform: scale(0.9) rotate(-3deg); font-size: 1rem; }
            .link-theme-tag_cloud .link-item:nth-child(4n) { transform: scale(1.05) translateY(8px); }
            .link-theme-tag_cloud .link-item:nth-child(5n) { transform: scale(1.2) rotate(-4deg) translateY(-10px); }
            .link-theme-tag_cloud .link-item:hover { transform: scale(1.1) rotate(0deg); z-index: 2; position: relative; }
            .link-theme-tag_cloud .link-icon-wrapper { font-size: 1.4rem; margin-right: 12px; color: var(--link-text); opacity: 0.9;}
            .link-theme-tag_cloud .link-title { white-space: nowrap; }

            /* 4. Büyük İkonlu Kart (large_icons) - Overlap Glass Kartlar */
            .link-theme-large_icons .links-large-icons { display: flex; flex-direction: column; gap: 40px; padding-top: 30px; margin: 0 10px;}
            .link-theme-large_icons .link-item {
                display: flex; flex-direction: column; padding: 25px 20px 25px 20px; background: var(--bg-primary); border-radius: 16px;
                border: 2px solid var(--link-bg); color: var(--text-primary); text-decoration: none; position: relative;
                box-shadow: 6px 6px 0px var(--link-bg); margin-bottom: 5px;
            }
            .link-theme-large_icons .link-icon-wrapper { 
                position: absolute; top: -30px; left: 20px; font-size: 2.2rem; background: var(--link-bg); color: var(--link-text);
                width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; border-radius: 16px;
                box-shadow: 0 8px 16px rgba(0,0,0,0.2); margin: 0;
            }
            .link-theme-large_icons .link-text { margin-left: 85px; display: flex; flex-direction: column; }
            .link-theme-large_icons .link-title { font-weight: 700; font-size: 1.3rem; margin-top: 5px;}
            .link-theme-large_icons .link-description { margin-top: 5px; font-size: 0.95rem; opacity: 0.8; }

            /* 5. Zikzak Liste (staggered_list) */
            .link-theme-staggered_list .links-staggered-list { display: flex; flex-direction: column; gap: 15px; width: 100%;}
            .link-theme-staggered_list .link-item {
                display: flex; align-items: center; padding: 18px 25px; background: transparent; border: 2px dashed var(--link-bg);
                color: var(--text-primary); text-decoration: none; width: 85%;
            }
            .link-theme-staggered_list .link-item:nth-child(odd) { align-self: flex-start; border-radius: 0 25px 25px 0; border-left: none; }
            .link-theme-staggered_list .link-item:nth-child(even) { align-self: flex-end; border-radius: 25px 0 0 25px; border-right: none; flex-direction: row-reverse; }
            .link-theme-staggered_list .link-item:nth-child(even) .link-icon-wrapper { margin-right: 0; margin-left: 20px; }
            .link-theme-staggered_list .link-icon-wrapper { font-size: 1.5rem; margin-right: 20px; color: var(--link-bg); opacity: 0.9;}
            .link-theme-staggered_list .link-title { font-weight: 600; font-size: 1.1rem; }

            /* 6. Kompakt Satırlar (compact_rows) */
            .link-theme-compact_rows .links-compact-rows { display: flex; flex-direction: column; margin: 0 10px; }
            .link-theme-compact_rows .link-item {
                display: flex; align-items: center; padding: 16px 10px; background: transparent;
                border-bottom: 2px solid var(--link-bg); color: var(--text-primary); text-decoration: none;
            }
            .link-theme-compact_rows .link-icon-wrapper { font-size: 1.2rem; margin-right: 20px; color: var(--link-bg); opacity: 0.9; }
            .link-theme-compact_rows .link-title { font-weight: 500; font-size: 1.05rem; }

            /* 7. Filigranlı Kart (business_card) */
            .link-theme-business_card .links-business-card { display: flex; flex-direction: column; gap: 25px; padding: 10px;}
            .link-theme-business_card .link-item {
                display: flex; align-items: flex-end; padding: 25px; min-height: 130px;
                background: linear-gradient(135deg, color-mix(in srgb, var(--link-bg) 15%, var(--bg-primary)), var(--bg-primary)); border-radius: 8px; border: 1px solid rgba(0,0,0, 0.1);
                color: var(--text-primary); text-decoration: none; position: relative; overflow: hidden;
            }
            .link-theme-business_card .link-icon-wrapper { 
                position: absolute; right: -15px; top: -15px; font-size: 8rem; color: var(--link-bg); opacity: 0.12; margin: 0; pointer-events: none;
            }
            .link-theme-business_card .link-text { position: relative; z-index: 2; width: 100%; border-left: 4px solid var(--link-bg); padding-left: 15px;}
            .link-theme-business_card .link-title { font-weight: 600; font-size: 1.15rem; }

            /* 8. Bölünmüş Kartlar (split_cards) */
            .link-theme-split_cards .links-split-cards { display: flex; flex-direction: column; gap: 20px; padding: 10px; }
            .link-theme-split_cards .link-item {
                display: flex; align-items: stretch; background: var(--bg-primary); border-radius: 12px; overflow: hidden;
                border: 1px solid rgba(0,0,0,0.1); color: var(--text-primary); text-decoration: none; min-height: 75px;
            }
            .link-theme-split_cards .link-icon-wrapper { 
                width: 75px; background: var(--link-bg); display: flex; align-items: center; justify-content: center;
                font-size: 1.6rem; margin-right: 0; flex-shrink: 0; border-right: 1px solid rgba(0,0,0,0.1); color: var(--link-text);
            }
            .link-theme-split_cards .link-text { padding: 15px 25px; display: flex; align-items: center; flex-grow: 1; }
            .link-theme-split_cards .link-title { font-weight: 600; font-size: 1.1rem; }

            /* 9. Klasör Yapısı (folder_structure) */
            .link-theme-folder_structure .links-folder-structure { display: flex; flex-direction: column; gap: 8px; padding-left: 15px; }
            .link-theme-folder_structure .link-item {
                display: flex; align-items: center; padding: 16px 20px; background: transparent; color: var(--text-primary); text-decoration: none;
                position: relative;
            }
            .link-theme-folder_structure .link-item::before {
                content: ''; position: absolute; left: -15px; top: 50%; width: 25px; border-top: 2px solid var(--link-bg);
            }
            .link-theme-folder_structure .link-item::after {
                content: ''; position: absolute; left: -15px; top: -50%; height: 100%; border-left: 2px solid var(--link-bg);
            }
            .link-theme-folder_structure .link-item:last-child::after { height: 100%; }
            .link-theme-folder_structure .link-icon-wrapper { font-size: 1.4rem; margin-right: 20px; color: var(--link-bg); opacity: 1; background: var(--bg-primary); z-index: 1;}
            .link-theme-folder_structure .link-title { font-weight: 500; font-size: 1.1rem; }

            /* 10. Ağaç Yapısı (tree_structure) - Devre Kartı / Metro Hattı Tasarımı */
            .link-theme-tree_structure .links-tree-structure { display: flex; flex-direction: column; gap: 0; padding-left: 20px; position: relative; margin: 0 10px;}
            .link-theme-tree_structure .links-tree-structure::before {
                content: ''; position: absolute; left: 43px; top: 0; bottom: 0; width: 4px; background: rgba(0,0,0,0.1); border-radius: 2px;
            }
            .link-theme-tree_structure .link-item {
                display: flex; align-items: center; padding: 25px 20px 25px 60px; background: transparent; 
                color: var(--text-primary); text-decoration: none; position: relative; border-bottom: 1px dashed rgba(0,0,0,0.1);
            }
            .link-theme-tree_structure .link-item:last-child { border-bottom: none; }
            .link-theme-tree_structure .link-item::before {
                content: ''; position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; border-radius: 50%;
                background: var(--bg-primary); border: 5px solid var(--link-bg); z-index: 2; box-shadow: 0 0 0 0 transparent;
            }
            .link-theme-tree_structure .link-item::after {
                content: ''; position: absolute; left: 38px; top: 50%; width: 22px; height: 3px; background: var(--link-bg); z-index: 1;
            }
            .link-theme-tree_structure .link-icon-wrapper { 
                display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; 
                background: var(--link-bg); color: var(--link-text); border-radius: 12px; margin-right: 15px; font-size: 1.3rem;
                box-shadow: 0 4px 10px rgba(0,0,0,0.1); margin-left: 5px;
            } 
            .link-theme-tree_structure .link-title { font-weight: 700; font-size: 1.15rem; color: var(--text-primary);}

            /* 11. Daire Izgara (circle_grid) - Swiper.js Cards Effect */
            .link-theme-circle_grid .links-container { overflow: hidden; padding: 0; margin-top: 10px; position: relative; }
            
            .link-theme-circle_grid .swiper {
                width: 200%;
                height: 350px; /* Biraz daha yükseklik payı */
                margin-left: -50%;
                overflow: visible; /* Render hatalarını önlemek için görünür */
                padding-top: 30px;
            }
            .link-theme-circle_grid .swiper-wrapper {
                align-items: center;
            }
            
            .link-theme-circle_grid .link-item,
            .link-theme-circle_grid .swiper-slide {
                display: flex; flex-direction: column; align-items: center; justify-content: center; 
                background: transparent !important; color: var(--text-primary) !important; text-decoration: none;
                /* Slide'ların boyutu serbest bırakılmalı ki Swiper onu konteynere (200vw/200%) eşitlesin */
                border-radius: 18px; box-sizing: border-box; 
                box-shadow: none !important; border: none !important; margin: 0 !important;
                padding: 0 !important;
            }

            .link-theme-circle_grid .link-icon-wrapper { 
                width: 165px; height: 165px; border-radius: 25px; /* Referanstaki gibi hafif kavisli kare */
                display: flex; flex-direction: column; align-items: center; justify-content: center;
                background: var(--link-bg); color: var(--link-text);
                /* Referansta resimlerde shadow var */
                box-shadow: 0px 0px 49px 3px rgba(0,0,0,0.1);
                transition: all 0.3s ease;
                margin: 0 auto;
            }
            
            /* Seçili kartta ekstra parlama - Referans tasarımdaki yorum satırındaki box-shadow stili */
            .link-theme-circle_grid .swiper-slide-active .link-icon-wrapper {
                box-shadow: 0px 0px 30px 2px rgba(106, 106, 106, 0.4);
            }

            .link-theme-circle_grid .link-icon-wrapper i { font-size: 4rem; }
            .link-theme-circle_grid .link-icon-wrapper img { width: 100%; height: 100%; object-fit: cover; border-radius: 25px; }
            
            /* Örnek Tasarım Birebir Kopyası: Sadece ortadaki aktif kartın yazısı görünür */
            .link-theme-circle_grid .link-text {
                display: none;
                margin-top: 15px;
                font-family: 'Poppins', sans-serif;
                font-size: 1.1rem;
                font-weight: 600;
                text-align: center;
                color: var(--text-primary);
                width: 100%;
            }
            .link-theme-circle_grid .link-description { display: none !important; }
            .link-theme-circle_grid .link-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 165px; display: block; margin: 0 auto; }
            .link-theme-circle_grid .swiper-slide-active .link-text {
                display: block;
            }
            
            .link-theme-circle_grid .nav-separator { display: none !important; }
            
            .link-theme-circle_grid .swiper-hint-text {
                position: absolute; bottom: 0; left: 0; right: 0; pointer-events: none;
            }

            /* 12. Tam Genişlik (full_width_blocks) */
            .link-theme-full_width_blocks .links-container { padding-left: 0; padding-right: 0; }
            .link-theme-full_width_blocks .links-full-width-blocks { display: flex; flex-direction: column; width: 100%; align-items: stretch; margin-top: -10px; }
            .link-theme-full_width_blocks .link-item {
                display: flex; align-items: center; padding: 25px 30px; background: var(--link-bg); border-bottom: 1px solid rgba(0,0,0, 0.1);
                color: var(--link-text); text-decoration: none; border-radius: 0; width: 100%; box-sizing: border-box;
            }
            .link-theme-full_width_blocks .link-item:first-child { border-top: 1px solid rgba(0,0,0, 0.1); }
            .link-theme-full_width_blocks .link-icon-wrapper { font-size: 1.6rem; margin-right: 25px; opacity: 0.9; color: var(--link-text); }
            .link-theme-full_width_blocks .link-title { font-weight: 500; font-size: 1.15rem; }