:root {
            --header-btn-renk: #e30613; 
            --danger-color: #e30613; 
        }

        .swal2-container { z-index: 10001 !important; }

        .top-banner-wrapper { width: 100%; display: block; background-color: #000000; overflow: hidden; position: relative; z-index: 10; }
        .top-banner-link { display: block; width: 100%; text-decoration: none; }
        .top-banner-wrapper img, .top-banner-wrapper video { width: 100%; display: block; object-fit: cover; object-position: center; }
        .top-banner-desktop, .top-banner-all { display: block !important; height: 60px !important; }
        .top-banner-mobile { display: none !important; }
        
        @media (max-width: 768px) {
            .top-banner-desktop { display: none !important; }
            .top-banner-mobile, .top-banner-all { display: block !important; height: 50px !important; max-width: 600px; margin: 0 auto; }
        }

        .btn-uye, .btn-header-giris, .btn-cikis {
            display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 500 !important;
            font-size: 14px; padding: 8px 16px; border-radius: 6px; text-decoration: none; cursor: pointer; transition: 0.2s ease-in-out;
        }

        .btn-uye { background-color: var(--header-btn-renk) !important; color: #ffffff !important; border: 1px solid var(--header-btn-renk); }
        .btn-uye:hover { background-color: #e30613 !important; border-color: #e30613; }
        
        .btn-header-giris { border: 1px solid var(--header-btn-renk) !important; color: var(--header-btn-renk) !important; background: transparent !important; }
        .btn-header-giris:hover { background-color: var(--header-btn-renk) !important; color: #ffffff !important; }
        .btn-header-giris .fa-right-to-bracket::before { content: "\f007"; }

        .btn-cikis { border: 1px solid var(--danger-color) !important; color: var(--danger-color) !important; background: transparent; }
        .btn-cikis:hover { background-color: var(--danger-color) !important; color: #ffffff !important; }

        .header-icon-group { display: flex; align-items: center; gap: 15px; }
        .header-icon-btn { color: #333333; font-size: 20px; text-decoration: none; position: relative; transition: 0.2s; cursor: pointer; display: flex; align-items: center; }
        .header-icon-btn:hover { color: var(--header-btn-renk); }
        
        .sepet-rozet, .header-bildirim-rozet {
            position: absolute; top: -8px; right: -8px; color: #ffffff; font-size: 10px; font-weight: bold;
            display: flex; align-items: center; justify-content: center; border: 2px solid #ffffff; transition: transform 0.2s;
        }
        .sepet-rozet { top: -4px; right: -8px; background-color: var(--header-btn-renk); width: 18px; height: 18px; border-radius: 50%; color: #ffffff; line-height: 1; }
        .header-bildirim-rozet { right: -10px; height: 18px; min-width: 18px; border-radius: 10px; padding: 0 5px; background: #e30613; box-sizing: border-box; }
        
        /* BİLDİRİM DROPDOWN CSS */
        .bildirim-dropdown {
            display: none; position: absolute; top: 35px; right: -10px; background: #ffffff; box-shadow: 0 10px 25px rgba(0,0,0,0.15);
            min-width: 260px; width: max-content; border-radius: 8px; z-index: 9999; border: 1px solid #eeeeee; overflow: hidden; text-align: left;
            animation: dropFade 0.2s ease;
        }
        @media (max-width: 768px) {
            .bildirim-dropdown { right: -50px; }
        }
        @keyframes dropFade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
        .bildirim-dropdown.aktif { display: block; }
        .bildirim-item { display: flex; align-items: center; padding: 12px 15px; text-decoration: none; color: #333333; border-bottom: 1px solid #f5f5f5; transition: 0.2s; white-space: nowrap; }
        .bildirim-item:last-child { border-bottom: none; }
        .bildirim-item:hover { background: #f9f9fa; }
        .bildirim-item i { font-size: 14px; width: auto; text-align: center; margin-right: 8px; color: var(--header-btn-renk); }
        .bildirim-item span { font-size: 13px; font-weight: 500; line-height: 1.3; }
        
        /* BİLDİRİM SAYISI ROZETİ RENK KONTROLÜ */
        .bildirim-sayi-badge { background: transparent; color: inherit; border-radius: 0; padding: 0; font-size: 14px; font-weight: 500; margin: 0 4px 0 0; }
        .bildirim-sayi-badge.kirmizi { color: #e30613; font-weight: 800; }
        
        /* YANIP SÖNEN KIRMIZI NOKTA EKLENTİSİ */
        @keyframes blinkNav { 0% { opacity: 1; } 50% { opacity: 0.2; } 100% { opacity: 1; } }
        .blinking-dot-nav { display: inline-block; width: 8px; height: 8px; background-color: #e30613; border-radius: 50%; margin-left: auto; animation: blinkNav 1s infinite; flex-shrink: 0; }

        .desktop-header-icons { display: flex; margin-right: 15px; padding-right: 15px; border-right: 1px solid #eeeeee; align-items: center; }
        .mobile-header-icons { display: none; margin-right: 15px; }

        body.search-modal-open { overflow: hidden; }
        .header-search-bar { display: none; position: fixed; inset: 0; width: 100%; min-height: 100vh; background: rgba(15,23,42, 0.58); padding: clamp(86px, 13vh, 150px) 18px 24px; box-sizing: border-box; z-index: 100000; border: 0; box-shadow: none; animation: searchOverlayFade 0.22s ease-out; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); align-items: flex-start; justify-content: center; }
        .header-search-bar.aktif { display: flex; }
        .search-modal-panel { width: min(760px, 100%); background: #ffffff; border: 1px solid rgba(226,232,240,.9); border-radius: 16px; box-shadow: 0 24px 70px rgba(15,23,42,.28); padding: 28px; position: relative; animation: searchPanelIn 0.24s ease-out; }
        .search-modal-close { position: absolute; top: 14px; right: 14px; width: 40px; height: 40px; border: 1px solid #e5e7eb; border-radius: 50%; background: #ffffff; color: #111827; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 18px; transition: .2s; }
        .search-modal-close:hover { color: var(--header-btn-renk); border-color: var(--header-btn-renk); background: #f8fafc; }
        .search-modal-eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--header-btn-renk); font-size: 13px; font-weight: 800; margin-bottom: 10px; }
        .search-modal-title { margin: 0 46px 20px 0; color: #111827; font-size: 28px; line-height: 1.2; font-weight: 800; }
        .search-modal-form { width: 100%; }
        .search-form-group { display: flex; align-items: center; border: 2px solid #e5e7eb; border-radius: 14px; overflow: hidden; background: #ffffff; transition: .2s; }
        .search-form-group:focus-within { border-color: var(--header-btn-renk); box-shadow: 0 0 0 4px rgba(112,33,37,.12); }
        .search-input { flex: 1; min-width: 0; height: 60px; padding: 0 18px; border: none; outline: none; font-size: 18px; color: #111827; font-weight: 600; }
        .search-input::placeholder { color: #94a3b8; opacity: 1; font-weight: 500; }
        .search-submit-btn { width: 60px; height: 60px; flex: 0 0 60px; background: var(--header-btn-renk); color: #ffffff; border: none; padding: 0; cursor: pointer; font-size: 18px; display: flex; align-items: center; justify-content: center; }
        .search-modal-suggestions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
        .search-modal-chip { border: 1px solid #e5e7eb; background: #f8fafc; color: #334155; border-radius: 14px; padding: 8px 14px; font-size: 12px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }
        @keyframes searchOverlayFade { from { opacity: 0; } to { opacity: 1; } }
        @keyframes searchPanelIn { from { opacity: 0; transform: translateY(14px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
        @media (max-width: 640px) {
            .header-search-bar { padding: 78px 14px 18px; align-items: flex-start; }
            .search-modal-panel { border-radius: 14px; padding: 22px 16px 18px; }
            .search-modal-title { font-size: 22px; margin-right: 44px; margin-bottom: 16px; }
            .search-input { height: 54px; font-size: 15px; padding: 0 14px; }
            .search-submit-btn { width: 54px; height: 54px; flex-basis: 54px; }
        }

        .idea-demo-menu-link .idea-demo-desktop-word { display: none; }
        .idea-demo-menu-link .idea-demo-mobile-text { display: inline; }
        .idea-demo-menu-link .idea-demo-mobile-icon { width: 30px; min-width: 30px; margin-right: 0; text-align: center; }

        .dse-brand-lockup {
            display: inline-flex;
            align-items: center;
            justify-content: flex-start;
            gap: 7px;
            width: max-content;
            max-width: 100%;
            color: #16232d;
        }
        .dse-brand-icon-frame {
            width: 68px;
            height: 68px;
            flex: 0 0 68px;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            background: #ffffff;
        }
        .dse-brand-icon {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
            transform: scale(1.16);
            transform-origin: center;
        }
        .dse-brand-wordmark {
            min-width: 0;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            white-space: nowrap;
            letter-spacing: 0;
        }
        .dse-brand-name-top {
            color: #16232d;
            font-size: 19px;
            line-height: 1;
            font-weight: 900;
        }
        .dse-brand-name-main {
            margin-top: 3px;
            color: #e30613;
            font-size: 16px;
            line-height: 1;
            font-weight: 900;
        }
        .dse-brand-name-sub {
            margin-top: 4px;
            padding-top: 3px;
            border-top: 3px solid #e30613;
            color: #e30613;
            font-size: 9px;
            line-height: 1;
            font-weight: 900;
            letter-spacing: .08em;
        }

        @media (min-width: 993px) {
            /* Header'ı mükemmel dağılım için esnek yapıya ayarlıyoruz */
            .site-header { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 8px; overflow: visible; }
            .logo { flex: 0 0 auto; min-width: 0; }
            .logo a { margin-right: 0 !important; }
            .logo .dse-brand-lockup { max-width: 220px; }
            .nav-wrapper { display: flex; align-items: center; justify-content: flex-end; flex: 1 1 auto; min-width: 0; }
            
            @media (max-width: 1440px) {
                .dse-brand-icon-frame { width: 62px; height: 62px; flex-basis: 62px; }
                .dse-brand-name-top { font-size: 17px; }
                .dse-brand-name-main { font-size: 14.5px; }
                .dse-brand-name-sub { font-size: 8px; }
            }
            @media (max-width: 1240px) {
                .dse-brand-icon-frame { width: 56px; height: 56px; flex-basis: 56px; }
                .dse-brand-name-top { font-size: 15px; }
                .dse-brand-name-main { font-size: 13px; }
                .dse-brand-name-sub { font-size: 7.2px; }
            }

            
            .nav-menu { display: flex; align-items: center; justify-content: flex-end; margin-left: auto; margin-right: 8px; min-width: 0; gap: 7px; flex: 0 1 auto; flex-wrap: nowrap; }
            .nav-menu > .nav-item { flex: 0 0 auto; white-space: nowrap; }
            /* BURASI GÜNCELLENDİ: Alt satıra inmeyi engellemek için white-space: nowrap !important eklendi */
            .nav-link { font-size: 16px !important; font-weight: 500 !important; white-space: nowrap !important; padding-left: 5px !important; padding-right: 5px !important; }
            @media (max-width: 1440px) { .nav-menu { gap: 5px; margin-right: 6px; } .nav-link { font-size: 15.2px !important; padding-left: 3px !important; padding-right: 3px !important; } }
            @media (max-width: 1320px) { .nav-menu { gap: 4px; margin-right: 4px; } .nav-link { font-size: 14.6px !important; padding-left: 2px !important; padding-right: 2px !important; } }
            @media (max-width: 1240px) { .nav-menu { gap: 3px; margin-right: 3px; } .nav-link { font-size: 14px !important; padding-left: 1px !important; padding-right: 1px !important; } }
            @media (max-width: 1120px) { .nav-menu { gap: 2px; } .nav-link { font-size: 13.5px !important; } }
            .nav-link i { display: none !important; }
            .nav-link.nav-link-blog i { display: inline-block !important; margin-right: 5px; }
            .idea-ukd-menu-link {
                display: inline-flex !important;
                align-items: center;
                justify-content: center;
                gap: 6px;
                min-height: 34px;
                padding: 7px 10px !important;
                border: 1px solid var(--header-btn-renk);
                border-bottom: 3px solid #e30613;
                border-radius: 7px;
                background: var(--header-btn-renk);
                color: #ffffff !important;
                font-size: 13px !important;
                font-weight: 800 !important;
                line-height: 1;
                box-shadow: 0 6px 16px rgba(112,33,37,.18);
                transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
            }
            .idea-ukd-menu-link i { display: inline-flex !important; color: #ffffff !important; font-size: 13px; }
            .idea-ukd-menu-link::after {
                content: '';
                width: 7px;
                height: 7px;
                flex: 0 0 7px;
                border-radius: 50%;
                background: #ff666d;
                box-shadow: 0 0 0 0 rgba(255,102,109,.55);
                animation: ukdMenuPulse 1.8s ease-out infinite;
            }
            .idea-ukd-menu-link:hover {
                color: #ffffff !important;
                background: #e30613;
                transform: translateY(-1px);
                box-shadow: 0 8px 20px rgba(112,33,37,.25);
            }
            .idea-elo-menu-link {
                background: #ffffff;
                color: var(--header-btn-renk) !important;
                border-color: rgba(112,33,37,.72);
                border-bottom-color: #e30613;
                box-shadow: 0 6px 16px rgba(231,42,51,.14);
            }
            .idea-elo-menu-link i { color: #e30613 !important; }
            .idea-elo-menu-link:hover { background: #faeff0; color: #e30613 !important; }
            @keyframes ukdMenuPulse {
                0% { box-shadow: 0 0 0 0 rgba(255,102,109,.58); }
                70%, 100% { box-shadow: 0 0 0 7px rgba(255,102,109,0); }
            }
            @media (max-width: 1320px) { .idea-ukd-menu-link { min-height: 31px; padding: 6px 7px !important; font-size: 11.8px !important; } }
            @media (max-width: 1180px) { .idea-ukd-menu-link { padding: 5px 6px !important; font-size: 11.3px !important; } }
            .nav-link .fa-chevron-down { display: none !important; } 
            .dropdown-menu li a { font-size: 14.5px !important; }
            .nav-item:hover .dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); display: block; }
            .nav-menu > .menu-hide-desktop, .dropdown-menu .menu-hide-desktop { display: none !important; }
            .header-actions { display: flex; align-items: center; gap: 6px; flex: 0 0 auto; min-width: max-content; margin-left: 0; flex-wrap: nowrap; }
            .desktop-header-icons { gap: 8px; margin-right: 6px; padding-right: 8px; flex: 0 0 auto; flex-wrap: nowrap; }
            #headerSepetIconDesk .sepet-rozet { top: -11px; right: -13px; }
            .header-actions .btn-uye, .header-actions .btn-header-giris, .header-actions .btn-cikis { white-space: nowrap; padding-left: 12px; padding-right: 12px; }
            @media (max-width: 1440px) { .desktop-header-icons { gap: 7px; margin-right: 5px; padding-right: 7px; } .header-actions .btn-uye, .header-actions .btn-header-giris, .header-actions .btn-cikis { font-size: 12.5px; padding-left: 7px; padding-right: 7px; } }
            @media (max-width: 1240px) { .desktop-header-icons { gap: 6px; margin-right: 4px; padding-right: 6px; } .header-actions .btn-uye i, .header-actions .btn-header-giris i, .header-actions .btn-cikis i { display: none; } .header-actions .btn-uye, .header-actions .btn-header-giris, .header-actions .btn-cikis { font-size: 12px; padding-left: 6px; padding-right: 6px; } }
            @media (max-width: 1140px) { .desktop-header-icons { display: none; } .header-actions .btn-uye, .header-actions .btn-header-giris, .header-actions .btn-cikis { font-size: 11.8px; padding-left: 6px; padding-right: 6px; } }
            .idea-demo-menu-link {
                position: relative;
                display: inline-flex !important;
                align-items: center;
                justify-content: center;
                flex-direction: row;
                width: auto;
                min-width: 0;
                min-height: 28px;
                isolation: isolate;
                overflow: hidden;
                border: 1px solid var(--header-btn-renk);
                border-radius: 6px;
                color: var(--header-btn-renk) !important;
                padding: 4px 8px !important;
                line-height: 1;
                text-align: center;
                white-space: nowrap !important;
                font-size: 12.5px !important;
                font-weight: 600 !important;
            }
            @media (max-width: 1320px) { .idea-demo-menu-link { font-size: 11.8px !important; padding: 3px 6px !important; min-height: 27px; } }
            @media (max-width: 1240px) { .idea-demo-menu-link { font-size: 11.5px !important; padding: 3px 5px !important; } }
            .idea-demo-menu-link .idea-demo-desktop-word { display: none !important; }
            .idea-demo-menu-link .idea-demo-mobile-text { display: inline !important; }
            .idea-demo-menu-link::before {
                content: '';
                position: absolute;
                inset: -1px;
                border-radius: inherit;
                padding: 2px;
                pointer-events: none;
                background: conic-gradient(from 0deg, transparent 0deg 238deg, rgba(112,33,37,0.25) 252deg, var(--header-btn-renk) 282deg, rgba(112,33,37,0.9) 304deg, transparent 324deg 360deg);
                -webkit-mask: linear-gradient(#000000 0 0) content-box, linear-gradient(#000000 0 0);
                -webkit-mask-composite: xor;
                mask-composite: exclude;
                animation: ideaDemoSnake 2.4s linear infinite;
            }
            .idea-demo-menu-link:hover {
                background: rgba(112,33,37,0.08);
                color: var(--header-btn-renk) !important;
            }
            @keyframes ideaDemoSnake {
                to { transform: rotate(360deg); }
            }
        }

        .mobil-slider-container { display: none; width: 100%; overflow: hidden; margin-top: 15px; padding: 10px 0; border-top: 1px solid #f3f3f3; position: relative; }
        .mobil-slider-track { display: flex; transition: transform 0.5s ease-in-out; width: 100%; }
        
        .mobil-slide-item { flex: 0 0 100%; width: 100%; display: flex; justify-content: center; align-items: center; height: 70px; padding: 0 15px; box-sizing: border-box; }
        .mobil-slide-item img { max-height: 60px; max-width: 100%; object-fit: contain; display: block; }

        @media (max-width: 992px) {
            .nav-menu > .menu-hide-mobile, .dropdown-menu .menu-hide-mobile { display: none !important; }
            .desktop-header-icons { display: none; }
            .nav-wrapper { width: 88% !important; max-width: 430px; padding: 0 28px 28px !important; align-items: stretch !important; gap: 0 !important; background: #ffffff; }
            .nav-wrapper.aktif { right: 0; }
            .mobil-menu-header { order: 1; display: flex !important; align-items: center !important; justify-content: space-between !important; min-height: 62px; width: auto !important; margin: 0 -28px 6px !important; padding: 0 28px !important; border-bottom: 1px solid #eeeeee !important; }
            .mobil-menu-logo-link { display: inline-flex; align-items: center; min-width: 0; text-decoration: none; }
            .mobil-menu-logo-link .dse-brand-icon-frame { width: 54px; height: 54px; flex-basis: 54px; }
            .mobil-menu-logo-link .dse-brand-name-top { font-size: 16px; }
            .mobil-menu-logo-link .dse-brand-name-main { font-size: 13.5px; }
            .mobil-menu-logo-link .dse-brand-name-sub { font-size: 7.5px; }
            .mobil-menu-logo-text { color: var(--ana-renk); font-size: 18px; font-weight: 800; line-height: 1.1; }
            .close-btn { display: inline-flex !important; align-items: center; justify-content: center; width: 42px; height: 42px; flex: 0 0 42px; border: 2px solid #111827; border-radius: 10px; color: #111827; font-size: 22px; background: #ffffff; }
            .nav-wrapper .header-actions { order: 2; width: 100%; display: flex !important; flex-direction: row; gap: 10px; margin: 14px 0 8px !important; padding: 0 !important; }
            .nav-wrapper .header-actions .desktop-header-icons { display: none !important; }
            .nav-wrapper .header-actions .btn-uye, .nav-wrapper .header-actions .btn-header-giris, .nav-wrapper .header-actions .btn-cikis { flex: 1 1 0; width: auto; min-width: 0; height: 42px; padding: 0 10px !important; border-radius: 8px; font-size: 13px; white-space: nowrap; }
            .nav-wrapper .nav-menu { order: 3; width: 100%; display: flex; flex-direction: column; align-items: stretch; gap: 10px; margin: 8px 0 0; padding: 0; }
            .nav-wrapper .nav-item { width: 100%; border: 1px solid #e9edf3; border-radius: 12px; background: #ffffff; box-shadow: 0 6px 18px rgba(17,24,39, 0.055); overflow: hidden; }
            .nav-wrapper .nav-link { min-height: 58px; width: 100%; display: flex !important; align-items: center; justify-content: flex-start !important; gap: 16px; padding: 15px 14px !important; color: #171717; font-size: 18px !important; font-weight: 500 !important; line-height: 1.2; }
            .nav-wrapper .nav-link i:not(.fa-chevron-down) { display: inline-flex !important; align-items: center; justify-content: center; width: 32px; min-width: 32px; color: #757575; font-size: 21px; }
            .nav-wrapper .nav-link .fa-chevron-down { display: inline-block !important; margin-left: auto; width: auto; color: #111827; font-size: 15px; }
            .nav-wrapper .dropdown-menu { margin: 0; background: #fafafa; border-radius: 0; border-top: 1px solid #edf0f5; }
            .nav-wrapper .dropdown-menu li a { display: flex; align-items: center; gap: 11px; padding: 12px 16px 12px 20px !important; font-size: 15px; }
            .nav-wrapper .dropdown-menu li a i { color: #999999; font-size: 14px; width: 20px; min-width: 20px; text-align: center; }
            .mobile-overlay { background: rgba(0,0,0,0.55); }
            .site-header { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 0 !important; height: 60px !important; padding: 0 12px !important; }
            .hamburger-btn { order: 1; display: inline-flex !important; align-items: center; justify-content: flex-start; width: 38px; height: 38px; flex: 0 0 38px; margin: 0 !important; padding: 0 !important; }
            .logo { order: 2; position: absolute; left: calc(50% - 12px); top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; width: clamp(154px, 44vw, 184px); max-width: 184px; z-index: 1; }
            .logo a { justify-content: center; }
            .logo .dse-brand-lockup { width: 100%; justify-content: center; gap: 5px; }
            .logo .dse-brand-icon-frame { width: 48px; height: 48px; flex-basis: 48px; }
            .logo .dse-brand-name-top { font-size: 14.5px; }
            .logo .dse-brand-name-main { margin-top: 2px; font-size: 12.5px; }
            .logo .dse-brand-name-sub { margin-top: 3px; padding-top: 2px; border-top-width: 2px; font-size: 7px; }
            .mobile-header-icons { order: 3; display: flex !important; align-items: center; justify-content: flex-end; gap: 12px; margin-left: auto !important; margin-right: 0 !important; flex: 0 0 auto; z-index: 2; }
            .mobile-header-icons .header-icon-btn { width: 28px; height: 38px; justify-content: center; font-size: 18px; }
            .mobile-header-icons #mobilBildirimWrapper { display: none !important; }
            .mobile-login-icon { display: inline-flex !important; }
            .idea-demo-menu-link { justify-content: flex-start !important; text-align: left !important; gap: 6px; }
            .idea-demo-menu-link .idea-demo-mobile-icon { display: inline-flex; align-items: center; justify-content: center; }
            .idea-demo-menu-link .idea-demo-mobile-text { display: inline !important; }
            .nav-wrapper .nav-item.nav-item-ukd {
                border-color: rgba(112,33,37,.34);
                border-left: 4px solid var(--header-btn-renk);
                box-shadow: 0 8px 22px rgba(112,33,37,.12);
            }
            .nav-wrapper .idea-ukd-menu-link {
                background: #faeff0;
                color: #e30613 !important;
                font-weight: 800 !important;
            }
            .nav-wrapper .idea-ukd-menu-link i:not(.fa-chevron-down) { color: #e30613 !important; }
            .nav-wrapper .idea-ukd-menu-link::after {
                content: 'POPÜLER';
                margin-left: auto;
                border-radius: 6px;
                background: #e30613;
                color: #ffffff;
                padding: 5px 7px;
                font-size: 9px;
                font-weight: 900;
                letter-spacing: 0;
                line-height: 1;
            }
            .nav-wrapper .idea-elo-menu-link {
                background: #ffedee;
                color: #e30613 !important;
            }
            .nav-wrapper .idea-elo-menu-link::after { content: 'YENİ'; }
            .desktop-only { display: none !important; }
            .mobil-slider-container { display: none !important; }
        }
        @media (max-width: 380px) {
            .logo { width: 154px; max-width: 154px; }
            .logo .dse-brand-icon-frame { width: 44px; height: 44px; flex-basis: 44px; }
            .logo .dse-brand-name-top { font-size: 13.5px; }
            .logo .dse-brand-name-main { font-size: 11.5px; }
            .logo .dse-brand-name-sub { font-size: 6.4px; }
            .mobile-header-icons { gap: 9px; }
            .mobile-header-icons .header-icon-btn { width: 24px; font-size: 17px; }
            .nav-wrapper { padding-left: 22px !important; padding-right: 22px !important; }
            .mobil-menu-header { min-height: 58px; margin-left: -22px !important; margin-right: -22px !important; padding-left: 22px !important; padding-right: 22px !important; }
            .mobil-menu-logo-link .dse-brand-icon-frame { width: 48px; height: 48px; flex-basis: 48px; }
            .mobil-menu-logo-link .dse-brand-name-top { font-size: 14.5px; }
            .mobil-menu-logo-link .dse-brand-name-main { font-size: 12.5px; }
            .mobil-menu-logo-link .dse-brand-name-sub { font-size: 7px; }
            .close-btn { width: 40px; height: 40px; flex-basis: 40px; }
            .nav-wrapper .nav-menu { gap: 8px; }
            .nav-wrapper .nav-link { min-height: 54px; font-size: 16px !important; padding: 13px 12px !important; gap: 13px; }
            .nav-wrapper .header-actions .btn-uye, .nav-wrapper .header-actions .btn-header-giris, .nav-wrapper .header-actions .btn-cikis { font-size: 12px; padding: 0 7px !important; }
        }
    

    :root { --codex-vh: 1vh; }
    html { -webkit-text-size-adjust: 100%; }
    img, video { max-width: 100%; }
    video {
        background-color: transparent;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    @supports (-webkit-touch-callout: none) {
        .min-h-screen { min-height: calc(var(--codex-vh, 1vh) * 100) !important; }
        .h-screen { height: calc(var(--codex-vh, 1vh) * 100) !important; }
        #sitePreloader,
        .preloader-overlay,
        .izle-modal-overlay,
        .modal-overlay {
            min-height: calc(var(--codex-vh, 1vh) * 100);
        }
    }


.dse-cookie-consent{position:fixed;left:18px;right:18px;bottom:18px;z-index:10050;max-width:920px;margin:auto;background:#ffffff;border:1px solid #e7dfdf;border-radius:8px;box-shadow:0 14px 38px rgba(40,12,13,.18);padding:17px 18px;display:flex;align-items:center;gap:18px;font-family:'Poppins',sans-serif}.dse-cookie-copy{flex:1;min-width:0}.dse-cookie-copy strong{display:block;color:#e30613;font-size:14px;margin-bottom:4px}.dse-cookie-copy span{display:block;color:#5d6d69;font-size:12px;line-height:1.55}.dse-cookie-copy a{color:#e30613;font-weight:600}.dse-cookie-actions{display:flex;gap:9px;flex-wrap:wrap}.dse-cookie-btn{border:1px solid #e30613;border-radius:8px;padding:10px 14px;font:600 12px 'Poppins',sans-serif;cursor:pointer;background:#ffffff;color:#e30613;white-space:nowrap}.dse-cookie-btn.is-primary{background:#e30613;color:#ffffff}
@media(max-width:680px){.dse-cookie-consent{left:10px;right:10px;bottom:10px;display:block;padding:15px}.dse-cookie-actions{margin-top:12px}.dse-cookie-btn{flex:1}}


    /* HERO SLIDER STİLLERİ */
    .hero-advanced-wrapper { position: relative; width: 100%; max-width: 1920px; height: min(700px, calc(100vw * 700 / 1920)); min-height: 420px; aspect-ratio: 1920 / 700; margin: 0 auto; overflow: hidden; background-color: #111827; isolation: isolate; }
    .hero-adv-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: visible; transition: opacity 1.4s ease-in-out; z-index: 1; display: flex; align-items: center; pointer-events: none; will-change: opacity; }
    .hero-adv-slide.hero-prev { opacity: 1; z-index: 2; }
    .hero-adv-slide.active { opacity: 1; visibility: visible; z-index: 3; pointer-events: auto; }
    .hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: -2; }
    .hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: -1; }
    .hero-bg-desk { display: block; } .hero-bg-mob { display: none; }
    .hero-content-grid { width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; gap: 40px; z-index: 5; }
    .hero-text-area { flex: 1; color: #ffffff; max-width: 600px; }
    .hero-text-area h1 { font-size: 48px; font-weight: 800; line-height: 1.2; margin-bottom: 20px; text-shadow: 0 2px 10px rgba(0,0,0,0.5); }
    .hero-text-area p { font-size: 18px; line-height: 1.6; margin-bottom: 30px; opacity: 0.9; text-shadow: 0 1px 5px rgba(0,0,0,0.5); }
    .hero-btn { display: inline-block; background-color: rgba(255,255,255, 0.9); color: var(--ana-renk); padding: 15px 35px; border-radius: 5px; font-size: 16px; font-weight: 800; text-decoration: none; transition: 0.3s; box-shadow: 0 4px 15px rgba(0,0,0, 0.3); }
    .hero-btn:hover { transform: translateY(-3px); background-color: #ffffff; color: var(--ana-renk); }
    .hero-media-area { flex: 1; display: flex; justify-content: center; align-items: center; }
    .hero-media-desk { display: block; width: 100%; max-width: 650px; }
    .hero-media-mob { display: none; width: 100%; max-width: 400px; }
    .hero-media-area img.transparent-img { width: 100%; height: auto; object-fit: contain; filter: drop-shadow(0 10px 20px rgba(0,0,0,0.3)); transform: scale(1.15); }
    .hero-video-cover-box { position: relative; width: 100%; border: 4px solid #ffffff; border-radius: 5px; overflow: hidden; cursor: pointer; box-shadow: 0 10px 30px rgba(0,0,0,0.5); display: inline-block; }
    .hero-video-cover-box img { width: 100%; display: block; }
    .hero-video-play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70px; height: 70px; background: rgba(255,255,255,0.9); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 20px rgba(0,0,0,0.3); z-index: 2; transition: 0.3s; }
    .hero-video-play-btn i { font-size: 24px; color: #e30613; margin-left: 5px; }
    .hero-video-cover-box:hover .hero-video-play-btn { transform: translate(-50%, -50%) scale(1.1); }
    .hero-adv-slide.hero-full-banner { cursor: pointer; }
    .hero-adv-slide.hero-full-banner .hero-overlay,
    .hero-adv-slide.hero-full-banner .hero-content-grid { display: none; }
    .hero-adv-slide.hero-video-only .hero-bg,
    .hero-adv-slide.hero-video-only .hero-overlay,
    .hero-adv-slide.hero-video-only .hero-content-grid { display: none; }
    .hero-inline-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: 0; display: block; background: #111827; pointer-events: none; }
    .hero-progress-container { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); display: flex; gap: 15px; z-index: 10; width: 90%; max-width: 800px; justify-content: center; }
    .hero-progress-track { flex: 1; height: 4px; background: rgba(255,255,255,0.3); border-radius: 2px; overflow: hidden; position: relative; cursor: pointer; max-width: 150px; }
    .hero-progress-fill { height: 100%; width: 0%; background: #ffffff; border-radius: 2px; }
    .hero-adv-slide.active + .hero-progress-fill-trigger { animation: fillBar 10s linear forwards; }
    @keyframes fillBar { from { width: 0%; } to { width: 100%; } }
    .hero-video-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); z-index: 999999; align-items: center; justify-content: center; }
    .hero-modal-content { width: 90%; max-width: 900px; position: relative; }
    .hero-close-modal { position: absolute; top: -40px; right: 0; color: #ffffff; font-size: 30px; cursor: pointer; }

    /* GENEL STİLLER VE DİNAMİK BOŞLUK SINIFLARI */
    .section-margin { margin-bottom: 50px; }
    .section-margin-md { margin-bottom: 30px; }
    .section-margin-sm { margin-bottom: 20px; }
    .cta-margin { margin: 40px auto; }
    
    .courses-section { margin-top: 50px; margin-bottom: 50px; }
    .egitim-header-area { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 20px; gap: 18px; }
    .section-title { font-size: 24px; font-weight: 700; position: relative; padding-left: 15px; color: #1f2937; margin: 0; }
    .section-title::before { content: ''; position: absolute; left: 0; top: 4px; bottom: 4px; width: 5px; background-color: var(--ana-renk); border-radius: 5px; }
    .story-section-title { white-space: nowrap; }
    .egitim-actions-area { display: flex; flex-direction: row; align-items: center; gap: 10px; flex-shrink: 0; }
    .carousel-nav-btns { display: flex; gap: 10px; }
    .home-view-all-short { display: none; }
    .c-btn { width: 40px; height: 40px; border-radius: 50%; border: 1px solid #dddddd; background: #ffffff; color: #333333; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.2s; font-size: 16px; }
    .c-btn:hover { background: #e30613; color: #ffffff; border-color: #e30613; }
    .c-btn.disabled { opacity: 0.3; cursor: not-allowed; pointer-events: none; }
    .kategori-tabs-wrapper { margin-bottom: 30px; width: 100%; overflow: hidden; position: relative; }
    .kategori-tabs { display: flex; gap: 10px; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; padding-bottom: 5px; scroll-behavior: smooth; }
    .kategori-tabs::-webkit-scrollbar { display: none; }
    .kat-btn { background: #f3f4f6; color: #4b5563; border: 1px solid #e5e7eb; padding: 10px 20px; border-radius: 5px; font-size: 14px; font-weight: 600; cursor: pointer; white-space: nowrap; transition: 0.3s ease; }
    .kat-btn.active { background: #e30613; color: #ffffff; border-color: #e30613; }
    .course-carousel-container { width: 100%; overflow: hidden; padding-bottom: 10px; }
    .course-carousel-track { display: flex; gap: 20px; transition: transform 0.5s ease-in-out; scrollbar-width: none; -ms-overflow-style: none; }
    .course-carousel-track::-webkit-scrollbar { display: none; }
    .course-card-wrapper { flex: 0 0 calc((100% - 40px) / 3); min-width: calc((100% - 40px) / 3); scroll-snap-align: start; }
    .course-card { background: #ffffff; border: 1px solid #eeeeee; border-radius: 5px; overflow: hidden; transition: transform 0.2s; display: flex; flex-direction: column; height: 100%; text-decoration: none; color: inherit; position: relative;}
    .course-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.08); border-color:#e5e7eb; }
    .course-img-wrap { position: relative; padding-top: 56.25%; background: #f3f4f6; overflow: hidden; }
    .course-img-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
    .badges-container { position: absolute; top: 10px; right: 10px; display: flex; flex-direction: column; gap: 5px; z-index: 2; align-items: flex-end;}
    .course-badge { background: rgba(0,0,0,0.7); color: #ffffff; padding: 4px 8px; border-radius: 5px; font-size: 10px; font-weight: 600; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); width: max-content; }
    .badge-yeni { background: #e30613; } .badge-onerilen { background: #e30613; color: #ffffff; } .badge-uygun { background: #e30613; } 
    .course-body { padding: 20px; display: flex; flex-direction: column; flex-grow: 1; }
    .course-title { font-size: 18px; font-weight: 700; color: #333333; margin: 0 0 10px 0; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 50px; }
    .course-custom-tags { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 12px; }
    .c-tag { font-size: 11px; font-weight: 700; padding: 4px 8px; border-radius: 4px; white-space: nowrap; }
    .c-tag-dynamic { display: inline-flex; align-items: center; gap: 4px; background: #ffffff; color: var(--tag-color); border: 1px solid var(--tag-color); }
    .c-tag-dynamic i { color: var(--tag-color); font-size: 10px; }
    .c-tag-yellow { background: #fec7ca; color: #e30613; border: 1px solid #fd8a90; }
    .c-tag-green { background: #f4d7d8; color: #e30613; border: 1px solid #e9b2b5; }
    .c-tag-blue { background: #f9eaeb; color: #e30613; border: 1px solid #ebbcbe; }
    .c-tag-red { background: #ffd8da; color: #e30613; border: 1px solid #f26c72; }
    .course-instructor { display: flex; align-items: center; gap: 10px; margin-bottom: 15px; }
    .instructor-avatar { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; }
    .instructor-info { display: flex; flex-direction: column; line-height: 1.2; }
    .instructor-name { font-size: 14px; color: #333333; font-weight: 700; }
    .instructor-title { font-size: 12px; color: #666666; font-weight: 500;} 
    .course-features { color: #666666; margin-bottom: 5px; line-height: 1.5; flex-grow: 1; } 
    .feature-heading { font-weight: 700; color: #333333; margin: 10px 0 5px 0; font-size: 14px; } 
    .course-features p { margin: 0 0 6px 0; display: flex; align-items: flex-start; gap: 8px; font-size: 13px; } 
    .course-features i { color: #e30613; font-size: 13px; margin-top: 3px; flex-shrink: 0;}
    .course-meta { margin-top: auto; border-top: 1px solid #f3f4f6; padding-top: 15px; display: flex; flex-direction: column; gap: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; }
    .price-taksit-area { display: flex; flex-direction: column; gap: 2px; }
    .course-price { font-weight: 700; color: #e30613; font-size: 20px; display: flex; align-items: baseline; gap: 8px;} 
    .old-price { font-size: 14px; color: #999999; text-decoration: line-through; font-weight: 400; }
    .course-taksit { font-size: 12px; color: #e30613; font-weight: 600; animation: blink 2s infinite; }
    @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0.6; } 100% { opacity: 1; } }
    .action-buttons { display: flex; gap: 8px; margin-top: 5px; }
    .btn-detay, .btn-sepet { flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 12px 5px; border-radius: 5px; font-size: 13px; font-weight: 600; cursor: pointer; transition: 0.2s; white-space: nowrap; border:none; text-decoration:none; outline:none;}
    .btn-detay { background-color: transparent; color: #e30613; border: 1px solid #e30613; }
    .btn-detay:hover { background-color: #f3f4f6; }
    .btn-sepet { background-color: #e30613; color: #ffffff; border: 1px solid #e30613; }
    .btn-sepet:hover { background-color: #e30613; border-color: #e30613; }
    .loading-skeleton { width: 100%; height: 350px; background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); background-size: 200% 100%; animation: loading 1.5s infinite; border-radius: 5px; display: none; }
    @keyframes loading { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
    .flying-cart-item { position: fixed; z-index: 999999; width: 40px; height: 40px; background-color: #e30613; color: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; box-shadow: 0 4px 15px rgba(0,0,0,0.3); pointer-events: none; transition: transform 1.2s ease-in-out, opacity 1.2s ease-in-out; }
    .home-products { margin-top: 10px; margin-bottom: 45px; }
    .home-product-track { display: flex; gap: 20px; overflow-x: auto; padding-bottom: 10px; scrollbar-width: none; }
    .home-product-track::-webkit-scrollbar { display: none; }
    .home-product-card { min-width: 280px; width: 280px; background: #ffffff; border: 1px solid #eeeeee; border-radius: 5px; overflow: hidden; flex-shrink: 0; display: flex; flex-direction: column; text-decoration: none; color: inherit; }
    .home-product-img { position: relative; padding-top: 56.25%; background:#f3f4f6; overflow:hidden; display:block; }
    .home-product-img img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; display:block; }
    .home-product-body { padding: 15px; display:flex; flex-direction:column; gap:8px; flex:1; }
    .home-product-cat { font-size: 11px; color: var(--ana-renk); font-weight: 800; text-transform: uppercase; }
    .home-product-title { font-size: 16px; line-height: 1.35; min-height: 43px; margin:0; color:#1f2937; font-weight:800; }
    .home-product-desc { font-size: 13px; line-height:1.45; color:#64748b; margin:0; min-height:38px; }
    .home-product-foot { margin-top:auto; border-top:1px solid #f3f4f6; padding-top:15px; display:flex; flex-direction:column; gap:10px; }
    .home-product-price { font-weight:700; color:#e30613; font-size:20px; display:flex; align-items:baseline; gap:8px; white-space:nowrap; }
    .home-product-taksit { font-size:12px; color:#e30613; font-weight:600; min-height:18px; animation: blink 2s infinite; }
    .home-product-actions { display:flex; gap:8px; }
    .home-product-actions .btn-detay, .home-product-actions .btn-sepet { flex:1; justify-content:center; white-space:nowrap; }
    .collection-view-all-card { min-height: 100%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:28px 22px; box-sizing:border-box; background:#f8fafc; border:2px dashed #ebbcbe; color:#1f2937; text-decoration:none; }
    .collection-view-all-card:hover { border-color:#e30613; background:#fbf2f2; color:#1f2937; }
    .collection-view-all-icon { width:64px; height:64px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-bottom:16px; background:#f9eaeb; color:#e30613; font-size:25px; }
    .collection-view-all-title { margin:0 0 9px; font-size:19px; line-height:1.3; font-weight:800; color:#1f2937; }
    .collection-view-all-text { margin:0 0 18px; color:#64748b; font-size:13px; line-height:1.6; }
    .collection-view-all-action { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 15px; border-radius:5px; background:#e30613; color:#ffffff; font-size:13px; font-weight:700; }
    .course-card.collection-view-all-card { height:100%; }
    .home-product-card.collection-view-all-card { width:280px; min-width:280px; }

    /* MOBİL İÇİN BOŞLUKLARI KISALTMA AYARLARI VE YENİ HERO DÜZENİ */
    @media (max-width: 992px) {
        /* Hero'yu ekrana tam sığacak ve çökmeyecek şekilde boyutlandırdık */
        .hero-advanced-wrapper { height: auto; min-height: 0; max-height: none; aspect-ratio: 4 / 5; padding: 0; } 
        .hero-bg-desk { display: none; } .hero-bg-mob { display: block; }
        .hero-content-grid { flex-direction: column; justify-content: center; height: 100%; gap: 10px; padding: 22px 18px 48px; box-sizing: border-box; overflow: hidden; }
        
        /* Görsel Üste (order:1), Metin Alta (order:2) */
        .hero-media-area { order: 1; flex: 0 0 36%; width:100%; min-height: 0; display: flex; justify-content: center; align-items: center; }
        .hero-text-area { order: 2; flex: 0 1 auto; width: 100%; max-width: 92%; min-height: 0; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; }
        
        .hero-media-desk { display: none; } 
        .hero-media-mob { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; }
        
        /* Görsel tam görünecek şekilde oranlandı (max-height eklendi) */
        .hero-media-mob img.transparent-img { height: 100%; width: auto; max-height: 100%; max-width: 78%; object-fit: contain; transform: none; }
        .hero-video-cover-box { height: 100%; max-height: 100%; width: 78%; border-radius: 8px; margin: 0; aspect-ratio: 4 / 5; }
        
        .hero-text-area h1 { font-size: clamp(20px, 6vw, 27px); line-height: 1.15; margin-bottom: 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
        .hero-text-area p { font-size: clamp(12px, 3.5vw, 14px); line-height: 1.35; margin-bottom: 14px; padding: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
        .hero-btn { padding: 9px 20px; font-size: 13px; width: auto; }
        
        .hero-video-play-btn { width: 50px; height: 50px; }
        .hero-video-play-btn i { font-size: 18px; margin-left: 3px; }
        .hero-progress-container { bottom: 15px; width: 85%; }
        
        /* MOBİL BÖLÜM BOŞLUKLARINI YAKINLAŞTIRAN KISIM */
        .section-margin { margin-bottom: 20px !important; }
        .section-margin-md { margin-bottom: 15px !important; }
        .section-margin-sm { margin-bottom: 10px !important; }
        .cta-margin { margin: 20px auto !important; }
        .courses-section { margin-top: 10px !important; margin-bottom: 25px !important; } 
        /* ------------------------------------------- */

        .egitim-header-area { flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 15px; }
        .egitim-header-area .section-title { flex: 1 1 auto; min-width: 0; }
        .story-section-title { font-size: 17px; }
        .egitim-actions-area { width: auto; flex: 0 0 auto; flex-direction: row; justify-content: flex-end; align-items: center; }
        .mob-gizle { display: none !important; }
        .carousel-nav-btns { display: flex; gap: 6px; }
        .c-btn { width: 36px; height: 36px; font-size: 14px; }
        .home-collection-view-link .home-view-all-full { display: none; }
        .home-collection-view-link .home-view-all-short { display: inline; }
        .course-carousel-track { gap: 15px; overflow-x: auto; scroll-snap-type: x mandatory; padding-right: 40px; transition: none; }
        .course-card-wrapper { flex: 0 0 90%; min-width: 90%; }
        .course-title { font-size: 16px; height: 44px; margin-bottom: 6px;}
        .course-body { padding: 15px; }
        .course-meta { padding: 15px; padding-top: 10px; }
        .feature-heading { font-size: 12px; margin: 6px 0 3px 0; }
        .course-features p { font-size: 11px; margin: 0 0 4px 0; gap: 5px; }
        .no-feature-text { font-size: 11px; }
        .action-buttons { flex-direction: row; } 
        .btn-detay, .btn-sepet { font-size: 11px; padding: 10px 5px; }
    }


    .dse-talent-hero {
        --dse-green: #e30613;
        --dse-orange: #e30613;
        position: relative;
        width: 100%;
        max-width: 1920px;
        height: min(700px, calc(100vw * 700 / 1920));
        min-height: 430px;
        aspect-ratio: 1920 / 700;
        margin: 0 auto;
        overflow: hidden;
        background: #e30613;
        color: #ffffff;
        isolation: isolate;
    }
    .dse-talent-hero::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: var(--dse-hero-bg-desk);
        background-size: cover;
        background-position: center;
        opacity: .34;
        filter: saturate(1.06) contrast(1.08);
        transform: scale(1.02);
        z-index: -3;
    }
    .dse-talent-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
            radial-gradient(circle at 22% 18%, rgba(112,33,37,.28), transparent 34%),
            linear-gradient(90deg, rgba(53,15,17,.98) 0%, rgba(53,15,17,.88) 28%, rgba(53,15,17,.40) 58%, rgba(53,15,17,.18) 100%),
            linear-gradient(180deg, rgba(53,15,17,.32), rgba(53,15,17,.78));
        z-index: -2;
    }
    .dse-talent-hero-inner {
        position: relative;
        z-index: 2;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-left: clamp(24px, 5vw, 90px);
    }
    .dse-talent-copy {
        width: 39%;
        max-width: 650px;
        flex: 0 0 auto;
        position: relative;
        z-index: 8;
    }
    .dse-talent-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: #f6e2e3;
        font-size: 14px;
        font-weight: 900;
        letter-spacing: .08em;
        text-transform: uppercase;
        margin-bottom: 16px;
    }
    .dse-talent-eyebrow::before {
        content: "";
        width: 34px;
        height: 4px;
        border-radius: 999px;
        background: var(--dse-orange);
    }
    .dse-talent-title {
        margin: 0 0 28px;
        color: #ffffff;
        font-size: clamp(42px, 4.8vw, 76px);
        font-weight: 900;
        line-height: 1.02;
        letter-spacing: 0;
        text-shadow: 0 12px 36px rgba(0,0,0,.38);
    }
    .dse-talent-title span { color: #f88389; }
    .dse-talent-desc {
        max-width: 520px;
        margin: -12px 0 24px;
        color: rgba(255,255,255,.86);
        font-size: 16px;
        font-weight: 600;
        line-height: 1.55;
        text-shadow: 0 10px 30px rgba(0,0,0,.26);
    }
    .dse-talent-actions { display: flex; gap: 14px; flex-wrap: wrap; }
    .dse-talent-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        min-height: 54px;
        padding: 14px 24px;
        border-radius: 8px;
        font-size: 15px;
        font-weight: 900;
        text-decoration: none;
        transition: transform .22s ease, background-color .22s ease, color .22s ease, border-color .22s ease;
    }
    .dse-talent-btn:hover { transform: translateY(-2px); }
    .dse-talent-btn.primary { background: #ffffff; color: #e30613; }
    .dse-talent-btn.secondary { background: rgba(112,33,37,.16); color: #ffffff; border: 1px solid rgba(255,255,255,.34); }
    .dse-talent-btn.secondary:hover { border-color: var(--dse-orange); color: #ffffff; }
    .dse-talent-rail {
        width: 64%;
        margin-left: 0;
        position: relative;
        overflow: hidden;
        height: 100%;
        display: flex;
        align-items: center;
        z-index: 4;
        background: linear-gradient(135deg, rgba(60,18,20,.82), rgba(40,11,12,.88));
    }
    .dse-talent-rail::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 360px;
        background: linear-gradient(to right, rgba(53,15,17,.96) 0%, rgba(53,15,17,.84) 32%, transparent 100%);
        pointer-events: none;
        z-index: 5;
    }
    .dse-gallery-track {
        display: flex;
        gap: 20px;
        width: max-content;
        padding-left: 190px;
        animation: dseGalleryMarquee 56s linear infinite;
        will-change: transform;
    }
    .dse-gallery-track:hover { animation-play-state: paused; }
    @keyframes dseGalleryMarquee {
        from { transform: translateX(0); }
        to { transform: translateX(calc(-50% - 10px)); }
    }
    .dse-gallery-block {
        display: flex;
        gap: 20px;
        flex-shrink: 0;
    }
    .dse-gallery-square {
        width: 420px;
        height: 420px;
        border-radius: 8px;
        overflow: hidden;
        background: rgba(255,255,255,.08);
        box-shadow: 0 24px 60px rgba(0,0,0,.22);
    }
    .dse-gallery-stack,
    .dse-gallery-mixed {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 380px;
        height: 420px;
        gap: 20px;
    }
    .dse-gallery-wide {
        width: 100%;
        height: calc(50% - 10px);
        border-radius: 8px;
        overflow: hidden;
        background: rgba(255,255,255,.08);
        box-shadow: 0 20px 50px rgba(0,0,0,.18);
    }
    .dse-gallery-mini-row {
        display: flex;
        justify-content: space-between;
        gap: 20px;
        width: 100%;
        height: calc(50% - 10px);
    }
    .dse-gallery-mini {
        width: calc(50% - 10px);
        height: 100%;
        border-radius: 8px;
        overflow: hidden;
        background: rgba(255,255,255,.08);
        box-shadow: 0 20px 50px rgba(0,0,0,.18);
    }
    .dse-gallery-square img,
    .dse-gallery-wide img,
    .dse-gallery-mini img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center 34%;
        display: block;
        transform: scale(1.02);
    }
    .dse-gallery-wide img.is-landscape {
        object-position: center center;
    }
    .dse-gallery-wide img.is-portrait {
        object-position: center 18%;
    }
    .dse-gallery-square img.is-landscape,
    .dse-gallery-mini img.is-landscape {
        object-position: center 36%;
    }
    .dse-gallery-square img.is-portrait,
    .dse-gallery-mini img.is-portrait {
        object-position: center 18%;
    }
    .dse-gallery-square img.is-square,
    .dse-gallery-mini img.is-square {
        object-position: center 28%;
    }
    .dse-gallery-square,
    .dse-gallery-wide,
    .dse-gallery-mini {
        outline: 1px solid rgba(255,255,255,.10);
    }
    @media (max-width: 768px) {
        .dse-talent-hero {
            height: auto;
            min-height: 0;
            aspect-ratio: 4 / 5;
        }
        .dse-talent-hero::before {
            background-image: var(--dse-hero-bg-mob);
            opacity: .32;
        }
        .dse-talent-hero::after {
            background:
                linear-gradient(180deg, rgba(58,17,19,.56) 0%, rgba(58,17,19,.28) 42%, rgba(53,15,17,.96) 100%),
                radial-gradient(circle at 78% 10%, rgba(112,33,37,.20), transparent 36%);
        }
        .dse-talent-hero-inner {
            flex-direction: column;
            align-items: stretch;
            justify-content: flex-start;
            padding: 0;
        }
        .dse-talent-rail {
            order: 1;
            width: 100%;
            height: 56%;
            margin-left: 0;
        }
        .dse-talent-rail::before {
            width: 58px;
            background: linear-gradient(to right, rgba(53,15,17,.82), transparent);
        }
        .dse-gallery-track {
            gap: 10px;
            padding-left: 28px;
            animation-duration: 40s;
        }
        .dse-gallery-block { gap: 10px; }
        .dse-gallery-square {
            width: 228px;
            height: 228px;
            border-radius: 8px;
        }
        .dse-gallery-stack,
        .dse-gallery-mixed {
            width: 210px;
            height: 228px;
            gap: 10px;
        }
        .dse-gallery-wide { height: calc(50% - 5px); border-radius: 8px; }
        .dse-gallery-mini-row { gap: 10px; height: calc(50% - 5px); }
        .dse-gallery-mini { width: calc(50% - 5px); border-radius: 8px; }
        .dse-talent-copy {
            order: 2;
            width: 100%;
            max-width: none;
            padding: 18px 20px 24px;
            margin-top: 0;
        }
        .dse-talent-eyebrow {
            margin-bottom: 10px;
            font-size: 11px;
            letter-spacing: .06em;
        }
        .dse-talent-eyebrow::before { width: 24px; height: 3px; }
        .dse-talent-title {
            font-size: clamp(31px, 9.2vw, 40px);
            line-height: 1.02;
            margin-bottom: 15px;
            max-width: 340px;
        }
        .dse-talent-actions {
            gap: 10px;
        }
        .dse-talent-btn {
            min-height: 42px;
            padding: 10px 13px;
            border-radius: 8px;
            font-size: 12px;
            flex: 0 1 auto;
        }
    }


    .ukd-home-spotlight {
        --ukd-green: #e30613;
        --ukd-dark: #e30613;
        --ukd-orange: #e30613;
        width: 100%;
        background: var(--ukd-dark);
        border-top: 4px solid var(--ukd-orange);
        color: #ffffff;
    }
    .ukd-home-spotlight-inner {
        width: min(1400px, calc(100% - 48px));
        min-height: 154px;
        margin: 0 auto;
        padding: 24px 0;
        display: grid;
        grid-template-columns: 68px minmax(0, 1fr) auto;
        align-items: center;
        gap: 22px;
    }
    .ukd-home-spotlight-icon {
        width: 68px;
        height: 68px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        background: #ffffff;
        color: var(--ukd-green);
        border: 3px solid rgba(231,42,51, .9);
        box-shadow: 0 12px 30px rgba(0,0,0, .2);
        font-size: 27px;
    }
    .ukd-home-spotlight-copy { min-width: 0; }
    .ukd-home-spotlight-eyebrow {
        display: block;
        margin-bottom: 5px;
        color: #f57076;
        font-size: 12px;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: .08em;
    }
    .ukd-home-spotlight-title {
        margin: 0 0 5px;
        color: #ffffff;
        font-size: 27px;
        line-height: 1.2;
        font-weight: 900;
        letter-spacing: 0;
    }
    .ukd-home-spotlight-text {
        max-width: 780px;
        margin: 0;
        color: rgba(255,255,255, .82);
        font-size: 15px;
        line-height: 1.55;
        font-weight: 600;
    }
    .ukd-home-spotlight-button {
        min-height: 50px;
        padding: 12px 22px;
        border-radius: 8px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        background: #ffffff;
        color: var(--ukd-dark);
        border: 1px solid rgba(255,255,255, .7);
        border-bottom: 3px solid var(--ukd-orange);
        font-size: 15px;
        font-weight: 900;
        text-decoration: none;
        white-space: nowrap;
        transition: transform .2s ease, color .2s ease, background-color .2s ease;
    }
    .ukd-home-spotlight-button:hover {
        transform: translateY(-2px);
        background: var(--ukd-green);
        color: #ffffff;
    }
    @media (max-width: 768px) {
        .ukd-home-spotlight-inner {
            width: calc(100% - 32px);
            min-height: 0;
            padding: 20px 0 22px;
            grid-template-columns: 54px minmax(0, 1fr);
            gap: 13px;
        }
        .ukd-home-spotlight-icon {
            width: 54px;
            height: 54px;
            font-size: 21px;
        }
        .ukd-home-spotlight-eyebrow { font-size: 10px; }
        .ukd-home-spotlight-title { font-size: 21px; }
        .ukd-home-spotlight-text {
            margin-top: 5px;
            font-size: 13px;
            line-height: 1.45;
        }
        .ukd-home-spotlight-button {
            grid-column: 1 / -1;
            width: 100%;
            min-height: 48px;
            margin-top: 2px;
        }
    }


    .elo-home-spotlight {
        --elo-green:#e30613;
        --elo-dark:#e30613;
        --elo-orange:#e30613;
        width:100%;
        background:var(--elo-dark);
        border-top:4px solid var(--elo-orange);
        color:#ffffff;
    }
    .elo-home-spotlight-inner {
        width:min(1400px, calc(100% - 48px));
        min-height:154px;
        margin:0 auto;
        padding:24px 0;
        display:grid;
        grid-template-columns:68px minmax(0,1fr) auto;
        align-items:center;
        gap:22px;
    }
    .elo-home-spotlight-icon {
        width:68px;
        height:68px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        border:3px solid rgba(231,42,51,.85);
        border-radius:50%;
        background:#ffffff;
        color:var(--elo-green);
        box-shadow:0 12px 30px rgba(0,0,0,.2);
        font-size:27px;
    }
    .elo-home-spotlight-copy { min-width:0; }
    .elo-home-spotlight-eyebrow { display:block; margin-bottom:5px; color:#f57076; font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
    .elo-home-spotlight-title { margin:0 0 5px; color:#ffffff; font-size:27px; line-height:1.2; font-weight:900; letter-spacing:0; }
    .elo-home-spotlight-text { max-width:780px; margin:0; color:rgba(255,255,255,.82); font-size:15px; line-height:1.55; font-weight:600; }
    .elo-home-spotlight-button {
        min-height:50px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:10px;
        padding:12px 22px;
        border:1px solid rgba(255,255,255,.7);
        border-bottom:3px solid var(--elo-orange);
        border-radius:8px;
        background:#ffffff;
        color:var(--elo-dark);
        font-size:15px;
        font-weight:900;
        text-decoration:none;
        white-space:nowrap;
        transition:transform .2s ease, color .2s ease, background-color .2s ease;
    }
    .elo-home-spotlight-button:hover { transform:translateY(-2px); background:var(--elo-green); color:#ffffff; }
    @media (max-width:768px) {
        .elo-home-spotlight-inner { width:calc(100% - 32px); min-height:0; padding:20px 0 22px; grid-template-columns:54px minmax(0,1fr); gap:13px; }
        .elo-home-spotlight-icon { width:54px; height:54px; font-size:21px; }
        .elo-home-spotlight-eyebrow { font-size:10px; }
        .elo-home-spotlight-title { font-size:21px; }
        .elo-home-spotlight-text { margin-top:5px; font-size:13px; line-height:1.45; }
        .elo-home-spotlight-button { grid-column:1 / -1; width:100%; min-height:48px; margin-top:2px; }
    }


        .tanitim-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; }
        .tanitim-item { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 15px; padding: 30px 20px; background: #ffffff; border-radius: 8px; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px rgba(0,0,0,0.03); transition: 0.3s; }
        .tanitim-item:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.08); border-color: var(--ana-renk); }
        .tanitim-icon { width: 80px; height: 80px; object-fit: contain; }
        .tanitim-text { font-size: 18px; font-weight: 700; color: #334155; line-height: 1.3; }
        .btn-tanitim-more { display: none; }
        @media (max-width: 992px) {
            .tanitim-grid { grid-template-columns: 1fr; gap: 15px; }
            .tanitim-item { flex-direction: row; align-items: center; text-align: left; padding: 20px; gap: 20px; }
            .tanitim-icon { width: 60px; height: 60px; }
            .tanitim-text { font-size: 16px; }
            .tanitim-item:nth-child(n+7) { display: none; opacity: 0; transform: translateY(-10px); transition: all 0.4s ease; }
            .tanitim-grid.show-all .tanitim-item:nth-child(n+7) { display: flex; opacity: 1; transform: translateY(0); }
            .btn-tanitim-more { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; background: none; border: 1px dashed #cbd5e1; color: var(--ana-renk); font-weight: 700; padding: 15px; margin-top: 15px; border-radius: 8px; cursor: pointer; }
            .btn-tanitim-more i { animation: bounceDown 1.5s infinite; }
        }
        @keyframes bounceDown { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(5px); } }
    

        .story-scroller { display: flex; overflow-x: auto; gap: 20px; padding-bottom: 20px; scrollbar-width: none; -ms-overflow-style: none; scroll-behavior: smooth; }
        .story-scroller::-webkit-scrollbar { display: none; }
        .story-card { 
            min-width: 320px; width: 320px; 
            background: #ffffff; border-radius: 10px; 
            overflow: hidden; flex-shrink: 0; 
            box-shadow: 0 4px 6px rgba(0,0,0,0.05); border: 1px solid #eeeeee; transition: 0.3s; 
        }
        .story-card:hover { transform: translateY(-5px); box-shadow: 0 10px 15px rgba(0,0,0,0.1); }
        
        .story-img-wrap { 
            position: relative; 
            width: 100%; 
            padding-top: 125%; 
            background: #000000; 
            cursor: pointer; 
        }
        
        .story-img-wrap img { 
            position: absolute; 
            top: 0; left: 0; width: 100%; height: 100%; 
            object-fit: cover; 
            opacity: 0.9; 
            transition: 0.3s; 
        }
        .story-card:hover .story-img-wrap img { opacity: 0.8; }
        
        .story-play-btn {
            position: absolute; 
            left: 50%; top: 50%; 
            transform: translate(-50%, -50%);
            width: 48px; height: 48px;
            background: #e30613; 
            border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
            box-shadow: 0 4px 15px rgba(0,0,0,0.3);
            transition: 0.3s;
            border: 2px solid #ffffff;
            z-index: 2;
        }
        
        .story-play-btn i { font-size: 18px; color: #ffffff; margin-left: 3px; }
        .story-card:hover .story-play-btn { transform: translate(-50%, -50%) scale(1.08); background: #ffffff; }
        .story-card:hover .story-play-btn i { color: #e30613; }
        
        .story-content { padding: 15px 10px; text-align: center; }
        .story-title { font-size: 16px; font-weight: 700; color: #1f2937; margin: 0; line-height: 1.4; }
        
        @media (max-width: 768px) { .story-card { min-width: 280px; width: 280px; } }

        /* YENİ FLIP MODAL TASARIMI BAŞLANGIÇ */
        .success-flip-wrapper {
            display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; 
            background: rgba(0,0,0,0.9); z-index: 999999; 
            align-items: center; justify-content: center;
            perspective: 1500px;
        }
        .success-flip-content {
            /* 1080x1350 formatını sayfa dışına taşırmadan oranlayan akıllı matematik (4:5) */
            width: min(90vw, 1080px, calc(90vh * (1080 / 1350)));
            aspect-ratio: 1080 / 1350;
            position: relative;
            background: #000000;
            border: 4px solid var(--ana-renk, #e30613); /* Hakim renk çerçevesi */
            border-radius: 12px;
            box-shadow: 0 20px 50px rgba(0,0,0,0.8);
            
            /* Başlangıçta dönmüş olarak gizli durur */
            transform: rotateY(90deg);
            opacity: 0;
            transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s ease-out;
            display: flex; align-items: center; justify-content: center;
        }
        .success-flip-wrapper.open .success-flip-content {
            /* JavaScript ile tetiklenince tam karşıya döner */
            transform: rotateY(0deg);
            opacity: 1;
        }
        .success-video-container {
            width: 100%; height: 100%; overflow: hidden; border-radius: 8px;
            display: flex; align-items: center; justify-content: center;
        }
        #successVideoPlayer,
        #successYoutubeFrame { width: 100%; height: 100%; object-fit: contain; }
        #successYoutubeFrame { border: 0; background: #000000; display: none; }
        .success-close-icon {
            position: absolute;
            top: -20px;
            right: -20px;
            width: 44px;
            height: 44px;
            background: var(--ana-renk, #e30613);
            color: #ffffff;
            border: 2px solid #ffffff;
            border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
            font-size: 22px;
            cursor: pointer;
            z-index: 10;
            box-shadow: 0 4px 15px rgba(0,0,0,0.5);
            transition: 0.3s;
        }
        .success-close-icon:hover {
            transform: scale(1.1) rotate(90deg);
            background: #ffffff;
            color: var(--ana-renk, #e30613);
        }
        @media (max-width: 768px) {
            .success-close-icon { top: -15px; right: -15px; width: 36px; height: 36px; font-size: 16px; }
        }
        /* YENİ FLIP MODAL TASARIMI BİTİŞ */
    

        .home-gallery-showcase { display:grid; grid-template-columns:minmax(0, 1.55fr) minmax(260px, .85fr); gap:18px; align-items:stretch; }
        .home-gallery-cover,
        .home-gallery-thumb {
            position:relative; border:0; padding:0; margin:0; width:100%; background:#0f172a;
            border-radius:10px; overflow:hidden; cursor:pointer; display:block; box-shadow:0 10px 24px rgba(15,23,42,.08);
        }
        .home-gallery-cover { min-height:430px; aspect-ratio:16/10; }
        .home-gallery-side { display:flex; flex-direction:column; gap:12px; max-height:430px; overflow:auto; padding-right:3px; scrollbar-width:thin; }
        .home-gallery-thumb { min-height:96px; aspect-ratio:16/6.5; flex:0 0 auto; border:1px solid #e5e7eb; }
        .home-gallery-bg,
        .home-gallery-img-main {
            position:absolute; inset:0; width:100%; height:100%; display:block;
        }
        .home-gallery-bg { object-fit:cover; filter:blur(18px); transform:scale(1.08); opacity:.38; }
        .home-gallery-img-main { object-fit:contain; z-index:1; }
        .home-gallery-cover::after,
        .home-gallery-thumb::after {
            content:''; position:absolute; inset:0; z-index:2; background:linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.58)); opacity:.75; transition:.25s ease;
        }
        .home-gallery-cover:hover::after,
        .home-gallery-thumb:hover::after { opacity:.52; }
        .home-gallery-caption { position:absolute; left:18px; right:18px; bottom:16px; z-index:3; color:#ffffff; text-align:left; }
        .home-gallery-caption strong { display:block; font-size:20px; line-height:1.25; font-weight:800; text-shadow:0 2px 12px rgba(0,0,0,.4); }
        .home-gallery-caption span { display:block; margin-top:5px; font-size:13px; opacity:.9; }
        .home-gallery-thumb .home-gallery-caption { left:12px; right:12px; bottom:10px; }
        .home-gallery-thumb .home-gallery-caption strong { font-size:13px; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }
        .home-gallery-thumb .home-gallery-caption span { display:none; }
        .home-gallery-count-badge { position:absolute; top:14px; right:14px; z-index:4; width:42px; height:42px; border-radius:50%; background:#e30613; color:#ffffff; display:flex; align-items:center; justify-content:center; border:2px solid #ffffff; font-weight:800; box-shadow:0 8px 22px rgba(0,0,0,.25); }
        .gallery-modal { display:none; position:fixed; inset:0; background:rgba(0,0,0,.92); z-index:999999; align-items:center; justify-content:center; padding:18px; box-sizing:border-box; }
        .gallery-modal.open { display:flex; }
        .gallery-modal.text-open .gallery-close-btn,
        .gallery-modal.text-open .gallery-modal-nav { opacity:0 !important; visibility:hidden; pointer-events:none; transition:none !important; }
        .gallery-modal-inner { position:relative; width:min(1120px, 94vw); height:min(760px, 82vh); display:flex; align-items:center; justify-content:center; perspective:1200px; margin:auto; }
        .gallery-modal-frame { position:relative; width:100%; height:100%; background:#050505; border:4px solid var(--ana-renk, #e30613); border-radius:14px; box-shadow:0 24px 60px rgba(0,0,0,.65); overflow:hidden; display:flex; align-items:center; justify-content:center; transform:rotateY(8deg) scale(.96); opacity:0; transition:transform .35s ease, opacity .35s ease; }
        .gallery-modal.open .gallery-modal-frame { transform:rotateY(0) scale(1); opacity:1; }
        .gallery-modal-frame.slide-left img { animation:gallerySlideLeft .28s ease; }
        .gallery-modal-frame.slide-right img { animation:gallerySlideRight .28s ease; }
        @keyframes gallerySlideLeft { from { transform:translateX(40px); opacity:.55; } to { transform:translateX(0); opacity:1; } }
        @keyframes gallerySlideRight { from { transform:translateX(-40px); opacity:.55; } to { transform:translateX(0); opacity:1; } }
        .gallery-modal-img { max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; display:block; }
        .gallery-modal-caption { position:absolute; left:0; right:0; bottom:0; padding:16px 20px; background:linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.82)); color:#ffffff; display:flex; align-items:flex-end; justify-content:space-between; gap:15px; }
        .gallery-modal-title { flex:1 1 auto; min-width:0; font-size:16px; font-weight:800; line-height:1.35; display:flex; align-items:flex-end; gap:8px; overflow-wrap:anywhere; white-space:normal; }
        .gallery-caption-summary { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
        .gallery-caption-more { flex:0 0 auto; height:30px; padding:0 11px; border:1px solid rgba(255,255,255,.34); border-radius:999px; background:#e30613; color:#ffffff; display:inline-flex; align-items:center; justify-content:center; gap:6px; font-size:12px; font-weight:900; line-height:1; white-space:nowrap; cursor:pointer; box-shadow:0 8px 18px rgba(112,33,37,.28); }
        .gallery-caption-more i { font-size:11px; }
        .gallery-caption-more:hover { background:#ffffff; color:#e30613; }
        .gallery-modal-count { font-size:13px; opacity:.85; white-space:nowrap; }
        .gallery-text-detail { position:absolute; inset:0; z-index:6; display:none; align-items:center; justify-content:center; padding:24px; background:rgba(17,5,6,.78); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }
        .gallery-text-detail.open { display:flex; }
        .gallery-text-card { position:relative; width:min(720px, calc(100% - 12px)); max-height:min(620px, calc(100% - 32px)); overflow:auto; background:#ffffff; color:#1f2937; border:1px solid rgba(112,33,37,.18); border-radius:14px; box-shadow:0 24px 64px rgba(0,0,0,.36); padding:25px 25px 22px; transform-origin:center; animation:galleryTextFlip .32s ease both; }
        @keyframes galleryTextFlip { from { transform:rotateY(-12deg) scale(.94); opacity:0; } to { transform:rotateY(0) scale(1); opacity:1; } }
        .gallery-text-close { position:absolute; top:12px; right:12px; width:38px; height:38px; border:0; border-radius:50%; background:#e30613; color:#ffffff; display:flex; align-items:center; justify-content:center; cursor:pointer; font-size:18px; }
        .gallery-text-kicker { margin:0 46px 8px 0; color:#e30613; font-size:13px; line-height:1.2; font-weight:900; text-transform:uppercase; letter-spacing:.02em; }
        .gallery-text-heading { margin:0 46px 16px 0; color:#111827; font-size:20px; line-height:1.35; font-weight:900; }
        .gallery-text-list { list-style:none; padding:0; margin:0; display:grid; gap:10px; }
        .gallery-text-list li { display:grid; grid-template-columns:24px minmax(0, 1fr); gap:9px; align-items:start; color:#374151; font-size:15px; line-height:1.45; }
        .gallery-text-list i { width:24px; height:24px; border-radius:50%; background:#faeff0; color:#e30613; display:flex; align-items:center; justify-content:center; font-size:12px; margin-top:1px; }
        .gallery-text-body { margin:0; color:#374151; font-size:15px; line-height:1.55; }
        .gallery-close-btn { position:absolute; top:10px; right:10px; width:44px; height:44px; border-radius:50%; border:2px solid #ffffff; background:#e30613; color:#ffffff; display:flex; align-items:center; justify-content:center; font-size:20px; cursor:pointer; z-index:4; transition:.25s; }
        .gallery-close-btn:hover { background:#ffffff; color:#e30613; transform:rotate(90deg); }
        .gallery-modal-nav { position:absolute; top:50%; transform:translateY(-50%); width:46px; height:46px; border-radius:50%; border:1px solid rgba(255,255,255,.5); background:rgba(255,255,255,.16); color:#ffffff; display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:3; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
        .gallery-modal-nav:hover { background:#e30613; border-color:#e30613; }
        .gallery-modal-prev { left:14px; }
        .gallery-modal-next { right:14px; }
        @media (max-width:768px) {
            .home-gallery-showcase { grid-template-columns:1fr; gap:12px; }
            .home-gallery-cover { min-height:0; aspect-ratio:4/5; }
            .home-gallery-side { max-height:none; flex-direction:row; overflow-x:auto; overflow-y:hidden; padding:0 0 4px; }
            .home-gallery-thumb { width:148px; min-width:148px; min-height:0; aspect-ratio:4/5; }
            .home-gallery-caption { left:13px; right:13px; bottom:13px; }
            .home-gallery-caption strong { font-size:16px; }
            .home-gallery-caption span { font-size:12px; }
            .home-gallery-count-badge { width:36px; height:36px; top:10px; right:10px; font-size:13px; }
            .gallery-modal { padding:12px; }
            .gallery-modal-inner { width:94vw; height:72vh; max-height:72vh; }
            .gallery-modal-nav { width:40px; height:40px; top:50%; bottom:auto; transform:translateY(-50%); }
            .gallery-modal-prev { left:8px; }
            .gallery-modal-next { right:8px; }
            .gallery-close-btn { top:8px; right:8px; width:38px; height:38px; font-size:17px; }
            .gallery-modal-caption { padding:14px; gap:10px; }
            .gallery-modal-title { font-size:14px; }
            .gallery-caption-more { height:28px; padding:0 10px; font-size:11px; }
            .gallery-caption-more i { font-size:10px; }
            .gallery-text-detail { padding:14px; }
            .gallery-text-card { width:100%; max-height:calc(100% - 18px); padding:20px 18px 18px; border-radius:12px; }
            .gallery-text-close { width:34px; height:34px; top:10px; right:10px; }
            .gallery-text-kicker { font-size:12px; margin-right:40px; }
            .gallery-text-heading { font-size:17px; margin-right:40px; }
            .gallery-text-list li { font-size:14px; grid-template-columns:22px minmax(0, 1fr); }
            .gallery-text-list i { width:22px; height:22px; font-size:11px; }
        }
    

        .news-scroller { display: flex; overflow-x: auto; gap: 20px; padding-bottom: 20px; scrollbar-width: none; }
        .news-scroller::-webkit-scrollbar { display: none; }
        .news-card { min-width: 280px; width: 280px; background: #ffffff; border: 1px solid #eeeeee; border-radius: 5px; overflow: hidden; flex-shrink: 0; }
        .news-img img { width: 100%; height: 160px; object-fit: cover; }
        .news-content { padding: 15px; }
        .news-title { font-size: 16px; font-weight: 700; margin-bottom: 8px; color: #333333; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
        .news-desc { font-size: 13px; color: #666666; margin-bottom: 15px; line-height: 1.5; }
        .news-btn-read { display: inline-block; padding: 6px 12px; border: 1px solid #e30613; border-radius: 5px; color: #e30613; font-size: 12px; font-weight: 600; text-decoration: none; transition: 0.3s; }
        .news-btn-read:hover { background-color: #e30613; color: #ffffff; }
        .news-card-all .news-btn-read, .news-card-all .news-btn-read i { color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; }
    

    /* --- GENEL FOOTER STİLLERİ --- */
    :root {
        --footer-ana-renk: #e30613;
    }

    /* MASAÜSTÜ AYARLARI */
    .site-footer { background-color: #111827; color: #ffffff; padding-top: 60px; margin-top: auto; font-family: 'Poppins', sans-serif; }
    .footer-desktop { display: block; } 
    .footer-mobile-wrapper { display: none; }
    .footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.2fr; column-gap: 30px; row-gap: 14px; max-width: 1200px; margin: 0 auto; padding: 0 20px 34px 20px; align-items: start; }
    .footer-grid > .footer-col:first-child { grid-row: 1 / span 2; }
    
    /* Başlık altı çizgisi */
    .footer-col h4 { color: #ffffff; font-size: 18px; margin-bottom: 20px; font-weight: 600; position: relative; padding-bottom: 10px; }
    .footer-col h4::after { content: ''; position: absolute; left: 0; bottom: 0; width: 40px; height: 2px; background-color: var(--footer-ana-renk); }
    
    .footer-links { display: flex; flex-direction: column; gap: 10px; }
    .footer-links a { color: #9ca3af; text-decoration: none; font-size: 14px; transition: 0.3s; display: flex; align-items: center; gap: 8px; }
    .footer-links a:hover { color: var(--footer-ana-renk); padding-left: 5px; } 
    .footer-bottom { border-top: 1px solid #1f2937; text-align: center; padding: 20px; font-size: 13px; color: #6b7280; }

    /* --- FOOTER SLIDESHOW STİLLERİ (SADECE MASAÜSTÜ - GÜNCELLENDİ) --- */
    .footer-slideshow-container {
        margin-top: 25px;
        width: 100%;
        max-width: 230px; /* Slayt alanı genişliği */
        height: 96px; /* Kurum logoları için sabit yükseklik */
        overflow: hidden;
        position: relative;
    }
    .footer-slideshow-track {
        display: flex;
        height: 100%;
        transition: transform 0.5s ease-in-out; /* Kayma efekti */
    }
    .footer-slideshow-item {
        min-width: 100%; /* Her seferinde 1 logo göster */
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        padding: 10px 14px;
        border-radius: 8px;
        background: #ffffff;
        box-shadow: 0 10px 24px rgba(0,0,0,0.18);
    }
    .footer-slideshow-item img {
        max-height: 76px;
        max-width: 100%;
        object-fit: contain;
        filter: none !important;
        opacity: 1;
    }

    @media (max-width: 768px) {
        .site-footer { padding-top: 0; background-color: #111827; }
        .footer-desktop { display: none; } 
        .footer-mobile-wrapper { display: block; padding: 20px; }
        
        @keyframes fingerBounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(5px); } }
        .animated-finger { animation: fingerBounce 1.5s infinite; display: inline-block; color: #ffffff; margin-left: 5px; font-size: 16px; opacity: 0.9; }
        
        .mobile-tabs { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; margin-bottom: 20px; }
        .mob-tab-btn { background-color: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); border-radius: 8px; padding: 15px 5px; text-align: center; color: #ffffff; cursor: pointer; transition: all 0.3s ease; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; }
        .mob-tab-btn i { font-size: 20px; color: rgba(255,255,255,0.7); } .mob-tab-btn span { font-size: 12px; font-weight: 500; }
        
        .mob-tab-btn.active { border-color: #ffffff; background-color: #ffffff; } .mob-tab-btn.active i, .mob-tab-btn.active span { color: var(--footer-ana-renk); font-weight: 700; }
        
        .mobile-content-area { background-color: rgba(255,255,255,0.05); border-radius: 12px; padding: 20px; border: 1px solid rgba(255,255,255,0.1); display: none; animation: fadeIn 0.3s ease; }
        .mobile-content-area.show { display: block; }
        .mob-list-header { color: #ffffff; font-size: 14px; font-weight: 700; text-transform: uppercase; margin-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 10px; letter-spacing: 1px; }
        .mob-link-list a { display: block; padding: 12px 0; color: rgba(255,255,255,0.8); text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.1); font-size: 14px; transition: 0.2s; }
        .mob-link-list a:last-child { border-bottom: none; } .mob-link-list a:hover { color: #ffffff; padding-left: 5px; font-weight: 600; }
        
        .mob-contact-item { text-align: center; margin-bottom: 20px; } .mob-contact-item i { display: block; font-size: 24px; color: #ffffff; margin-bottom: 8px; opacity: 0.9; }
        
        .mob-contact-btn { display: block; width: 100%; background-color: var(--buton-renk); color: #ffffff; text-align: center; padding: 12px; border-radius: 25px; text-decoration: none; font-weight: 600; margin-top: 15px; }
        .mob-contact-btn:hover { background-color: var(--buton-hover); }
        
        .footer-bottom { background-color: #111827; border-top: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.7); }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
    }


    :root {
        --ana-renk: #e30613;
        --buton-renk: #e30613;
        --buton-hover: #e30613;
        --header-btn-renk: #e30613;
        --footer-ana-renk: #e30613;
        --danger-color: #e30613;
        --theme-green: #e30613;
        --theme-green-dark: #e30613;
        --theme-green-soft: #f9eaeb;
        --theme-orange: #e30613;
        --theme-orange-dark: #e30613;
        --theme-orange-soft: #ffd8da;
    }

    .btn-uye,
    .btn-giris,
    .btn-sepet,
    .btn-bilet,
    .btn-tanitim-more:hover,
    .search-submit-btn,
    .kat-btn.active,
    .c-btn.active,
    .checkout-btn,
    .odeme-btn,
    .siparis-btn,
    .add-to-cart-btn,
    .urun-sepete-ekle,
    .egitim-sepete-ekle,
    .sepet-rozet,
    .flying-cart-item {
        background-color: var(--theme-green) !important;
        border-color: var(--theme-green) !important;
        color: #ffffff !important;
    }

    .btn-uye:hover,
    .btn-giris:hover,
    .btn-sepet:hover,
    .checkout-btn:hover,
    .odeme-btn:hover,
    .siparis-btn:hover,
    .add-to-cart-btn:hover,
    .urun-sepete-ekle:hover,
    .egitim-sepete-ekle:hover {
        background-color: var(--theme-green-dark) !important;
        border-color: var(--theme-green-dark) !important;
        color: #ffffff !important;
    }

    .btn-header-giris,
    .btn-detay,
    .news-btn-read,
    .tumunu-gor-btn,
    .c-btn,
    .kat-btn,
    .search-modal-eyebrow,
    .header-icon-btn:hover,
    .bildirim-item i,
    .course-price,
    .home-product-price,
    .urun-fiyat,
    .egitim-fiyat,
    .price-current,
    .story-card:hover .story-play-btn i {
        color: var(--theme-green) !important;
    }

    .btn-header-giris,
    .btn-detay,
    .news-btn-read,
    .tumunu-gor-btn,
    .c-btn,
    .kat-btn,
    .search-form-group:focus-within {
        border-color: var(--theme-green) !important;
    }

    .btn-header-giris:hover,
    .btn-detay:hover,
    .news-btn-read:hover,
    .tumunu-gor-btn:hover,
    .c-btn:hover {
        background-color: var(--theme-green) !important;
        border-color: var(--theme-green) !important;
        color: #ffffff !important;
    }

    .tl-nowrap,
    .price-nowrap,
    .course-price,
    .course-price span,
    .home-product-price,
    .home-product-price span,
    .urun-fiyat,
    .urun-fiyat span,
    .egitim-fiyat,
    .egitim-fiyat span,
    .price-current,
    .price-current span,
    .old-price,
    .cart-price,
    .order-price,
    .fatura-price,
    .siparis-price,
    [class*="fiyat"],
    [class*="price"],
    [class*="tutar"] {
        white-space: nowrap !important;
    }

    .tl-nowrap *,
    .price-nowrap * {
        white-space: nowrap !important;
    }

    .section-title::before,
    .card-cat,
    .badge-yeni,
    .header-bildirim-rozet,
    .blinking-dot-nav,
    .bildirim-sayi-badge.kirmizi,
    .footer-col h4::after,
    .btn-cikis:hover {
        background-color: var(--theme-orange) !important;
        border-color: var(--theme-orange) !important;
        color: #ffffff !important;
    }

    .btn-cikis,
    .footer-links a:hover,
    .mob-tab-btn.active i,
    .mob-tab-btn.active span,
    .yenile-btn,
    .form-input:focus,
    .card-meta i,
    .c-tag-red,
    .product-highlight,
    .installment-text {
        color: var(--theme-orange) !important;
    }

    .btn-cikis,
    .tumunu-gor-btn,
    .form-input:focus,
    .tanitim-item:hover,
    .story-play-btn,
    .c-tag-red {
        border-color: var(--theme-orange) !important;
    }

    .c-tag-red {
        background-color: var(--theme-orange-soft) !important;
    }

    .home-product-cat,
    .urun-kat {
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: var(--theme-green) !important;
        display: block !important;
        padding: 0 !important;
    }

    .c-tag-blue {
        background-color: var(--theme-green-soft) !important;
        border-color: #ebbcbe !important;
        color: var(--theme-green-dark) !important;
    }

    .search-form-group:focus-within {
        box-shadow: 0 0 0 4px rgba(112,33,37,.12) !important;
    }

    .destek-modal-card {
        border-color: rgba(231,42,51,.18) !important;
    }

    .destek-modal-icon.tel,
    .destek-modal-head,
    .story-play-btn,
    .footer-support-modal-header {
        background: linear-gradient(135deg, var(--theme-green), var(--theme-green-dark)) !important;
        color: #ffffff !important;
    }


    .destek-merkezi-widget {
        position: fixed;
        bottom: 30px;
        right: 30px;
        z-index: 9999;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 12px;
        pointer-events: none;
    }
    .destek-ana-buton {
        background: #e30613 !important;
        border-color: #e30613 !important;
        color: #ffffff;
        width: 65px;
        height: 65px;
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        box-shadow: 0 4px 15px rgba(230,29,33, 0.4);
        cursor: pointer;
        transition: 0.3s;
        border: none;
        position: relative;
        pointer-events: auto;
    }
    .destek-ana-buton i {
        font-size: 24px;
        transition: transform 0.3s;
    }
    .destek-ana-buton span {
        font-size: 10px;
        font-weight: bold;
        margin-top: 3px;
        text-align: center;
        line-height: 1;
    }
    .destek-ana-buton:hover {
        transform: scale(1.05);
        box-shadow: 0 6px 20px rgba(230,29,33, 0.6);
    }
    .destek-ana-buton::before {
        content: '';
        position: absolute;
        top: 0; left: 0; width: 100%; height: 100%;
        background: inherit;
        border-radius: inherit;
        z-index: -1;
        animation: pulseDestek 2s infinite;
    }
    .ucretsiz-ders-buton {
        width: 65px;
        height: 65px;
        border: none;
        border-radius: 50%;
        background: #e30613;
        color: #ffffff;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        box-shadow: 0 5px 18px rgba(120,35,39, 0.38);
        cursor: pointer;
        position: relative;
        pointer-events: auto;
        transition: transform .22s ease, box-shadow .22s ease;
    }
    .ucretsiz-ders-buton:hover {
        transform: translateY(-2px) scale(1.04);
        box-shadow: 0 9px 25px rgba(120,35,39, 0.48);
    }
    .ucretsiz-ders-buton i { font-size: 21px; }
    .ucretsiz-ders-buton span {
        margin-top: 3px;
        font-size: 9px;
        line-height: 1.05;
        font-weight: 800;
        text-align: center;
    }
    .destek-modal-overlay {
        position: fixed;
        inset: 0;
        z-index: 100000;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 24px;
        background: rgba(15,23,42, 0.62);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        perspective: 1100px;
        transition: opacity 0.24s ease, visibility 0.24s ease;
    }
    body.destek-modal-open {
        overflow: hidden;
    }
    .destek-modal-overlay.aktif {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
    .destek-modal-card {
        width: min(420px, 100%);
        max-height: calc(100dvh - 36px);
        background: #ffffff;
        border-radius: 18px;
        box-shadow: 0 30px 80px rgba(0,0,0,0.28);
        border: 1px solid rgba(255,255,255,0.75);
        overflow: hidden;
        transform: rotateY(-88deg) translateY(18px) scale(0.92);
        transform-origin: center;
        opacity: 0;
        transition: transform 0.46s cubic-bezier(.2,.8,.2,1), opacity 0.24s ease;
        backface-visibility: hidden;
    }
    .destek-modal-overlay.aktif .destek-modal-card {
        transform: rotateY(0deg) translateY(0) scale(1);
        opacity: 1;
    }
    .destek-modal-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding: 20px 22px;
        color: #ffffff;
        background: linear-gradient(135deg, #111827, #e30613);
    }
    .ucretsiz-ders-modal-head {
        background: linear-gradient(135deg, #e30613, #e30613);
        border-bottom: 4px solid #e30613;
    }
    .destek-modal-title {
        margin: 0;
        font-size: 18px;
        line-height: 1.2;
        font-weight: 800;
    }
    .destek-modal-subtitle {
        margin: 5px 0 0;
        font-size: 12px;
        line-height: 1.45;
        color: rgba(255,255,255,0.78);
    }
    .destek-modal-close {
        width: 38px;
        height: 38px;
        border-radius: 50%;
        border: 1px solid rgba(255,255,255,0.32);
        background: rgba(255,255,255,0.12);
        color: #ffffff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        flex: 0 0 38px;
        transition: 0.2s;
    }
    .destek-modal-close:hover {
        background: rgba(255,255,255,0.22);
        transform: rotate(90deg);
    }
    .destek-modal-body {
        display: flex;
        flex-direction: column;
        gap: 12px;
        padding: 18px;
        background: #f8fafc;
    }
    .ucretsiz-ders-form { display: flex; flex-direction: column; gap: 13px; }
    .ucretsiz-ders-alan { display: flex; flex-direction: column; gap: 6px; }
    .ucretsiz-ders-alan label { font-size: 12px; font-weight: 800; color: #334155; }
    .ucretsiz-ders-input {
        width: 100%;
        height: 48px;
        padding: 0 14px;
        border: 1px solid #e0dbd7;
        border-radius: 8px;
        background: #ffffff;
        color: #17202a;
        font: inherit;
        font-size: 14px;
        outline: none;
        box-sizing: border-box;
        transition: border-color .2s ease, box-shadow .2s ease;
    }
    .ucretsiz-ders-input:focus {
        border-color: #e30613;
        box-shadow: 0 0 0 3px rgba(120,35,39, .12);
    }
    .ucretsiz-ders-captcha-row { display: grid; grid-template-columns: 130px 46px minmax(0,1fr); gap: 8px; align-items: center; }
    .ucretsiz-ders-captcha-row img { width: 130px; height: 45px; object-fit: cover; border: 1px solid #e0dbd7; border-radius: 8px; background:#ffffff; }
    .ucretsiz-ders-captcha-yenile {
        width: 46px;
        height: 46px;
        border: 1px solid #d5c7c8;
        border-radius: 8px;
        background: #ffffff;
        color: #e30613;
        cursor: pointer;
        font-size: 16px;
    }
    .ucretsiz-ders-gonder {
        height: 50px;
        border: none;
        border-radius: 8px;
        background: #e30613;
        color: #ffffff;
        font-size: 14px;
        font-weight: 800;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
    }
    .ucretsiz-ders-gonder:hover { background: #e30613; }
    .ucretsiz-ders-gonder:disabled { opacity: .72; cursor: wait; }
    .ucretsiz-ders-mesaj {
        display: none;
        padding: 11px 12px;
        border-radius: 8px;
        font-size: 12px;
        line-height: 1.5;
    }
    .ucretsiz-ders-mesaj.goster { display: block; }
    .ucretsiz-ders-mesaj.basari { color:#e30613; background:#f8e9ea; border:1px solid #ebbcbe; }
    .ucretsiz-ders-mesaj.hata { color:#e30613; background:#fff1f0; border:1px solid #fecaca; }
    .ucretsiz-ders-not { margin: 0; color:#64748b; font-size:11px; line-height:1.5; text-align:center; }
    .destek-modal-item {
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 15px;
        border-radius: 14px;
        border: 1px solid #e5e7eb;
        background: #ffffff;
        color: #111827;
        text-decoration: none;
        box-shadow: 0 10px 24px rgba(15,23,42, 0.06);
        transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    }
    .destek-modal-item:hover {
        transform: translateY(-2px);
        box-shadow: 0 16px 30px rgba(15,23,42, 0.12);
        border-color: #cbd5e1;
    }
    .destek-modal-icon {
        width: 46px;
        height: 46px;
        border-radius: 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 46px;
        font-size: 21px;
        color: #ffffff;
    }
    .destek-modal-icon.tel { background: linear-gradient(135deg, #e30613, #d37d81); }
    .destek-modal-icon.wp { background: linear-gradient(135deg, #e30613, #e30613); }
    .destek-modal-text {
        display: flex;
        flex-direction: column;
        min-width: 0;
    }
    .destek-modal-label {
        font-size: 14px;
        font-weight: 800;
        color: #111827;
    }
    .destek-modal-value {
        margin-top: 3px;
        font-size: 12px;
        color: #64748b;
        overflow-wrap: anywhere;
    }
    .destek-modal-arrow {
        margin-left: auto;
        color: #94a3b8;
        font-size: 15px;
    }
    @keyframes pulseDestek {
        0% { transform: scale(1); opacity: 0.6; }
        100% { transform: scale(1.5); opacity: 0; }
    }
    
    @media (max-width: 768px) {
        /* Mobil görünüm için ikon 2-3 cm (90px) yukarı taşındı */
        .destek-merkezi-widget { bottom: 90px; right: 20px; }
        .destek-ana-buton { width: 55px; height: 55px; }
        .destek-ana-buton i { font-size: 20px; }
        .destek-ana-buton span { font-size: 9px; }
        .ucretsiz-ders-buton { width:55px; height:55px; }
        .ucretsiz-ders-buton i { font-size:18px; }
        .ucretsiz-ders-buton span { font-size:8px; }
        .destek-modal-overlay { padding: 18px; }
        .destek-modal-head { padding: 18px; }
        .destek-modal-body { padding: 14px; }
        .ucretsiz-ders-captcha-row { grid-template-columns: 130px 46px; }
        .ucretsiz-ders-captcha-row .ucretsiz-ders-input { grid-column: 1 / -1; }
    }