/**
 * Age Verification Popup - Styles (zvaba.top edition)
 */

        /* Overlay */
        .age-verification-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(40, 35, 30, 0.92);
            z-index: 999999;
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            transition: opacity 0.4s ease-in-out;
            backdrop-filter: blur(4px);
        }

        .age-verification-overlay.active {
            opacity: 1;
        }

        /* Modal */
        .age-verification-modal {
            background: #f4f1ec;
            border: 1px solid rgba(0, 0, 0, 0.08);
            border-radius: 2px;
            padding: 60px 50px;
            max-width: 560px;
            width: 90%;
            text-align: center;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
            transform: scale(0.95);
            transition: transform 0.4s ease-in-out;
        }

        .age-verification-overlay.active .age-verification-modal {
            transform: scale(1);
        }

        /* Icon */
        .age-verification-icon {
            font-size: 48px;
            line-height: 1;
            margin-bottom: 32px;
            opacity: 0.85;
        }

        /* Title */
        .age-verification-title {
            font-size: 38px;
            font-weight: 400;
            color: #1a1a1a;
            margin: 0 0 24px 0;
            line-height: 1.4;
            letter-spacing: 0.5px;
            font-family: Georgia, 'Times New Roman', serif;
        }

        /* Content */
        .age-verification-content {
            color: #3a3a3a;
            font-size: 24px;
            line-height: 1.75;
            margin-bottom: 40px;
            font-weight: 300;
        }

        .age-verification-content p {
            margin: 0 0 16px 0;
        }

        .age-verification-content p:last-child {
            margin-bottom: 0;
        }

        /* Decorative line above button */
        .age-verification-content::after {
            content: '';
            display: block;
            width: 80px;
            height: 1px;
            background: #1a1a1a;
            margin: 32px auto 0;
            opacity: 0.3;
        }

        /* Button */
        .age-verification-button {
            background: transparent;
            color: #1a1a1a;
            border: 1px solid #1a1a1a;
            border-radius: 0;
            padding: 16px 48px;
            font-size: 14px;
            font-weight: 400;
            cursor: pointer;
            transition: all 0.3s ease;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
        }

        .age-verification-button:hover {
            background: #1a1a1a;
            color: #f4f1ec;
            transform: translateY(-1px);
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
        }

        .age-verification-button:active {
            transform: translateY(0);
        }

        /* Shake animation */
        @keyframes shake {
            0%, 100% { transform: scale(1) translateX(0); }
            25% { transform: scale(1) translateX(-8px); }
            75% { transform: scale(1) translateX(8px); }
        }

        .age-verification-modal.shake {
            animation: shake 0.3s ease-in-out;
        }

        /* Mobile optimization */
        @media (max-width: 768px) {
            .age-verification-modal {
                padding: 45px 35px;
                max-width: 92%;
            }
            
            .age-verification-icon {
                font-size: 40px;
            }
            
            .age-verification-title {
                font-size: 22px;
            }
            
            .age-verification-content {
                font-size: 15px;
                margin-bottom: 35px;
            }
            
            .age-verification-button {
                padding: 14px 36px;
                font-size: 13px;
                width: 100%;
                max-width: 280px;
            }
        }

        @media (max-width: 480px) {
            .age-verification-modal {
                padding: 35px 25px;
            }
            
            .age-verification-icon {
                font-size: 36px;
                margin-bottom: 24px;
            }
            
            .age-verification-title {
                font-size: 20px;
                margin-bottom: 20px;
            }
            
            .age-verification-content {
                font-size: 18px;
                margin-bottom: 28px;
            }
            
            .age-verification-content::after {
                width: 60px;
                margin-top: 24px;
            }
        }

        /* Accessibility */
        .age-verification-button:focus {
            outline: 2px solid #1a1a1a;
            outline-offset: 4px;
        }

        /* Smooth appearance */
        @keyframes fadeInModal {
            from {
                opacity: 0;
                transform: scale(0.95) translateY(20px);
            }
            to {
                opacity: 1;
                transform: scale(1) translateY(0);
            }
        }

        .age-verification-overlay.active .age-verification-modal {
            animation: fadeInModal 0.5s ease-out;
        }