/* Global Page Enhancements */
    .page-content { overflow-x: hidden; } /* Prevents horizontal scroll from animations */

    /* Hero Section */
    .hero-phoenix {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 80vh;
        padding: 4rem 1rem;
        background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('/images/phoenix.webp') no-repeat center center;
        background-size: cover;
        text-align: center;
        color: #fff;
    }
    .hero-content-phoenix {
        max-width: 900px;
    }
    .hero-title-3d {
        font-family: var(--heading-font);
        font-size: clamp(3rem, 8vw, 6rem);
        font-weight: 700;
        line-height: 1.1;
        color: #fff;
        animation: color-cycle 8s infinite linear;
        --color-1: #FFD700; /* Gold */
        --color-2: #FFA500; /* Orange */
        --color-3: #fff;
        text-shadow: 
            0px 2px 2px rgba(0, 0, 0, 0.5),
            0px 4px 4px rgba(0, 0, 0, 0.4),
            0px 6px 6px rgba(0, 0, 0, 0.3),
            0px 8px 8px rgba(0, 0, 0, 0.2),
            0px 10px 10px rgba(0, 0, 0, 0.1);
    }
    @keyframes color-cycle {
        0%, 100% { color: var(--color-1); }
        50% { color: var(--color-2); }
        75% { color: var(--color-3); }
    }
    .hero-subtitle-phoenix {
        font-size: 1.25rem;
        max-width: 600px;
        margin: 1.5rem auto 0 auto;
        text-shadow: 0 2px 4px rgba(0,0,0,0.7);
    }
    /* Section Styling */
    .content-section-phoenix {
        padding: 5rem 1rem;
    }
    .content-section-phoenix.bg-dark { background-color: var(--card-bg-color); }
    .content-container-phoenix {
        max-width: 1200px;
        margin: 0 auto;
    }

    /* About Section */
    .about-grid-phoenix {
        display: grid;
        grid-template-columns: 1fr;
        gap: 3rem;
        align-items: center;
    }
    @media (min-width: 768px) {
        .about-grid-phoenix { grid-template-columns: 1fr 1fr; }
    }
    .about-image-phoenix {
        border-radius: 12px;
        box-shadow: 0 15px 30px rgba(0,0,0,0.2);
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    .section-title-phoenix { font-size: 2.8rem; margin-bottom: 1rem; text-align: left; }
    .feature-list-phoenix { list-style: none; padding: 0; margin-top: 1.5rem; }
    .feature-list-phoenix li { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; }
    .feature-list-phoenix .icon { color: var(--primary-color); font-size: 1.5rem; }

    /* Packages Section */
    .packages-grid-phoenix {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 2rem;
        perspective: 1000px; /* For 3D hover effect */
    }
    .package-card-3d {
        background-color: var(--bg-color);
        border: 1px solid var(--border-color);
        border-radius: 12px;
        box-shadow: var(--shadow-lg);
        transition: transform 0.4s, box-shadow 0.4s;
        transform-style: preserve-3d;
    }
    .package-card-3d:hover {
        transform: translateY(-10px) rotateY(var(--rotateY, 0)) rotateX(var(--rotateX, 0));
        box-shadow: 0 25px 40px rgba(0,0,0,0.3);
    }
    .package-card-3d img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        border-radius: 12px 12px 0 0;
    }
    .package-content-3d { padding: 1.5rem; }
    .package-title-3d { font-size: 1.8rem; color: var(--primary-color); margin-bottom: 0.5rem; }
    .package-details-list { list-style: none; padding: 0; margin: 1rem 0; color: var(--muted-text-color); }
    .package-details-list li { margin-bottom: 0.5rem; }
    .package-price-3d { font-size: 2rem; font-weight: 700; }
    .glowing-btn {
        transition: box-shadow .3s;
    }
    .glowing-btn:hover {
        box-shadow: 0 0 15px 0 var(--primary-color);
    }
    /* Map Section */
    .map-container-phoenix {
        border-radius: 12px;
        overflow: hidden;
        box-shadow: var(--shadow-lg);
    }
    .map-container-phoenix iframe { display: block; width: 100%; height: 450px; border: 0; }
    
    /* Scroll Animations */
    .animate-on-scroll { opacity: 0; transform: translateY(30px); transition: opacity 0.6s, transform 0.6s; }
    .animate-on-scroll.is-visible { opacity: 1; transform: translateY(0); }