/* oyuncular.php style 1 */
/* Fullscreen Actors Grid */
    .actors-fullscreen {
        position: fixed;
        top: var(--header-height);
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
    }

    .fullscreen-grid {
        display: flex;
        height: 100%;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        scrollbar-width: thin;
        scrollbar-color: rgba(255,255,255,0.3) transparent;
        -webkit-overflow-scrolling: touch;
    }

    /* Custom scrollbar for premium feel */
    .fullscreen-grid::-webkit-scrollbar {
        height: 6px;
    }
    .fullscreen-grid::-webkit-scrollbar-track {
        background: rgba(0,0,0,0.1);
    }
    .fullscreen-grid::-webkit-scrollbar-thumb {
        background: rgba(255,255,255,0.2);
        border-radius: 10px;
    }
    .fullscreen-grid::-webkit-scrollbar-thumb:hover {
        background: rgba(255,255,255,0.4);
    }

    .empty-state {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        color: white;
        background: #111;
        padding: 40px;
    }

    .empty-state i {
        font-size: 5rem;
        margin-bottom: 20px;
        color: var(--retro-red);
    }

    .empty-state h3 {
        font-size: 2rem;
        margin-bottom: 15px;
    }

    .empty-state p {
        font-size: 1rem;
        color: #888;
        max-width: 500px;
        margin-bottom: 30px;
    }

    .fs-card {
        flex: 0 0 25%; /* Exactly 4 items per view */
        position: relative;
        overflow: hidden;
        cursor: pointer;
        transition: all 0.6s cubic-bezier(0.25, 1, 0.2, 1);
        scroll-snap-align: start;
        border-right: 1px solid rgba(255, 255, 255, 0.05);
        opacity: 0;
        transform: translateY(50px);
    }

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

    body.animations-ready .fs-card {
        animation: fsReveal 0.8s cubic-bezier(0.25, 1, 0.2, 1) forwards;
    }

    body.animations-ready .fs-card:nth-child(1) { animation-delay: 0.1s; }
    body.animations-ready .fs-card:nth-child(2) { animation-delay: 0.2s; }
    body.animations-ready .fs-card:nth-child(3) { animation-delay: 0.3s; }
    body.animations-ready .fs-card:nth-child(4) { animation-delay: 0.4s; }
    body.animations-ready .fs-card:nth-child(n+5) { animation-delay: 0.5s; }

    .fs-card:hover {
        transform: translateY(0) !important;
        background: #000;
    }

    .fs-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.8s cubic-bezier(0.25, 1, 0.2, 1), filter 0.5s ease;
        filter: grayscale(100%) !important;
    }

    .fs-card:hover .fs-image img {
        transform: scale(1.05);
        filter: grayscale(0%) !important;
    }

    /* Netflix Preview Slider */
    .fs-preview {
        position: absolute;
        inset: 0;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .fs-card:hover .fs-preview {
        opacity: 1;
    }

    .preview-slider {
        position: absolute;
        inset: 0;
    }

    .preview-slide {
        position: absolute;
        inset: 0;
        opacity: 0;
        transition: opacity 0.8s ease;
    }

    .preview-slide.active {
        opacity: 1;
    }

    .preview-slide img,
    .preview-slide video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: grayscale(0%) !important;
    }

    /* Progress Bars */
    .preview-bars {
        position: absolute;
        top: 20px;
        left: 20px;
        right: 20px;
        display: flex;
        gap: 6px;
        z-index: 50;
        opacity: 0;
        transform: translateY(-10px);
        transition: all 0.4s ease 0.2s;
    }

    .fs-card:hover .preview-bars {
        opacity: 1;
        transform: translateY(0);
    }

    .preview-bar {
        flex: 1;
        height: 4px;
        background: rgba(255, 255, 255, 0.3);
        border-radius: 2px;
        overflow: hidden;
    }

    .preview-bar .bar-fill {
        width: 0;
        height: 100%;
        background: white;
        border-radius: 2px;
    }

    .preview-bar.active .bar-fill {
        animation: barProgress 2.5s linear forwards;
    }

    .preview-bar.done .bar-fill {
        width: 100%;
    }

    @keyframes barProgress {
        from { width: 0; }
        to { width: 100%; }
    }

    .fs-placeholder {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 4rem;
        color: rgba(255, 255, 255, 0.3);
        background: var(--color-bg-dark);
    }

    .fs-overlay {
        position: absolute;
        inset: 0;
        opacity: 0.6;
        transition: opacity 0.5s ease;
        background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
    }

    .fs-title {
        position: absolute;
        bottom: 30px;
        left: 30px;
        transform: none;
        white-space: normal;
        font-family: var(--font-heading);
        font-size: clamp(1.5rem, 3vw, 2.5rem);
        font-weight: 600;
        color: white;
        opacity: 0.95;
        transition: all 0.4s ease;
        text-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
        letter-spacing: 3px;
        text-transform: uppercase;
        text-align: left;
        z-index: 10;
        pointer-events: none;
    }

    .fs-card:hover .fs-title {
        opacity: 0;
        transform: translateY(10px);
    }

    .fs-content {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 60px 40px;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.7) 50%, transparent 100%);
        color: white;
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.5s ease 0.1s;
    }

    .fs-card:hover .fs-content {
        opacity: 1;
        transform: translateY(0);
    }

    .fs-role {
        font-size: 0.8rem;
        text-transform: uppercase;
        letter-spacing: 3px;
        margin-bottom: 10px;
        color: rgba(255, 255, 255, 0.7);
    }

    .fs-name {
        font-family: var(--font-heading);
        font-size: clamp(2rem, 4vw, 3.5rem);
        font-weight: 600;
        line-height: 1.1;
        margin-bottom: 15px;
    }

    .fs-bio {
        font-size: 0.95rem;
        line-height: 1.6;
        color: rgba(255, 255, 255, 0.7);
        margin-bottom: 20px;
        max-width: 400px;
    }

    .fs-action {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        font-size: 1rem;
        font-weight: 600;
        color: white;
        padding: 12px 0;
        border-bottom: 2px solid white;
        transition: all 0.3s;
    }

    .fs-action:hover {
        padding-left: 10px;
        border-color: var(--retro-red);
        color: var(--retro-red);
    }

    body.actors-page .footer { display: none !important; }

    @media (max-width: 1024px) {
        .actors-fullscreen { position: relative; height: auto; top: 0; padding-top: var(--header-height); }
        .fullscreen-grid { flex-direction: row; flex-wrap: wrap; height: auto; min-height: 100vh; overflow: visible; }
        .fs-card { flex: 0 0 50% !important; width: 50% !important; height: 450px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-right: 1px solid rgba(255, 255, 255, 0.1); }
        .fs-card:nth-child(even) { border-right: none; }
        .fs-title { transform: none !important; font-size: 1rem; bottom: 15px; left: 15px; opacity: 1 !important; }
        .fs-preview { display: none; }
        .fs-image { opacity: 1 !important; }
        .fs-content { display: none; }
    }

    @media (max-width: 480px) {
        .fs-card { flex: 0 0 100% !important; width: 100% !important; height: 400px; }
    }


/* actor.php style 1 */
/* Fix: Name anchored to hero section, not the left panel */
    .actor-profile-hero {
        position: relative !important;
    }
    .actor-profile-left {
        position: relative !important;
        justify-content: flex-start !important;
        gap: 20px !important;
    }
    .actor-profile-name-overlay {
        position: absolute !important;
        bottom: 60px !important;
        left: 60px !important;
        z-index: 100 !important;
        pointer-events: none;
    }
    .actor-profile-name-overlay h1 {
        font-family: var(--font-heading);
        font-size: clamp(3rem, 7vw, 5.5rem) !important;
        font-weight: 800 !important;
        line-height: 0.9 !important;
        text-transform: uppercase !important;
        margin: 0 !important;
    }
    .actor-profile-name-overlay .accent {
        display: block !important;
    }
    @media (max-width: 1024px) {
        .actor-profile-name-overlay {
            bottom: 30px !important;
            left: 30px !important;
        }
        .actor-profile-name-overlay h1 {
            font-size: clamp(2.5rem, 10vw, 4rem) !important;
            line-height: 1 !important;
        }
    }


/* actor.php style 2 */
.custom-lightbox {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.95);
        z-index: 9999;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
    }

    .custom-lightbox.active {
        opacity: 1;
        visibility: visible;
    }

    .lightbox-close {
        position: absolute;
        top: 25px;
        right: 25px;
        background: rgba(255,255,255,0.1);
        border: none;
        color: white;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem;
        cursor: pointer;
        z-index: 10000;
        transition: all 0.3s ease;
        backdrop-filter: blur(10px);
    }

    .lightbox-close:hover {
        background: var(--retro-red);
        transform: rotate(90deg);
    }

    .lightbox-prev, .lightbox-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: rgba(255,255,255,0.1);
        color: white;
        border: none;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.8rem;
        cursor: pointer;
        z-index: 10000;
        transition: all 0.3s ease;
        backdrop-filter: blur(10px);
    }

    .lightbox-prev:hover, .lightbox-next:hover {
        background: rgba(255,255,255,0.2);
        transform: translateY(-50%) scale(1.1);
    }

    .lightbox-prev { left: 30px; }
    .lightbox-next { right: 30px; }

    .lightbox-container {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 40px;
    }

    .lightbox-loader {
        width: 40px;
        height: 40px;
        border: 3px solid rgba(255,255,255,0.1);
        border-top-color: white;
        border-radius: 50%;
        animation: spin 1s linear infinite;
    }

    @keyframes spin { to { transform: rotate(360deg); } }

    @media (max-width: 768px) {
        .lightbox-prev, .lightbox-next {
            width: 45px;
            height: 45px;
            font-size: 1.2rem;
            background: rgba(0,0,0,0.5);
        }
        .lightbox-prev { left: 10px; }
        .lightbox-next { right: 10px; }
        .lightbox-close { top: 15px; right: 15px; width: 40px; height: 40px; }
    }
    @keyframes profileNameReveal {
        from { opacity: 0; transform: translateY(30px) scale(0.95); filter: blur(10px); }
        to { opacity: 1; transform: translateY(0) scale(1); filter: blur(0px); }
    }


/* organizasyon-detay.php style 1 */
.event-hero {
        position: relative;
        min-height: 60vh;
        display: flex;
        align-items: center;
        background-color: #000;
        background-size: cover;
        background-position: center;
        color: white !important;
        padding: 140px 0 80px 0;
    }

    .event-hero.no-image {
        background: linear-gradient(135deg, #111 0%, #333 100%);
    }

    .hero-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(to right, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 100%),
            linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, transparent 50%);
    }

    .event-meta-top {
        display: flex;
        align-items: center;
        gap: 20px;
        margin-bottom: 25px;
    }

    .event-tag-badge {
        background: var(--retro-red);
        color: white;
        padding: 6px 15px;
        border-radius: 5px;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 0.75rem;
        letter-spacing: 1px;
    }

    .event-date-large {
        display: flex;
        align-items: center;
        gap: 8px;
        font-weight: 600;
        color: #ffffff !important;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    }

    .event-hero-title {
        color: #ffffff !important;
        font-size: clamp(2.5rem, 6vw, 5rem);
        font-weight: 900;
        line-height: 1.1;
        margin-bottom: 25px;
        max-width: 950px;
        text-shadow: 0 4px 20px rgba(0, 0, 0, 0.7);
    }

    .event-hero-excerpt {
        font-size: 1.35rem;
        color: rgba(255, 255, 255, 0.9) !important;
        max-width: 750px;
        line-height: 1.6;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    }

    .event-body-container {
        padding: 80px 0;
    }

    .event-layout-grid {
        display: grid;
        grid-template-columns: 1fr 350px;
        gap: 60px;
    }

    .content-rich-text {
        font-size: 1.1rem;
        line-height: 1.8;
        color: var(--color-text-secondary);
    }

    .content-rich-text p {
        margin-bottom: 1.5rem;
    }

    .event-footer-actions {
        margin-top: 60px;
        padding-top: 30px;
        border-top: 1px solid var(--color-border);
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .btn-back {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        font-weight: 700;
        color: var(--color-text);
        transition: all 0.3s;
    }

    .btn-back:hover {
        color: var(--retro-red);
        transform: translateX(-5px);
    }

    .share-actions {
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .share-actions span {
        font-size: 0.9rem;
        font-weight: 700;
        color: var(--color-text-muted);
    }

    .share-actions a {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background: #f0f0f0;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #333;
        transition: all 0.3s;
    }

    .share-actions a:hover {
        background: var(--retro-red);
        color: white;
        transform: translateY(-3px);
    }

    .sidebar-card {
        background: white;
        border: 1px solid var(--color-border);
        border-radius: 15px;
        padding: 30px;
        margin-bottom: 30px;
    }

    .sidebar-title {
        font-size: 1.2rem;
        font-weight: 800;
        margin-bottom: 25px;
        padding-bottom: 15px;
        border-bottom: 2px solid #f0f0f0;
    }

    .info-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .info-list li {
        display: flex;
        gap: 15px;
        margin-bottom: 20px;
    }

    .info-list li i {
        font-size: 1.5rem;
        color: var(--retro-red);
        padding-top: 3px;
    }

    .info-list li strong {
        display: block;
        font-size: 0.8rem;
        text-transform: uppercase;
        color: var(--color-text-muted);
        letter-spacing: 0.5px;
    }

    .info-list li span {
        font-size: 1rem;
        font-weight: 600;
        color: var(--color-text);
    }

    .cta-card {
        background: #000;
        color: white;
        text-align: center;
        position: relative;
        overflow: hidden;
    }

    .cta-card h4 {
        color: #ffffff !important;
        font-size: 1.5rem;
        font-weight: 800;
        margin-bottom: 10px;
        position: relative;
        z-index: 1;
    }

    .cta-card p {
        color: rgba(255, 255, 255, 0.8) !important;
        font-size: 1rem;
        position: relative;
        z-index: 1;
    }

    .cta-card::before {
        content: "";
        position: absolute;
        width: 150px;
        height: 150px;
        background: var(--retro-red);
        border-radius: 50%;
        top: -75px;
        right: -75px;
        opacity: 0.2;
    }

    @media (max-width: 992px) {
        .event-layout-grid {
            grid-template-columns: 1fr;
        }

        .event-sidebar {
            order: 2;
        }

        .event-main-content {
            order: 1;
        }
    }


/* includes/header.php style 1 */
        .splash-screen {
            position: fixed;
            inset: 0;
            background: #FFFFFF;
            z-index: 99999;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            perspective: 1000px;
        }

        .splash-screen.fade-out {
            animation: splashFadeOut 0.8s cubic-bezier(0.4, 0, 0, 1) forwards;
        }

        @keyframes splashFadeOut {
            0% {
                opacity: 1;
                transform: scale(1);
            }

            100% {
                opacity: 0;
                transform: scale(1.1);
                filter: blur(10px);
                pointer-events: none;
            }
        }

        .splash-content {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            position: relative;
            padding: 40px;
            animation: contentZoom 3.2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
        }

        @keyframes contentZoom {
            0% {
                transform: scale(0.8) translateZ(-100px);
                opacity: 0;
            }

            10% {
                opacity: 1;
            }

            85% {
                transform: scale(1.1) translateZ(0);
                opacity: 1;
            }

            100% {
                transform: scale(3) translateZ(500px);
                opacity: 0;
            }
        }        /* Brand Text Rows V2 - Refined & Elegant */
        .splash-brand-v2 {
            text-align: center;
            display: inline-flex;
            flex-direction: column;
            align-items: center;
            gap: 12px; /* Balanced spacing to prevent overlapping */
            position: relative;
            max-width: 90vw;
        }

        .splash-item-v2 {
            font-family: 'Syne', sans-serif;
            font-size: clamp(1.8rem, 5vw, 2.5rem); /* Elegant Pro size, not too big */
            font-weight: 800;
            line-height: 1.1;
            color: #1a1a2e;
            opacity: 0;
            transform: translateY(15px);
            animation: rowFadeIn 0.8s cubic-bezier(0.25, 1, 0.2, 1) forwards;
        }

        .network-row { animation-delay: 0.2s; }
        .community-row { animation-delay: 0.5s; }

        .entertainment-row {
            font-family: 'Inter', sans-serif;
            font-size: clamp(0.6rem, 1.5vw, 0.85rem);
            letter-spacing: 0.6em;
            margin-right: -0.6em; /* True horizontal center */
            margin-top: 5px;
            font-weight: 400;
            animation-delay: 0.8s;
        }

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

        /* Stripes Block V2 - Thin & Classy */
        .splash-stripes-v2 {
            display: flex;
            flex-direction: column;
            width: 100%;
            margin-top: 20px;
            overflow: hidden;
            border-radius: 1px;
        }

        .stripe-v2 {
            height: 5px; /* Thinner, more elegant lines */
            width: 0;
            animation: stripeExpand 1.2s cubic-bezier(0.25, 1, 0.2, 1) forwards;
        }

        /* Logo Colors */
        .s1 { background: #F39200; animation-delay: 1.1s; } 
        .s2 { background: #E4002B; animation-delay: 1.25s; }
        .s3 { background: #6D203C; animation-delay: 1.4s; }
        .s4 { background: #003D50; animation-delay: 1.55s; }

        @keyframes stripeExpand {
            to { width: 100%; }
        }

        @media (max-width: 768px) {
            .splash-item-v2 { font-size: 1.6rem; }
            .entertainment-row { font-size: 0.55rem; letter-spacing: 0.35em; margin-right: -0.35em; }
            .stripe-v2 { height: 4px; }
            .splash-brand-v2 { gap: 8px; }
        }
        @keyframes subtitleNetflix {
            0% {
                opacity: 0;
                transform: scale(1.2);
                letter-spacing: 1.5em;
                filter: blur(10px);
            }

            100% {
                opacity: 1;
                transform: scale(1);
                letter-spacing: 0.7em;
                filter: blur(0px);
            }
        }

        .logo-lines {
            display: flex;
            flex-direction: column;
            gap: 2px;
            align-items: center;
            margin-top: 20px;
            perspective: 1000px;
        }

        /* Responsive */
        @media (max-width: 480px) {
            .logo-line {
                height: 8px;
                width: 300px;
            }
        }

        .hidden {
            display: none !important;
        }