/* === MODERN HOVER VE ANİMASYON STİLLERİ === */
        .hover-lift {
            transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;
        }

            .hover-lift:hover {
                transform: translateY(-8px);
                box-shadow: 0 15px 35px rgba(0,0,0,0.12) !important;
            }

        .card-img-zoom {
            transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        .card:hover .card-img-zoom {
            transform: scale(1.08);
        }

        .glass-effect {
            background: rgba(0, 0, 0, 0.4);
            backdrop-filter: blur(8px);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

        .bg-gradient-dark {
            background: linear-gradient(to top, rgba(0,0,0,0.85), transparent);
        }

        /* === YENİLENEN PROJELERİM BANNER (KOMPAKT) STİLLERİ === */
        .projects-dashboard-wrapper {
            max-width: 1200px;
            border-radius: 16px;
            background: #0f172a;
            overflow: hidden;
            border: 1px solid rgba(255,255,255,0.1);
        }

        .projects-header-compact {
            background: linear-gradient(135deg, #0f766e 0%, #064e3b 100%);
            overflow: hidden;
        }

        /* Yüzen, Canlı Sıvı Arka Plan Animasyonu */
        @keyframes gradientShift {
            0% {
                background-position: 0% 50%;
            }

            50% {
                background-position: 100% 50%;
            }

            100% {
                background-position: 0% 50%;
            }
        }

        .animated-bg {
            background: linear-gradient(135deg, #0f766e, #064e3b, #0d9488, #115e59);
            background-size: 300% 300%;
            animation: gradientShift 6s ease infinite;
        }

        /* İkon Kombinasyonu (Zero Gravity) Animasyonları */
        .floating-cluster i {
            filter: drop-shadow(0px 10px 15px rgba(0,0,0,0.5));
            display: block;
        }

        .float-win {
            font-size: 4.5rem;
            top: 10px;
            left: 10px;
            animation: floatItem1 6s ease-in-out infinite;
        }

        .float-web {
            font-size: 5.5rem;
            top: 40px;
            right: 10px;
            animation: floatItem2 7s ease-in-out infinite 1s;
        }

        .float-game {
            font-size: 7.5rem;
            bottom: 10px;
            left: 40px;
            animation: floatItem3 5.5s ease-in-out infinite 0.5s;
        }

        @keyframes floatItem1 {
            0%, 100% {
                transform: translateY(0px) rotate(15deg) scale(1);
            }

            50% {
                transform: translateY(-15px) rotate(25deg) scale(1.1);
            }
        }

        @keyframes floatItem2 {
            0%, 100% {
                transform: translateY(0px) rotate(-15deg) scale(1);
            }

            50% {
                transform: translateY(-20px) rotate(-5deg) scale(1.05);
            }
        }

        @keyframes floatItem3 {
            0%, 100% {
                transform: translateY(0px) rotate(-10deg) scale(1);
            }

            50% {
                transform: translateY(-12px) rotate(-20deg) scale(1.1);
            }
        }

        /* 3D Gölgeli Başlık */
        .title-3d {
            text-shadow: 2px 2px 4px rgba(0,0,0,0.4), 0px 4px 10px rgba(0,0,0,0.2);
            transform: translateZ(10px);
        }

        /* PENCERE BOYUTUNA GÖRE MÜKEMMEL OTURAN YÜKSEKLİK */
        .slider-area {
            height: 220px;
            position: relative;
            padding: 0.75rem;
        }

        @media (min-width: 992px) {
            .projects-dashboard-wrapper {
                height: 250px;
            }

            .slider-area {
                height: 100%;
                padding: 1rem;
            }
        }

        /* Şık Kategori Başlıkları */
        .category-pill {
            height: 32px;
            font-size: 0.75rem;
            font-weight: 700;
            text-transform: uppercase;
            text-align: center;
            border-radius: 6px;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            backdrop-filter: blur(5px);
            z-index: 10;
            transition: all 0.2s ease;
            white-space: nowrap;
            overflow: hidden;
        }

            .category-pill:hover {
                opacity: 0.9;
                transform: translateY(-2px);
            }

        /* Kart Stilleri ve Animasyonları (Kompakt) */
        .project-slide-item {
            display: block;
            width: 100%;
            height: 100%;
            border-radius: 10px;
            overflow: hidden;
            position: relative;
            border: 2px solid transparent;
            transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.3s;
            cursor: pointer;
            background: #1e293b;
        }

            .project-slide-item img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                position: absolute;
                inset: 0;
                transition: transform 0.8s ease;
            }

            .project-slide-item:hover {
                transform: scale(0.97);
                z-index: 2;
            }

            .project-slide-item.border-primary-hover:hover {
                border-color: #3b82f6;
            }

            .project-slide-item.border-success-hover:hover {
                border-color: #10b981;
            }

            .project-slide-item.border-warning-hover:hover {
                border-color: #f59e0b;
            }

            .project-slide-item:hover img {
                transform: scale(1.1);
            }

        .project-slide-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0) 100%);
            display: flex;
            align-items: flex-end;
            padding: 0.75rem;
            transition: opacity 0.3s ease;
        }

        .project-slide-item:hover .project-slide-overlay {
            background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(15,118,110,0.5) 100%);
        }

        .project-slide-title {
            color: #ffffff;
            font-size: 0.9rem;
            font-weight: 700;
            margin: 0;
            text-shadow: 0 2px 6px rgba(0,0,0,1);
            transform: translateY(2px);
            transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.3s ease;
        }

        .project-slide-item:hover .project-slide-title {
            transform: translateY(-2px);
            color: #2dd4bf;
        }

        .hover-scale {
            transition: transform 0.2s;
        }

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

        .text-teal {
            color: #0f766e !important;
        }

        /* Tema Rengi Buton */
        .btn-outline-teal {
            color: #0f766e;
            border-color: #0f766e;
            transition: all 0.2s;
        }

            .btn-outline-teal:hover {
                background-color: #0f766e;
                color: #ffffff;
            }

        /* === Sabit slider kutusu === */
        .slider-fixed {
            width: 1200px;
            max-width: 100%;
            aspect-ratio: 60 / 23;
            height: auto;
            position: relative;
        }

        @media (min-width: 992px) {
            .slider-fixed {
                height: 460px;
            }
        }

        .slider-fixed .carousel, .slider-fixed .carousel-inner {
            height: 100%;
        }

        .slider-fixed .carousel-item {
            height: 100%;
        }

        .media-cover {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .yt-cover {
            position: absolute;
            inset: 0;
            overflow: hidden;
            border-radius: inherit;
            background: #000;
        }

            .yt-cover iframe {
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%,-50%);
            }

        .slide-badge {
            position: absolute;
            top: 1rem;
            left: 1rem;
            color: #fff;
            padding: .35rem .75rem;
            font-size: .9rem;
            border-radius: 50px;
            display: flex;
            align-items: center;
            gap: .5rem;
            z-index: 5;
        }

        .carousel-item[data-link]:not([data-kind="video"]) {
            cursor: pointer;
        }

        #homeCarousel .carousel-item {
            transition: transform .8s cubic-bezier(.22,.61,.36,1);
        }

            #homeCarousel .carousel-item > img, #homeCarousel .carousel-item > video, #homeCarousel .carousel-item > .yt-cover {
                transition: transform .8s cubic-bezier(.22,.61,.36,1), opacity .8s ease;
            }

        #homeCarousel .carousel-item-next:not(.carousel-item-start) > * {
            transform: translateX(15px);
        }

        #homeCarousel .carousel-item-prev:not(.carousel-item-end) > * {
            transform: translateX(-15px);
        }

        .card.shadow-sm {
            border: 1px solid rgba(15,23,42,.06);
            border-radius: 14px;
        }

        /* ========== Bölüm başlıkları (Geliştirilmiş Vurgu) ========== */
        .section-wrapper {
            position: relative;
        }

        .section-header {
            display: flex;
            justify-content: space-between;
            align-items: baseline;
            gap: 1rem;
        }

        .section-title {
            font-size: 1.5rem;
            font-weight: 800;
            letter-spacing: -.02em;
            color: #1e293b;
            position: relative;
            padding-left: 14px; /* Vurgu çizgisi için boşluk */
        }

            /* Başlıkların yanındaki modern renkli çizgi */
            .section-title::before {
                content: '';
                position: absolute;
                left: 0;
                top: 4px;
                bottom: 4px;
                width: 5px;
                background: linear-gradient(to bottom, #0f766e, #2dd4bf);
                border-radius: 10px;
            }

        .section-subtitle {
            font-size: .9rem;
            color: #64748b;
            margin-left: 14px; /* Başlıkla aynı hizaya getirmek için */
        }

        .section-link {
            font-size: .9rem;
            font-weight: 600;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: .2rem;
            color: #0f766e;
            transition: gap 0.2s, color 0.2s;
            white-space: nowrap;
        }

            .section-link:hover {
                color: #115e59;
                gap: .4rem;
            }

        .headline-card .card-img-top {
            max-height: 190px;
            object-fit: cover;
            aspect-ratio: 16/9;
        }

        .headline-title {
            font-weight: 700;
            line-height: 1.4;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .blog-card .card-img-top {
            max-height: 210px;
            object-fit: cover;
            aspect-ratio: 16/9;
        }

        .blog-title {
            font-size: 1.15rem;
            font-weight: 800;
            color: #0f172a;
            line-height: 1.35;
            margin-bottom: .5rem;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .blog-excerpt {
            font-size: .9rem;
            line-height: 1.6;
            max-height: 4.8em;
            overflow: hidden;
        }

        .photo-title {
            font-size: 1.05rem;
            font-weight: 700;
            color: #0f172a;
            line-height: 1.4;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .photo-card .card-img-top {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

        /* Video Play Butonu Kalp Atışı Efekti */
        @keyframes playPulse {
            0% {
                box-shadow: 0 0 0 0 rgba(15, 118, 110, 0.7);
            }

            70% {
                box-shadow: 0 0 0 15px rgba(15, 118, 110, 0);
            }

            100% {
                box-shadow: 0 0 0 0 rgba(15, 118, 110, 0);
            }
        }

        .play-btn-wrapper {
            background: #0f766e !important;
            animation: playPulse 2s infinite;
        }