.arslanbey-pop-up-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(ellipse at center, rgba(26, 32, 44, 0.95) 0%, rgba(0, 0, 0, 0.98) 100%);
            z-index: 9999;
            opacity: 0;
            transition: opacity var(--transition-slow);
            backdrop-filter: blur(15px) saturate(180%);
            -webkit-backdrop-filter: blur(15px) saturate(180%);
        }

        .arslanbey-pop-up-overlay.arslanbey-pop-up-active {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 60px 20px 20px;
            opacity: 1;
        }

        /* Pop-up Section */
        .arslanbey-pop-up-section {
            position: relative;
            width: 100%;
            max-width: 440px;
            max-height: 90vh;
        }

        /* Ambient Light Effect */
        .arslanbey-pop-up-ambient {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 120%;
            height: 120%;
            background: radial-gradient(ellipse at center, 
                rgba(229, 184, 11, 0.15) 0%, 
                rgba(229, 184, 11, 0.08) 30%, 
                transparent 70%);
            filter: blur(40px);
            animation: arslanbey-pop-up-pulse 4s ease-in-out infinite;
            pointer-events: none;
            z-index: -1;
        }

        @keyframes arslanbey-pop-up-pulse {
            0%, 100% { 
                opacity: 0.6; 
                transform: translate(-50%, -50%) scale(1);
            }
            50% { 
                opacity: 1;
                transform: translate(-50%, -50%) scale(1.05);
            }
        }

        /* Pop-up Container */
        .arslanbey-pop-up-container {
            position: relative;
            width: 100%;
            height: 100%;
            background: linear-gradient(145deg, 
                rgba(75, 78, 87, 0.98) 0%, 
                rgba(26, 32, 44, 0.98) 100%);
            border-radius: var(--border-radius-lg);
            padding: 18px;
            box-shadow: 
                0 40px 80px rgba(0, 0, 0, 0.7),
                0 0 0 1px rgba(229, 184, 11, 0.15),
                inset 0 1px 0 rgba(255, 255, 255, 0.08),
                inset 0 -1px 0 rgba(0, 0, 0, 0.2);
            transform: scale(0.85) translateY(-50px) rotateX(10deg);
            opacity: 0;
            transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
            overflow: hidden;
            perspective: 1000px;
        }

        .arslanbey-pop-up-overlay.arslanbey-pop-up-active .arslanbey-pop-up-container {
            transform: scale(1) translateY(0) rotateX(0deg);
            opacity: 1;
        }

        /* Glow Border Animation */
        .arslanbey-pop-up-container::before {
            content: '';
            position: absolute;
            top: -3px;
            left: -3px;
            right: -3px;
            bottom: -3px;
            background: linear-gradient(45deg, 
                var(--primary), 
                var(--primary-light), 
                var(--accent), 
                var(--primary-light),
                var(--primary));
            background-size: 300% 300%;
            border-radius: var(--border-radius-lg);
            opacity: 0.4;
            z-index: -1;
            filter: blur(25px);
            animation: arslanbey-pop-up-gradient 3s ease infinite;
        }

        @keyframes arslanbey-pop-up-gradient {
            0%, 100% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
        }

        /* Close Button */
        .arslanbey-pop-up-close {
            position: absolute;
            top: 10px;
            right: 10px;
            width: 42px;
            height: 42px;
            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
            border: none;
            border-radius: 50%;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 26px;
            color: var(--dark);
            font-weight: 900;
            transition: all var(--transition);
            box-shadow: 
                0 6px 20px rgba(229, 184, 11, 0.5),
                inset 0 1px 0 rgba(255, 255, 255, 0.3),
                inset 0 -1px 0 rgba(0, 0, 0, 0.2);
            z-index: 10;
            line-height: 1;
        }

        .arslanbey-pop-up-close::before {
            content: '';
            position: absolute;
            inset: -3px;
            border-radius: 50%;
            background: linear-gradient(45deg, var(--primary), var(--primary-light));
            opacity: 0;
            filter: blur(8px);
            transition: opacity var(--transition);
            z-index: -1;
        }

        .arslanbey-pop-up-close:hover {
            transform: rotate(90deg) scale(1.15);
            box-shadow: 0 8px 25px rgba(229, 184, 11, 0.7);
        }

        .arslanbey-pop-up-close:hover::before {
            opacity: 1;
        }

        .arslanbey-pop-up-close:active {
            transform: rotate(90deg) scale(1);
        }

        /* Video Wrapper */
        .arslanbey-pop-up-video-wrapper {
            position: relative;
            width: 100%;
            aspect-ratio: 9 / 16;
            background: linear-gradient(135deg, var(--dark) 0%, #0a0e1a 100%);
            border-radius: var(--border-radius);
            overflow: hidden;
            box-shadow: 
                0 20px 40px rgba(0, 0, 0, 0.5),
                inset 0 1px 0 rgba(255, 255, 255, 0.05),
                0 0 0 1px rgba(229, 184, 11, 0.1);
        }

        .arslanbey-pop-up-video {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            background: var(--dark);
        }

        /* Loading Spinner */
        .arslanbey-pop-up-loading {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 60px;
            height: 60px;
            z-index: 10;
        }

        .arslanbey-pop-up-loading::before,
        .arslanbey-pop-up-loading::after {
            content: '';
            position: absolute;
            border-radius: 50%;
        }

        .arslanbey-pop-up-loading::before {
            width: 100%;
            height: 100%;
            border: 4px solid rgba(229, 184, 11, 0.15);
            border-top-color: var(--primary);
            border-right-color: var(--primary-light);
            animation: arslanbey-pop-up-spin 0.9s linear infinite;
        }

        .arslanbey-pop-up-loading::after {
            width: 40px;
            height: 40px;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            border: 3px solid transparent;
            border-bottom-color: var(--accent);
            border-left-color: var(--accent);
            animation: arslanbey-pop-up-spin 1.2s linear infinite reverse;
        }

        @keyframes arslanbey-pop-up-spin {
            to { transform: rotate(360deg); }
        }

        .arslanbey-pop-up-video-wrapper.arslanbey-pop-up-loaded .arslanbey-pop-up-loading {
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.4s ease;
        }

        /* Decorative Particles */
        .arslanbey-pop-up-particle {
            position: absolute;
            width: 6px;
            height: 6px;
            background: var(--primary);
            border-radius: 50%;
            opacity: 0;
            pointer-events: none;
            box-shadow: 0 0 15px var(--primary), 0 0 30px var(--primary-light);
        }

        .arslanbey-pop-up-particle:nth-child(1) {
            top: 15%;
            left: 8%;
            animation: arslanbey-pop-up-float1 5s ease-in-out infinite;
        }

        .arslanbey-pop-up-particle:nth-child(2) {
            top: 50%;
            right: 12%;
            width: 4px;
            height: 4px;
            animation: arslanbey-pop-up-float2 6s ease-in-out infinite 1.5s;
        }

        .arslanbey-pop-up-particle:nth-child(3) {
            bottom: 25%;
            left: 15%;
            width: 5px;
            height: 5px;
            animation: arslanbey-pop-up-float3 5.5s ease-in-out infinite 3s;
        }

        @keyframes arslanbey-pop-up-float1 {
            0%, 100% {
                opacity: 0;
                transform: translate(0, 0) scale(1);
            }
            25% {
                opacity: 0.8;
                transform: translate(10px, -20px) scale(1.3);
            }
            50% {
                opacity: 0.6;
                transform: translate(-5px, -35px) scale(1.6);
            }
            75% {
                opacity: 0.4;
                transform: translate(8px, -25px) scale(1.2);
            }
        }

        @keyframes arslanbey-pop-up-float2 {
            0%, 100% {
                opacity: 0;
                transform: translate(0, 0) scale(1);
            }
            30% {
                opacity: 0.7;
                transform: translate(-15px, -25px) scale(1.4);
            }
            60% {
                opacity: 0.5;
                transform: translate(-8px, -40px) scale(1.8);
            }
        }

        @keyframes arslanbey-pop-up-float3 {
            0%, 100% {
                opacity: 0;
                transform: translate(0, 0) scale(1);
            }
            35% {
                opacity: 0.75;
                transform: translate(12px, -30px) scale(1.5);
            }
            65% {
                opacity: 0.55;
                transform: translate(-10px, -45px) scale(1.7);
            }
        }

        /* Responsive - Desktop Large */
        @media screen and (min-width: 1400px) {
            .arslanbey-pop-up-section {
                max-width: 480px;
            }

            .arslanbey-pop-up-container {
                padding: 22px;
            }

            .arslanbey-pop-up-close {
                width: 46px;
                height: 46px;
                font-size: 28px;
            }
        }

        /* Responsive - Desktop */
        @media screen and (max-width: 1399px) and (min-width: 1200px) {
            .arslanbey-pop-up-section {
                max-width: 420px;
            }
        }

        /* Responsive - Tablet */
        @media screen and (max-width: 991px) and (min-width: 768px) {
            .arslanbey-pop-up-overlay {
                padding: 50px 20px 20px;
            }

            .arslanbey-pop-up-section {
                max-width: 380px;
            }

            .arslanbey-pop-up-container {
                padding: 16px;
            }

            .arslanbey-pop-up-close {
                width: 40px;
                height: 40px;
                font-size: 24px;
            }
        }

        /* Responsive - Mobile */
        @media screen and (max-width: 767px) {
            .arslanbey-pop-up-overlay {
                padding: 40px 15px 15px;
            }

            .arslanbey-pop-up-section {
                max-width: 350px;
            }

            .arslanbey-pop-up-container {
                padding: 14px;
            }

            .arslanbey-pop-up-close {
                width: 38px;
                height: 38px;
                font-size: 22px;
                top: 8px;
                right: 8px;
            }

            .arslanbey-pop-up-loading::before {
                width: 50px;
                height: 50px;
            }

            .arslanbey-pop-up-loading::after {
                width: 34px;
                height: 34px;
            }
        }

        /* Responsive - Small Mobile */
        @media screen and (max-width: 480px) {
            .arslanbey-pop-up-section {
                max-width: 310px;
            }

            .arslanbey-pop-up-container {
                padding: 12px;
            }
        }

        /* Touch Device */
        @media (hover: none) {
            .arslanbey-pop-up-close:hover {
                transform: none;
            }

            .arslanbey-pop-up-close:active {
                transform: scale(0.92);
            }
        }

        /* Landscape Mobile */
        @media screen and (max-height: 700px) and (orientation: landscape) {
            .arslanbey-pop-up-overlay {
                padding: 25px 10px 10px;
            }

            .arslanbey-pop-up-section {
                max-width: 300px;
                max-height: 95vh;
            }

            .arslanbey-pop-up-container {
                padding: 10px;
            }

            .arslanbey-pop-up-close {
                width: 34px;
                height: 34px;
                font-size: 20px;
            }
        }

        /* Very Short Screens */
        @media screen and (max-height: 600px) {
            .arslanbey-pop-up-section {
                max-height: 96vh;
            }
        }

        /* Accessibility - Reduced Motion */
        @media (prefers-reduced-motion: reduce) {
            * {
                animation-duration: 0.01ms !important;
                animation-iteration-count: 1 !important;
                transition-duration: 0.01ms !important;
            }
        }