/* Extracted from: 403.html, 500.html */
body { background-color: #050505; color: #fff; display: flex; flex-direction: column; min-height: 100vh; align-items: center; justify-content: center; text-align: center; }
        .error-container { padding: 40px; border: 1px solid rgba(212, 175, 55, 0.2); border-radius: 12px; background: rgba(10, 10, 10, 0.6); max-width: 600px; }
        h1 { font-family: 'Cinzel', serif; color: #d4af37; margin-bottom: 20px; font-size: 3rem; }
        p { font-family: 'Inter', sans-serif; font-size: 1.1rem; color: #ccc; margin-bottom: 30px; }
        .btn-return { display: inline-block; padding: 12px 30px; background-color: transparent; border: 1px solid #d4af37; color: #d4af37; text-decoration: none; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 2px; transition: 0.3s; }
        .btn-return:hover { background-color: #d4af37; color: #000; }

/* Extracted from: index.html, 404.html */
/* Custom Styles for Next-Level Homepage Upgrades */
        :root {
            --color-gold: #D4AF37;
            --color-gold-dark: #AA8C2C;
            --color-gold-light: #F3E5AB;
            --bg-black: #030303;
            --bg-darker: #080808;
            --glass-bg: rgba(10, 10, 10, 0.45);
            --glass-border: rgba(212, 175, 55, 0.15);
        }
        
        body {
            background-color: var(--bg-black);
            color: #fff;
            overflow-x: hidden;
        }

        /* Cinematic Noise Overlay */
        .noise-overlay {
            position: fixed;
            inset: 0;
            z-index: 9999;
            pointer-events: none;
            background: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
            opacity: 0.04;
            mix-blend-mode: overlay;
        }

        /* Ambient Glows */
        .ambient-glow {
            position: absolute;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(212,175,55,0.15) 0%, rgba(0,0,0,0) 70%);
            filter: blur(60px);
            z-index: 0;
            pointer-events: none;
        }

        /* Animated Foil Text */
        .title-gradient {
            background: linear-gradient(to right, #AA8C2C 0%, #F3E5AB 20%, #D4AF37 40%, #AA8C2C 60%, #F3E5AB 80%, #D4AF37 100%);
            background-size: 200% auto;
            color: #000;
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            animation: foilShine 8s linear infinite;
            text-shadow: 0px 4px 30px rgba(212, 175, 55, 0.2);
        }

        @keyframes foilShine {
            to { background-position: 200% center; }
        }

        /* Hero Video Section */
        .cinematic-hero-split {
            position: relative;
            min-height: 100vh;
            display: flex;
            align-items: center;
            overflow: hidden;
            background: #000;
        }

        .hero-video-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: 1;
            opacity: 0.5;
            transform: scale(1.05);
            animation: slowPan 20s ease-in-out infinite alternate;
        }

        @keyframes slowPan {
            0% { transform: scale(1.05) translate(0, 0); }
            100% { transform: scale(1.1) translate(-1%, 1%); }
        }

        .hero-overlay-gradient {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle at 30% 50%, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.85) 80%, #030303 100%);
            z-index: 2;
        }
        
        .hero-content-wrapper {
            position: relative;
            z-index: 10;
            width: 100%;
            padding: 0 5vw;
            display: flex;
            flex-direction: column;
            justify-content: center;
            max-width: 1400px;
            margin: 0 auto;
        }

        .massive-title {
            font-size: clamp(2.2rem, 6vw, 8.5rem); 
            line-height: 1; 
            margin-bottom: 8px;
            white-space: nowrap;
            letter-spacing: -1px;
        }

        /* Premium Buttons */
        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            text-transform: uppercase;
            letter-spacing: 3px;
            font-family: 'Oswald', sans-serif;
            text-decoration: none;
            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            cursor: pointer;
            position: relative;
            overflow: hidden;
            z-index: 1;
        }
        
        .btn-primary {
            background: linear-gradient(135deg, var(--color-gold) 0%, var(--color-gold-dark) 100%);
            color: #000;
            font-weight: 600;
            border: 1px solid rgba(255,255,255,0.2);
            box-shadow: 0 10px 30px rgba(212, 175, 55, 0.2);
        }

        .btn-primary::before {
            content: '';
            position: absolute;
            top: 0; left: -100%; width: 50%; height: 100%;
            background: linear-gradient(to right, transparent, rgba(255,255,255,0.4), transparent);
            transform: skewX(-25deg);
            transition: all 0.7s ease;
            z-index: -1;
        }
        
        .btn-primary:hover::before {
            left: 200%;
        }

        .btn-primary:hover {
            transform: translateY(-3px);
            box-shadow: 0 15px 40px rgba(212, 175, 55, 0.4);
            color: #000;
        }

        .btn-outline {
            background-color: transparent;
            color: #fff;
            border: 1px solid rgba(212, 175, 55, 0.4);
            backdrop-filter: blur(5px);
        }

        .btn-outline::after {
            content: '';
            position: absolute;
            bottom: 0; left: 0; width: 100%; height: 0;
            background: var(--color-gold);
            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            z-index: -1;
        }

        .btn-outline:hover::after {
            height: 100%;
        }

        .btn-outline:hover {
            color: #000;
            border-color: var(--color-gold);
        }

        /* Audio Toggle Button */
        .audio-toggle {
            position: absolute;
            bottom: 40px;
            right: 5vw;
            z-index: 50;
            background: var(--glass-bg);
            backdrop-filter: blur(10px);
            border: 1px solid var(--glass-border);
            color: var(--color-gold);
            width: 55px;
            height: 55px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.4s ease;
            box-shadow: 0 4px 15px rgba(0,0,0,0.5);
        }
        
        .audio-toggle:hover {
            background: var(--color-gold);
            color: #000;
            transform: scale(1.1);
        }

        /* Section Styling */
        .section-padding {
            padding: 120px 5vw;
            position: relative;
        }
        
        /* Advanced Glassmorphism */
        .glass-panel {
            background: var(--glass-bg);
            backdrop-filter: blur(24px);
            -webkit-backdrop-filter: blur(24px);
            border: 1px solid var(--glass-border);
            border-radius: 16px;
            padding: 40px;
            box-shadow: 0 30px 60px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.1);
            position: relative;
            overflow: hidden;
        }

        /* Premium Image Hover Utilities */
        .img-zoom-container {
            overflow: hidden;
            position: relative;
            border-radius: inherit;
        }
        
        .img-zoom-container img {
            transition: transform 1.2s cubic-bezier(0.215, 0.610, 0.355, 1);
            width: 100%;
            height: 100%;
            object-fit: cover;
            will-change: transform;
        }
        
        .group:hover .img-zoom-container img,
        .magnetic:hover > img,
        .magnetic:hover .img-zoom-container img {
            transform: scale(1.08);
        }

        /* Interactive Glow Cards */
        .magnetic-card {
            position: relative;
            border-radius: 8px;
            border: 1px solid var(--glass-border);
            overflow: hidden;
            transition: transform 0.4s ease, border-color 0.4s ease;
        }

        .magnetic-card::before {
            content: "";
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            background: radial-gradient(800px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(212,175,55,0.15), transparent 40%);
            z-index: 2;
            pointer-events: none;
            opacity: 0;
            transition: opacity 0.5s ease;
        }

        .magnetic-card:hover::before {
            opacity: 1;
        }

        .magnetic-card:hover {
            transform: translateY(-10px);
            border-color: rgba(212, 175, 55, 0.4);
            box-shadow: 0 20px 40px rgba(0,0,0,0.8);
        }

        /* Desktop Nav Control */
        .desktop-nav {
            display: none;
        }
        @media (min-width: 992px) {
            .desktop-nav {
                display: flex;
                gap: 20px;
                align-items: center;
            }
        }
        
        /* Preloader Glow */
        .preloader-line {
            box-shadow: 0 0 15px var(--color-gold);
        }

/* Extracted from: 404.html, book.html, happy-hour.html, faq.html, blog-skin-fade.html, terms.html, blog-hairstyles-2026.html, blog-luxury-experience.html, services.html, blog.html, gallery.html, sitemap.html, reviews.html, transformations.html, privacy.html, index.html, contact.html, blog-beard-grooming.html, blog-professional-barbers.html, about.html */
.gs-reveal { opacity: 1 !important; visibility: visible !important; transform: none !important; }
            .loading { overflow: visible !important; }

/* Extracted from: index.html, 404.html */
.exit-close:hover { color: var(--color-gold) !important; }

/* Extracted from: about.html */
html, body {
            overflow-x: hidden; /* CRITICAL FIX: Eliminates mobile horizontal scroll wobble */
            width: 100%;
            position: relative;
        }

        :root {
            --color-gold: #d4af37;
            --bg-darker: #050505;
            --bg-dark: #111111;
        }

        body { 
            background-color: var(--bg-darker); 
            color: #ffffff; 
            margin: 0; 
        }
        
        main {
            overflow-x: hidden; /* Extra safety for GSAP animations expanding beyond viewport */
        }

        .title-gradient {
            background: linear-gradient(135deg, #fff 0%, var(--color-gold) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            color: transparent;
        }

        .btn {
            display: inline-flex; align-items: center; justify-content: center;
            text-transform: uppercase; letter-spacing: 2px; font-family: 'Oswald', sans-serif;
            text-decoration: none; transition: all 0.3s ease; cursor: pointer; text-align: center;
        }
        .btn-primary { background-color: var(--color-gold); color: #000; border: 1px solid var(--color-gold); font-weight: 600; padding: 15px 30px;}
        .btn-primary:hover { background-color: transparent; color: var(--color-gold); box-shadow: 0 0 15px rgba(212,175,55,0.3); }
        .btn-outline { background-color: transparent; color: #fff; border: 1px solid rgba(255, 255, 255, 0.3); padding: 15px 30px;}
        .btn-outline:hover { border-color: var(--color-gold); color: var(--color-gold); }

        /* Audio Toggle Button */
        .audio-toggle {
            position: absolute; bottom: 40px; right: 5vw; z-index: 50;
            background: rgba(0,0,0,0.5); backdrop-filter: blur(5px);
            border: 1px solid rgba(212,175,55,0.3); color: var(--color-gold);
            width: 50px; height: 50px; border-radius: 50%;
            display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease;
        }
        .audio-toggle:hover { background: var(--color-gold); color: #000; transform: scale(1.1); }

        .timeline-container { position: relative; max-width: 800px; margin: 0 auto; padding: 60px 0; }
        .timeline-line { position: absolute; left: 60px; top: 0; bottom: 0; width: 2px; background: rgba(255, 255, 255, 0.1); z-index: 1; }
        .timeline-progress { position: absolute; left: -1px; top: 0; width: 4px; background: var(--color-gold); z-index: 2; box-shadow: 0 0 15px var(--color-gold); }
        .timeline-item { position: relative; padding-left: 140px; margin-bottom: 70px; z-index: 3; }
        .timeline-dot {
            position: absolute; left: 51px; top: 5px; width: 20px; height: 20px; border-radius: 50%;
            background: var(--bg-darker); border: 3px solid var(--color-gold); z-index: 4; transition: all 0.4s;
        }
        .timeline-item:hover .timeline-dot { background: var(--color-gold); box-shadow: 0 0 20px var(--color-gold); transform: scale(1.2); }
        .timeline-year { position: absolute; left: -60px; width: 80px; text-align: right; top: 0; font-family: 'Cinzel', serif; font-size: 1.8rem; color: var(--color-gold); font-weight: 700; text-shadow: 0 0 15px rgba(212,175,55,0.3); }
        .timeline-content {
            background: rgba(15, 15, 15, 0.6); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
            border: 1px solid rgba(255,255,255,0.05); padding: 40px; border-radius: 12px; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }
        .timeline-content:hover { transform: translateX(15px); border-color: rgba(212, 175, 55, 0.5); box-shadow: 0 20px 40px rgba(0,0,0,0.6); }

        .team-card {
            display: flex; flex-direction: column; gap: 40px;
            background: linear-gradient(145deg, rgba(20,20,20,0.9), rgba(5,5,5,0.95));
            border: 1px solid rgba(212, 175, 55, 0.2); border-radius: 16px; padding: 50px;
            margin-bottom: 60px; align-items: center; text-align: center; transition: all 0.4s ease;
            box-shadow: 0 20px 50px rgba(0,0,0,0.5);
        }
        .team-card:hover { transform: translateY(-5px); border-color: rgba(212,175,55,0.6); box-shadow: 0 25px 60px rgba(0,0,0,0.8), 0 0 30px rgba(212,175,55,0.1); }
        .team-img-wrapper { width: 220px; height: 220px; flex-shrink: 0; border-radius: 50%; overflow: hidden; border: 3px solid var(--color-gold); padding: 5px; background: #000; box-shadow: inset 0 0 20px rgba(212,175,55,0.5); }
        .team-img-wrapper img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; transition: transform 0.5s ease; filter: grayscale(20%); }
        .team-card:hover .team-img-wrapper img { transform: scale(1.05); filter: grayscale(0%); }
        .team-info { flex-grow: 1; }
        
        .skill-badge {
            display: inline-block; background: rgba(212,175,55,0.05); color: var(--color-gold);
            padding: 8px 15px; border: 1px solid rgba(212,175,55,0.3); border-radius: 30px;
            font-size: 0.85rem; font-family: 'Oswald', sans-serif; letter-spacing: 1px; text-transform: uppercase;
        }

        .stats-grid-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 40px; margin-top: 60px; }

        @media (min-width: 992px) {
            .team-card { flex-direction: row; text-align: left; align-items: flex-start; }
            .team-card.reverse { flex-direction: row-reverse; text-align: right; }
            .skill-wrapper { justify-content: flex-start; }
            .team-card.reverse .skill-wrapper { justify-content: flex-end; }
            
            /* Nav Fixes */
            .desktop-btn { display: inline-flex !important; }
            .menu-toggle { display: none !important; } /* Hide hamburger on desktop */
        }
        
        @media (max-width: 991px) {
            .desktop-btn { display: none !important; }
            .menu-toggle { display: flex; } /* Show hamburger on mobile/tablet */
        }
        
        @media (max-width: 768px) {
            /* Mobile Timeline Layout Fixes */
            .timeline-line { left: 20px; }
            .timeline-item { padding-left: 60px; }
            .timeline-dot { left: 11px; }
            .timeline-year { 
                position: relative; /* Fixed overflow issue */
                left: 0; 
                display: block; 
                margin-bottom: 10px; 
                text-align: left; 
                font-size: 1.4rem;
            }
            .skill-wrapper { justify-content: center !important; }
            .team-card { padding: 30px 20px; } /* Less padding on small screens */
        }

/* Extracted from: blog-professional-barbers.html, blog-hairstyles-2026.html, blog-luxury-experience.html, blog-skin-fade.html, blog-beard-grooming.html */
.blog-hero {
            height: 50vh;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            background: radial-gradient(circle at center, #111, #050505);
            border-bottom: 1px solid rgba(212, 175, 55, 0.2);
        }
        .blog-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
            gap: 40px;
        }
        .blog-card {
            background: linear-gradient(135deg, rgba(20,20,20,0.9), rgba(5,5,5,1));
            border: 1px solid rgba(255,255,255,0.05);
            border-radius: 12px;
            overflow: hidden;
            transition: all 0.3s;
            display: flex;
            flex-direction: column;
        }
        .blog-card:hover {
            border-color: var(--color-gold);
            transform: translateY(-5px);
            box-shadow: 0 15px 35px rgba(0,0,0,0.6);
        }
        .blog-img {
            width: 100%;
            height: 220px;
            object-fit: cover;
            border-bottom: 1px solid rgba(255,255,255,0.05);
        }
        .blog-content {
            padding: 30px;
            display: flex;
            flex-direction: column;
            flex-grow: 1;
        }
        .blog-meta {
            font-family: var(--font-accent);
            color: var(--color-gold);
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 15px;
        }
        .blog-title {
            font-family: var(--font-display);
            color: #fff;
            font-size: 1.5rem;
            margin-bottom: 15px;
            line-height: 1.3;
        }
        .blog-excerpt {
            color: #aaa;
            font-size: 1rem;
            line-height: 1.6;
            margin-bottom: 25px;
            flex-grow: 1;
        }
    .flex-1 { flex: 1; }

/* Extracted from: blog-professional-barbers.html, blog-hairstyles-2026.html, blog-luxury-experience.html, blog-skin-fade.html, blog-beard-grooming.html */
.blog-article-content h2 {
                font-family: var(--font-display);
                color: var(--color-gold);
                font-size: 2rem;
                margin-top: 40px;
                margin-bottom: 20px;
                line-height: 1.2;
            }
            .blog-article-content p {
                margin-bottom: 25px;
                color: #bbb;
            }

/* Extracted from: blog.html */
/* FIX: Adjusted height and added padding-top to prevent text hiding behind the fixed header */
        .blog-hero {
            height: 50vh;
            min-height: 450px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            background: radial-gradient(circle at center, #111, #050505);
            border-bottom: 1px solid rgba(212, 175, 55, 0.2);
            padding-top: 60px; 
        }
        .blog-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
            gap: 40px;
        }
        .blog-card {
            background: linear-gradient(135deg, rgba(20,20,20,0.9), rgba(5,5,5,1));
            border: 1px solid rgba(255,255,255,0.05);
            border-radius: 12px;
            overflow: hidden;
            transition: all 0.3s;
            display: flex;
            flex-direction: column;
        }
        .blog-card:hover {
            border-color: var(--color-gold);
            transform: translateY(-5px);
            box-shadow: 0 15px 35px rgba(0,0,0,0.6);
        }
        .blog-img {
            width: 100%;
            height: 220px;
            object-fit: cover;
            border-bottom: 1px solid rgba(255,255,255,0.05);
        }
        .blog-content {
            padding: 30px;
            display: flex;
            flex-direction: column;
            flex-grow: 1;
        }
        .blog-meta {
            font-family: var(--font-accent);
            color: var(--color-gold);
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 15px;
        }
        .blog-title {
            font-family: var(--font-display);
            color: #fff;
            font-size: 1.5rem;
            margin-bottom: 15px;
            line-height: 1.3;
        }
        .blog-excerpt {
            color: #aaa;
            font-size: 1rem;
            line-height: 1.6;
            margin-bottom: 25px;
            flex-grow: 1;
        }
        .flex-1 { flex: 1; }

/* Extracted from: book.html */
/* Essential Custom Styles */
        :root {
            --color-gold: #d4af37;
            --bg-darker: #050505;
            --bg-dark: #111111;
        }

        body { background-color: var(--bg-darker); color: #ffffff; margin: 0; overflow-x: hidden; }

        .title-gradient {
            background: linear-gradient(135deg, #fff 0%, var(--color-gold) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            color: transparent;
        }

        .btn {
            display: inline-flex; align-items: center; justify-content: center;
            text-transform: uppercase; letter-spacing: 2px; font-family: 'Oswald', sans-serif;
            text-decoration: none; transition: all 0.3s ease; cursor: pointer; text-align: center;
        }
        .btn-primary { background-color: var(--color-gold); color: #000; border: 1px solid var(--color-gold); font-weight: 600; }
        .btn-primary:hover { background-color: transparent; color: var(--color-gold); box-shadow: 0 0 15px rgba(212,175,55,0.3); }
        .btn-outline { background-color: transparent; color: #fff; border: 1px solid rgba(255, 255, 255, 0.3); }
        .btn-outline:hover { border-color: var(--color-gold); color: var(--color-gold); }

        /* Booking Specific Styles */
        .booking-hero {
            position: relative;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            background: radial-gradient(circle at center, #1a1a1a 0%, #050505 100%);
            padding-top: 80px;
        }
        
        .trust-badge-container {
            display: flex;
            gap: 20px;
            justify-content: center;
            margin-top: 40px;
            flex-wrap: wrap;
        }
        
        .trust-badge {
            display: flex;
            align-items: center;
            gap: 10px;
            background: rgba(20,20,20,0.6);
            backdrop-filter: blur(10px);
            padding: 12px 25px;
            border-radius: 30px;
            font-family: 'Oswald', sans-serif;
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            border: 1px solid rgba(212,175,55,0.3);
            transition: all 0.3s ease;
        }
        
        .trust-badge:hover {
            border-color: var(--color-gold);
            box-shadow: 0 10px 20px rgba(0,0,0,0.5), 0 0 15px rgba(212,175,55,0.2);
            transform: translateY(-3px);
        }
        
        .trust-badge svg { width: 18px; fill: var(--color-gold); }
        
        .review-snippet {
            background: linear-gradient(145deg, rgba(20,20,20,0.9), rgba(5,5,5,1));
            border: 1px solid rgba(212,175,55,0.4);
            padding: 40px;
            border-radius: 12px;
            margin: 60px auto 20px;
            max-width: 600px;
            box-shadow: 0 20px 40px rgba(0,0,0,0.6), 0 0 20px rgba(212,175,55,0.1);
        }

        /* Smooth FAQ Accordion */
        .faq-item {
            background: rgba(15,15,15,0.8);
            border: 1px solid rgba(255,255,255,0.05);
            margin-bottom: 15px;
            border-radius: 8px;
            overflow: hidden;
            text-align: left;
            transition: all 0.3s ease;
        }
        .faq-item:hover {
            border-color: rgba(212,175,55,0.3);
            background: rgba(20,20,20,0.9);
        }
        .faq-question {
            padding: 25px;
            font-family: 'Cinzel', serif;
            font-size: 1.2rem;
            color: #fff;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: color 0.3s;
        }
        .faq-question:hover {
            color: var(--color-gold);
        }
        .faq-icon {
            color: var(--color-gold);
            font-size: 1.5rem;
            font-family: 'Inter', sans-serif;
            font-weight: 300;
            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }
        .faq-item.active .faq-icon {
            transform: rotate(45deg);
        }
        .faq-answer {
            max-height: 0;
            opacity: 0;
            padding: 0 25px;
            color: #aaa;
            font-size: 1rem;
            line-height: 1.6;
            transition: all 0.4s ease;
            overflow: hidden;
        }
        .faq-item.active .faq-answer {
            max-height: 300px; /* Arbitrary large number for slide-down */
            opacity: 1;
            padding-bottom: 25px;
        }

/* Extracted from: contact.html */
/* Essential Custom Styles for Consistency */
        :root {
            --color-gold: #d4af37;
            --bg-darker: #050505;
            --bg-dark: #111111;
        }

        body { background-color: var(--bg-darker); color: #ffffff; margin: 0; overflow-x: hidden; }

        .title-gradient {
            background: linear-gradient(135deg, #fff 0%, var(--color-gold) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            color: transparent;
        }

        .btn {
            display: inline-flex; align-items: center; justify-content: center;
            text-transform: uppercase; letter-spacing: 2px; font-family: 'Oswald', sans-serif;
            text-decoration: none; transition: all 0.3s ease; cursor: pointer; text-align: center;
        }
        .btn-primary { background-color: var(--color-gold); color: #000; border: 1px solid var(--color-gold); font-weight: 600; }
        .btn-primary:hover { background-color: transparent; color: var(--color-gold); }
        .btn-outline { background-color: transparent; color: #fff; border: 1px solid rgba(255, 255, 255, 0.3); }
        .btn-outline:hover { border-color: var(--color-gold); color: var(--color-gold); }

        /* VIP Contact Page Styles */
        .contact-wrapper {
            display: grid;
            grid-template-columns: 1fr 1.2fr;
            gap: 60px;
            margin-top: 60px;
            align-items: stretch;
        }

        .floating-contact-card {
            background: linear-gradient(145deg, rgba(15,15,15,0.9), rgba(5,5,5,0.95));
            border: 1px solid rgba(212,175,55,0.15);
            padding: 40px;
            border-radius: 12px;
            box-shadow: 0 20px 40px rgba(0,0,0,0.5);
            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.4s;
            margin-bottom: 30px;
            position: relative;
            overflow: hidden;
        }
        .floating-contact-card:hover {
            transform: translateY(-5px);
            border-color: rgba(212,175,55,0.5);
            box-shadow: 0 25px 50px rgba(0,0,0,0.8), 0 0 20px rgba(212,175,55,0.1);
        }
        
        .floating-contact-card::before {
            content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%;
            background: var(--color-gold);
        }

        .contact-icon {
            width: 60px; height: 60px;
            background: rgba(212,175,55,0.1);
            border: 1px solid rgba(212,175,55,0.3);
            color: var(--color-gold);
            border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
            margin-bottom: 25px;
            font-size: 1.5rem;
            box-shadow: inset 0 0 15px rgba(212,175,55,0.1);
        }

        /* Dark Premium Map */
        .map-container {
            width: 100%;
            height: 100%;
            min-height: 600px;
            border-radius: 12px;
            overflow: hidden;
            border: 1px solid rgba(212,175,55,0.2);
            position: relative;
            box-shadow: 0 20px 50px rgba(0,0,0,0.8);
        }
        
        /* Magic filter to make Google Maps dark and gold tinted */
        .map-container iframe {
            width: 100%; height: 100%; border: none; 
            filter: grayscale(100%) invert(100%) contrast(1.2) sepia(20%) hue-rotate(180deg);
        }

        .map-overlay-box {
            position: absolute;
            bottom: 30px;
            right: 30px;
            background: rgba(5,5,5,0.9);
            backdrop-filter: blur(10px);
            border: 1px solid var(--color-gold);
            padding: 20px 30px;
            border-radius: 8px;
            text-align: center;
            pointer-events: none;
        }

        .hours-list {
            list-style: none; padding: 0; color: #aaa; font-size: 1rem; font-family: 'Inter', sans-serif;
        }
        .hours-list li {
            display: flex; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,0.05); padding: 12px 0;
        }
        .hours-list li:last-child { border-bottom: none; }
        .hours-list li span:first-child { color: #fff; font-weight: 500; }

        @media (max-width: 991px) {
            .contact-wrapper { grid-template-columns: 1fr; }
            .map-container { min-height: 450px; }
            .map-overlay-box { bottom: 15px; right: 15px; left: 15px; }
        }

/* Extracted from: faq.html */
.faq-wrap { max-width: 800px; margin: 0 auto; }
        .faq-accordion { background: rgba(10,10,10,0.8); border: 1px solid rgba(255,255,255,0.05); margin-bottom: 15px; border-radius: 8px; overflow: hidden; transition: 0.3s; }
        .faq-accordion:hover { border-color: rgba(212,175,55,0.3); }
        .faq-q { padding: 25px; font-family: var(--font-display); color: var(--color-gold); cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
        .faq-a { padding: 0 25px 25px; color: #aaa; font-size: 0.95rem; line-height: 1.6; display: none; }

/* Extracted from: gallery.html */
/* Essential Custom Styles for Consistency */
        :root {
            --color-gold: #d4af37;
            --bg-darker: #050505;
            --bg-dark: #111111;
        }
        body { background-color: var(--bg-darker); color: #ffffff; margin: 0; overflow-x: hidden; }

        .title-gradient {
            background: linear-gradient(135deg, #fff 0%, var(--color-gold) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            color: transparent;
        }

        .btn {
            display: inline-flex; align-items: center; justify-content: center;
            text-transform: uppercase; letter-spacing: 2px; font-family: 'Oswald', sans-serif;
            text-decoration: none; transition: all 0.3s ease; cursor: pointer; text-align: center;
        }
        .btn-primary { background-color: var(--color-gold); color: #000; border: 1px solid var(--color-gold); font-weight: 600; }
        .btn-primary:hover { background-color: transparent; color: var(--color-gold); }
        .btn-outline { background-color: transparent; color: #fff; border: 1px solid rgba(255, 255, 255, 0.3); }
        .btn-outline:hover { border-color: var(--color-gold); color: var(--color-gold); }

        /* Netflix-Style Image Rows */
        .netflix-row { margin-bottom: 80px; position: relative; z-index: 10;}
        .netflix-row h3 { padding-left: 5vw; margin-bottom: 25px; font-size: 1.8rem; font-family: 'Cinzel', serif; color: #fff; }
        .netflix-slider { display: flex; gap: 20px; padding: 0 5vw 40px; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; }
        .netflix-slider::-webkit-scrollbar { display: none; }
        
        .netflix-item { 
            min-width: 350px; height: 200px; position: relative; border-radius: 8px; overflow: hidden; 
            flex-shrink: 0; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); cursor: pointer; 
            border: 1px solid rgba(255,255,255,0.1); background: #000; 
        }
        .netflix-item:hover { 
            transform: scale(1.08) translateY(-10px); z-index: 20; border-color: var(--color-gold); 
            box-shadow: 0 20px 40px rgba(0,0,0,0.9), 0 0 20px rgba(212,175,55,0.3); 
        }
        .netflix-item img { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.6); transition: filter 0.5s; }
        .netflix-item:hover img { filter: brightness(1); }
        
        .item-title { 
            position: absolute; bottom: 15px; left: 20px; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 2px;
            color: #fff; margin: 0; text-shadow: 0 2px 10px rgba(0,0,0,0.9); opacity: 0; transform: translateY(10px); transition: all 0.4s; 
        }
        .netflix-item:hover .item-title { opacity: 1; transform: translateY(0); color: var(--color-gold); }

        .row-divider { height: 1px; background: linear-gradient(90deg, transparent, rgba(212,175,55,0.3), transparent); margin: 60px 0; }

        /* Director's Cut Video Reels Section (9:16 Aspect Ratio) */
        .reel-slider { 
            display: flex; gap: 30px; padding: 20px 5vw 80px; overflow-x: auto; 
            scroll-behavior: smooth; scrollbar-width: none; scroll-snap-type: x mandatory;
        }
        .reel-slider::-webkit-scrollbar { display: none; }
        
        .reel-card { 
            flex: 0 0 auto; width: clamp(260px, 75vw, 320px); aspect-ratio: 9/16; 
            border-radius: 16px; overflow: hidden; position: relative; scroll-snap-align: center; 
            border: 1px solid rgba(255,255,255,0.1); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); 
            background: #050505; cursor: pointer; box-shadow: 0 10px 30px rgba(0,0,0,0.5);
        }
        .reel-card video { 
            width: 100%; height: 100%; object-fit: cover; filter: brightness(0.8); transition: all 0.5s; 
        }
        .reel-overlay {
            position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 40%);
            pointer-events: none; opacity: 0.8; transition: opacity 0.5s;
        }
        
        /* The Magic Hover Effect for Videos */
        .reel-card:hover { 
            transform: scale(1.05) translateY(-15px); z-index: 20; border-color: var(--color-gold); 
            box-shadow: 0 25px 50px rgba(0,0,0,0.9), 0 0 30px rgba(212,175,55,0.3); 
        }
        .reel-card:hover video { filter: brightness(1.1); }
        .reel-card:hover .reel-overlay { opacity: 1; }

        /* Play icon indicating it's clickable */
        .play-indicator {
            position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
            width: 60px; height: 60px; background: rgba(0,0,0,0.6); backdrop-filter: blur(5px);
            border: 2px solid rgba(212,175,55,0.6); border-radius: 50%; display: flex; align-items: center; justify-content: center;
            transition: all 0.4s ease; opacity: 0;
        }
        .play-indicator svg { fill: #fff; width: 24px; height: 24px; margin-left: 2px; transition: fill 0.3s; }
        .reel-card:hover .play-indicator { opacity: 1; transform: translate(-50%, -50%) scale(1.1); }

        .reel-label {
            position: absolute; bottom: 25px; left: 20px; right: 20px;
            display: flex; align-items: center; gap: 10px;
            transform: translateY(15px); opacity: 0.7; transition: all 0.4s ease;
        }
        .reel-card:hover .reel-label { transform: translateY(0); opacity: 1; }
        .reel-label-dot { width: 8px; height: 8px; background: var(--color-gold); border-radius: 50%; box-shadow: 0 0 10px var(--color-gold); }
        .reel-label-text { font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 0.9rem; letter-spacing: 2px; color: #fff; }

        /* Instagram CTA Card */
        .ig-cta-card {
            display: flex; flex-direction: column; align-items: center; justify-content: center;
            background: linear-gradient(145deg, #111, #050505); border: 2px dashed rgba(212,175,55,0.4);
            text-align: center; padding: 30px;
        }
        .ig-cta-card:hover { border: 2px solid var(--color-gold); background: linear-gradient(145deg, #1a1a1a, #0a0a0a); }
        .ig-icon-large { width: 60px; height: 60px; fill: var(--color-gold); margin-bottom: 20px; filter: drop-shadow(0 0 10px rgba(212,175,55,0.5)); }

        /* Fullscreen Video Modal / Lightbox */
        .video-modal-overlay {
            position: fixed; inset: 0; z-index: 9999; background: rgba(0,0,0,0.95); backdrop-filter: blur(15px);
            display: none; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.4s ease;
        }
        .video-modal-content {
            position: relative; width: 100%; max-width: 450px; aspect-ratio: 9/16; border-radius: 16px;
            box-shadow: 0 30px 60px rgba(0,0,0,0.9), 0 0 30px rgba(212,175,55,0.3); border: 1px solid rgba(212,175,55,0.5);
            background: #000; display: flex; align-items: center; justify-content: center;
        }
        .video-modal-content video {
            width: 100%; height: 100%; object-fit: cover; border-radius: 15px; outline: none;
        }
        .close-video-modal {
            position: absolute; top: -50px; right: 0; color: #fff; font-size: 3rem; cursor: pointer; transition: color 0.3s ease;
        }
        .close-video-modal:hover { color: var(--color-gold); }

        @media (max-width: 768px) { 
            .netflix-item { min-width: 280px; height: 160px; } 
            .netflix-row h3 { font-size: 1.5rem; }
            .video-modal-content { max-width: 90vw; max-height: 80vh; aspect-ratio: auto; }
            .close-video-modal { right: 10px; top: -60px; }
        }

/* Extracted from: happy-hour.html */
.hh-hero {
            min-height: 60vh;
            padding-top: var(--total-header-height, 120px); /* Dynamically generated offset to prevent header collision */
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            background: radial-gradient(circle at center, #111, #050505);
            border-bottom: 1px solid rgba(212, 175, 55, 0.2);
        }
        .hh-heading {
            font-family: var(--font-display);
            font-size: clamp(3rem, 6vw, 6rem);
            line-height: 1.1;
            margin-bottom: 15px;
        }
        .deal-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
            gap: 30px;
        }
        .deal-card {
            background: linear-gradient(135deg, rgba(20,20,20,0.9), rgba(5,5,5,1));
            border: 1px solid rgba(255,255,255,0.05);
            border-radius: 12px;
            padding: 40px;
            position: relative;
            overflow: hidden;
            transition: all 0.3s;
            display: flex;
            flex-direction: column;
        }
        .deal-card:hover {
            border-color: var(--color-gold);
            transform: translateY(-5px);
            box-shadow: 0 15px 35px rgba(0,0,0,0.6);
        }
        .deal-card-title {
            font-family: var(--font-display);
            color: #fff;
            font-size: 1.3rem;
            margin-bottom: 25px;
            border-bottom: 1px dashed rgba(255,255,255,0.1);
            padding-bottom: 15px;
        }
        .price-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 25px;
        }
        .price-crossed {
            text-decoration: line-through;
            color: #666;
            font-size: 1.2rem;
            font-family: var(--font-display);
        }
        .price-new {
            color: var(--color-gold);
            font-size: 2.5rem;
            font-family: var(--font-display);
            font-weight: 600;
        }
        .discount-label {
            position: absolute;
            top: 20px;
            right: -30px;
            background: var(--color-gold);
            color: #000;
            font-family: var(--font-accent);
            font-weight: 700;
            font-size: 0.7rem;
            padding: 5px 35px;
            transform: rotate(45deg);
            text-transform: uppercase;
            letter-spacing: 1px;
        }

/* Extracted from: index.html */
@keyframes scrollDown {
                    0% { top: -50%; opacity: 0; }
                    50% { opacity: 1; }
                    100% { top: 100%; opacity: 0; }
                }

/* Extracted from: index.html */
.group:hover img { filter: grayscale(0%) contrast(1.1) !important; }
                .group:hover .insta-hover-overlay { opacity: 1 !important; }

/* Extracted from: offline.html */
body{background:#000;color:#fff;text-align:center;font-family:sans-serif;padding:50px;}

/* Extracted from: privacy.html */
.legal-content {
            background: linear-gradient(180deg, #111, #050505);
            border: 1px solid rgba(255,255,255,0.05);
            padding: 60px;
            border-radius: 12px;
            color: #ccc;
            font-family: var(--font-body);
            line-height: 1.8;
            max-width: 900px;
            margin: -50px auto 100px;
            position: relative;
            z-index: 5;
            box-shadow: 0 30px 60px rgba(0,0,0,0.8);
        }
        .legal-content h2 { color: var(--color-gold); font-family: var(--font-display); margin-top: 40px; margin-bottom: 20px; }
        .legal-content h3 { color: #fff; font-family: var(--font-display); margin-top: 30px; margin-bottom: 15px; }
        .legal-content p { margin-bottom: 20px; }

/* Extracted from: reviews.html */
/* Global & Consistency Styles */
        :root {
            --color-gold: #D4AF37;
            --color-gold-dark: #AA8C2C;
            --bg-black: #050505;
            --bg-darker: #0a0a0a;
            --font-display: 'Cinzel', serif;
        }
        body {
            background-color: var(--bg-black);
            color: #fff;
            margin: 0;
        }
        .title-gradient {
            background: linear-gradient(135deg, #fff 0%, var(--color-gold) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            color: transparent;
        }
        .section-padding { padding: 100px 5vw; }
        

        /* Buttons Setup */
        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-family: 'Oswald', sans-serif;
            text-decoration: none;
            transition: all 0.3s ease;
            cursor: pointer;
        }
        .btn-primary {
            background-color: var(--color-gold);
            color: #000;
            font-weight: 600;
            border: 1px solid var(--color-gold);
            padding: 15px 30px;
        }
        .btn-primary:hover {
            background-color: transparent;
            color: var(--color-gold);
        }
        
        /* Visual Testimonials Gallery (Image based) */
        .testimonial-gallery {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
            gap: 30px;
            margin-top: 50px;
        }
        .testimonial-img-wrapper {
            border-radius: 12px;
            overflow: hidden;
            border: 1px solid rgba(212, 175, 55, 0.2);
            background: rgba(10, 10, 10, 0.5);
            position: relative;
            cursor: pointer;
            box-shadow: 0 10px 30px rgba(0,0,0,0.5);
        }
        .testimonial-img-wrapper img {
            width: 100%;
            height: auto;
            display: block;
            transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            filter: brightness(0.9);
        }
        .testimonial-img-wrapper:hover img {
            transform: scale(1.04);
            filter: brightness(1.1);
        }
        .testimonial-img-wrapper::after {
            content: '';
            position: absolute;
            inset: 0;
            border-radius: 12px;
            box-shadow: inset 0 0 20px rgba(212, 175, 55, 0.1);
            pointer-events: none;
        }

        /* Text Review Wall Setup */
        .review-wall {
            column-count: 3;
            column-gap: 20px;
            margin-top: 50px;
        }
        .review-card {
            break-inside: avoid;
            margin-bottom: 20px;
            display: block;
            text-decoration: none;
            padding: 30px;
            border-radius: 12px;
            background: rgba(15, 15, 15, 0.6);
            border: 1px solid rgba(212, 175, 55, 0.15);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            cursor: pointer;
        }
        .review-card:hover {
            border-color: rgba(212, 175, 55, 0.8);
            box-shadow: 0 15px 35px rgba(0,0,0,0.6), 0 0 20px rgba(212, 175, 55, 0.15);
            transform: translateY(-5px);
            background: rgba(20, 20, 20, 0.8);
        }
        .review-card .stars {
            color: var(--color-gold);
            font-size: 1.2rem;
            margin-bottom: 15px;
            letter-spacing: 2px;
        }
        .reviewer-name {
            color: #fff;
            font-family: var(--font-display);
            font-size: 1.3rem;
            margin-bottom: 5px;
        }
        .review-text {
            color: #ccc;
            font-size: 1rem;
            line-height: 1.6;
            margin-top: 15px;
            font-style: italic;
        }
        
        /* Trust Indicators */
        .google-badge {
            display: inline-flex;
            align-items: center;
            background: rgba(255,255,255,0.05);
            padding: 12px 25px;
            border-radius: 30px;
            border: 1px solid rgba(212,175,55,0.3);
            margin-top: 20px;
            font-weight: 500;
            gap: 15px;
        }
        .trust-indicator-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
            gap: 20px;
            margin-top: 60px;
            margin-bottom: 60px;
        }
        .trust-item {
            display: flex;
            align-items: center;
            gap: 15px;
            background: rgba(10,10,10,0.8);
            padding: 20px;
            border-radius: 8px;
            border: 1px solid rgba(255,255,255,0.05);
            color: #ddd;
            font-size: 0.95rem;
            transition: border-color 0.3s;
        }
        .trust-item:hover {
            border-color: var(--color-gold);
        }
        .trust-item svg {
            fill: var(--color-gold);
            width: 24px;
            height: 24px;
            flex-shrink: 0;
        }

        /* Responsive Breakpoints & Mobile Enhancements */
        @media (max-width: 991px) {
            .review-wall { column-count: 2; }
        }
        @media (max-width: 768px) {
            /* Transform visual gallery into a sleek horizontal slider on mobile */
            .testimonial-gallery {
                display: flex;
                flex-wrap: nowrap;
                overflow-x: auto;
                scroll-snap-type: x mandatory;
                gap: 15px;
                padding-bottom: 20px;
                scrollbar-width: none; /* Firefox */
                -webkit-overflow-scrolling: touch;
            }
            .testimonial-gallery::-webkit-scrollbar { display: none; /* Chrome/Safari */ }
            
            .testimonial-img-wrapper {
                flex: 0 0 85%; /* Shows a peek of the next image */
                scroll-snap-align: center;
            }

            /* Transform text reviews into a horizontal slider on mobile */
            .review-wall {
                display: flex;
                flex-wrap: nowrap;
                overflow-x: auto;
                scroll-snap-type: x mandatory;
                column-count: auto; /* Override multi-column */
                gap: 20px;
                padding-bottom: 20px;
                margin-top: 30px;
                scrollbar-width: none;
                -webkit-overflow-scrolling: touch;
            }
            .review-wall::-webkit-scrollbar { display: none; }
            
            .review-card {
                flex: 0 0 85%;
                scroll-snap-align: center;
                margin-bottom: 0; /* Remove vertical margin */
                height: auto;
                break-inside: auto;
            }
        }

/* Extracted from: services.html */
/* Essential Custom Styles */
        :root {
            --color-gold: #D4AF37;
            --color-gold-dark: #AA8C2C;
            --bg-black: #050505;
            --bg-darker: #0a0a0a;
        }

        body { background-color: var(--bg-black); color: #fff; }

        .title-gradient {
            background: linear-gradient(135deg, #fff 0%, var(--color-gold) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            color: transparent;
        }

        /* Nav links */

        .btn {
            display: inline-block; text-transform: uppercase; letter-spacing: 2px;
            font-family: 'Oswald', sans-serif; text-decoration: none; transition: all 0.3s ease; cursor: pointer;
        }
        .btn-primary { background-color: var(--color-gold); color: #000; font-weight: 600; border: 1px solid var(--color-gold); }
        .btn-primary:hover { background-color: transparent; color: var(--color-gold); }
        .btn-outline { background-color: transparent; color: #fff; border: 1px solid rgba(255,255,255,0.3); }
        .btn-outline:hover { border-color: var(--color-gold); color: var(--color-gold); }

        /* Audio Toggle Button */
        .audio-toggle {
            position: absolute;
            bottom: 40px;
            right: 5vw;
            z-index: 50;
            background: rgba(0,0,0,0.5);
            backdrop-filter: blur(5px);
            border: 1px solid rgba(212,175,55,0.3);
            color: var(--color-gold);
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        .audio-toggle:hover { background: var(--color-gold); color: #000; }

        /* Services Tab System */
        .service-tabs {
            display: flex;
            justify-content: center;
            gap: 15px;
            margin-bottom: 50px;
            flex-wrap: wrap;
        }
        .service-tab-btn {
            background: rgba(20,20,20,0.8);
            border: 1px solid rgba(255,255,255,0.1);
            color: #ccc;
            padding: 12px 24px;
            border-radius: 30px;
            font-family: 'Oswald', sans-serif;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-size: 0.9rem;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        .service-tab-btn:hover, .service-tab-btn.active {
            background: var(--color-gold);
            color: #000;
            border-color: var(--color-gold);
            box-shadow: 0 5px 15px rgba(212,175,55,0.3);
        }
        .service-category {
            display: none;
            animation: fadeUp 0.6s ease forwards;
            margin-bottom: 60px;
        }
        .service-category.active {
            display: block;
        }
        @keyframes fadeUp {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .service-category-title {
            font-family: 'Cinzel', serif;
            color: var(--color-gold);
            font-size: 2rem;
            margin-bottom: 30px;
            border-bottom: 1px solid rgba(212,175,55,0.2);
            padding-bottom: 15px;
            text-transform: uppercase;
            letter-spacing: 2px;
        }
        .service-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(min(100%, 350px), 1fr));
            gap: 20px;
        }
        .service-item {
            background: linear-gradient(135deg, rgba(20,20,20,0.8), rgba(5,5,5,0.9));
            border: 1px solid rgba(255,255,255,0.05);
            border-radius: 8px;
            padding: 25px;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }
        .service-item:hover {
            border-color: rgba(212,175,55,0.4);
            transform: translateY(-3px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.5);
        }
        .service-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 10px;
        }
        .service-title {
            font-family: 'Cinzel', serif;
            color: #fff;
            font-size: 1.2rem;
            margin: 0;
            padding-right: 15px;
        }
        .service-price {
            font-family: 'Cinzel', serif;
            color: var(--color-gold);
            font-size: 1.5rem;
            font-weight: 600;
        }
        .service-duration {
            font-family: 'Oswald', sans-serif;
            color: #888;
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 15px;
            display: inline-block;
            background: rgba(255,255,255,0.05);
            padding: 4px 10px;
            border-radius: 4px;
        }
        .service-desc {
            color: #aaa;
            font-size: 0.9rem;
            line-height: 1.5;
            margin-bottom: 20px;
            flex-grow: 1;
        }
        .service-cta {
            margin-top: auto;
        }
        
        .vip-package-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
            gap: 30px;
        }
        .vip-card {
            background: linear-gradient(145deg, #151515, #050505);
            border: 1px solid var(--color-gold);
            padding: 40px 30px;
            border-radius: 12px;
            text-align: center;
            position: relative;
        }
        .vip-card h3 { font-family: 'Cinzel', serif; color: #fff; margin-bottom: 15px; }
        .vip-card .price { font-family: 'Cinzel', serif; color: var(--color-gold); font-size: 2.5rem; margin-bottom: 30px; }
        .discount-badge {
            position: absolute;
            top: -15px;
            right: 20px;
            background: var(--color-gold);
            color: #000;
            padding: 8px 15px;
            font-family: 'Oswald', sans-serif;
            font-size: 0.8rem;
            letter-spacing: 2px;
            font-weight: bold;
            box-shadow: 0 5px 15px rgba(212,175,55,0.4);
            text-transform: uppercase;
            border-radius: 4px;
        }

/* Extracted from: sitemap.html */
.sitemap-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
            gap: 30px;
            max-width: 1200px;
            margin: 0 auto;
        }
        .sitemap-card {
            background: rgba(10,10,10,0.8);
            border: 1px solid rgba(255,255,255,0.05);
            padding: 40px;
            border-radius: 12px;
            transition: 0.3s;
        }
        .sitemap-card:hover {
            border-color: var(--color-gold);
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(212,175,55,0.1);
        }
        .sitemap-card h3 {
            font-family: var(--font-display);
            color: var(--color-gold);
            margin-bottom: 20px;
            border-bottom: 1px solid rgba(212,175,55,0.2);
            padding-bottom: 10px;
        }
        .sitemap-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .sitemap-list li {
            margin-bottom: 15px;
        }
        .sitemap-list a {
            color: #ccc;
            text-decoration: none;
            font-size: 1.1rem;
            transition: 0.3s;
            display: flex;
            align-items: center;
        }
        .sitemap-list a::before {
            content: '→';
            color: var(--color-gold);
            margin-right: 10px;
            opacity: 0;
            transform: translateX(-10px);
            transition: 0.3s;
        }
        .sitemap-list a:hover {
            color: #fff;
        }
        .sitemap-list a:hover::before {
            opacity: 1;
            transform: translateX(0);
        }

/* Extracted from: terms.html */
.legal-content {
            background: linear-gradient(180deg, #111, #050505);
            border: 1px solid rgba(255,255,255,0.05);
            padding: 60px;
            border-radius: 12px;
            color: #ccc;
            font-family: var(--font-body);
            line-height: 1.8;
            max-width: 900px;
            margin: -50px auto 100px;
            position: relative;
            z-index: 5;
            box-shadow: 0 30px 60px rgba(0,0,0,0.8);
        }
        .legal-content h2 { color: var(--color-gold); font-family: var(--font-display); margin-top: 40px; margin-bottom: 20px; }
        .legal-content p, .legal-content ul { margin-bottom: 20px; }

/* Extracted from: transformations.html */
/* Essential Styling & Consistency */
        :root {
            --color-gold: #D4AF37;
            --bg-black: #050505;
            --bg-darker: #0a0a0a;
            --font-display: 'Cinzel', serif;
            --font-accent: 'Oswald', sans-serif;
        }

        body {
            background-color: var(--bg-black);
            color: #fff;
            margin: 0;
            overflow-x: hidden;
        }

        .title-gradient {
            background: linear-gradient(135deg, #fff 0%, var(--color-gold) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            color: transparent;
        }

        .section-padding { padding: 100px 5vw; }

        /* Buttons Setup (Consistency with Index) */
        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-family: var(--font-accent);
            text-decoration: none;
            transition: all 0.3s ease;
            cursor: pointer;
        }
        .btn-primary {
            background-color: var(--color-gold);
            color: #000;
            font-weight: 600;
            border: 1px solid var(--color-gold);
            padding: 18px 40px;
        }
        .btn-primary:hover {
            background-color: transparent;
            color: var(--color-gold);
        }

        /* Nav links */


        /* ========================================= */
        /* PREMIUM SLIDER REDESIGN                  */
        /* ========================================= */
        .ba-container {
            position: relative;
            width: 100%;
            max-width: 1000px;
            margin: 0 auto;
            border-radius: 4px;
            overflow: hidden;
            border: 1px solid rgba(212, 175, 55, 0.4);
            box-shadow: 0 30px 60px rgba(0,0,0,0.9), 0 0 20px rgba(212, 175, 55, 0.1);
            aspect-ratio: 16/9;
            background: #000;
        }
        
        .ba-container img {
            position: absolute;
            top: 0; left: 0;
            width: 100%; height: 100%;
            object-fit: cover;
            display: block;
        }
        
        /* The crucial part for the slider to actually work */
        .ba-before {
            z-index: 1;
        }
        .ba-after {
            z-index: 2;
            clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
            -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
        }

        .ba-slider-input {
            position: absolute;
            top: 0; left: 0;
            width: 100%; height: 100%;
            opacity: 0;
            z-index: 4;
            cursor: ew-resize;
            margin: 0;
        }

        /* The Premium Handle */
        .ba-handle {
            position: absolute;
            top: 0; bottom: 0;
            left: 50%;
            width: 2px;
            background: var(--color-gold);
            z-index: 3;
            transform: translateX(-50%);
            box-shadow: 0 0 15px rgba(212,175,55,1), 0 0 5px rgba(255,255,255,0.5);
            pointer-events: none;
        }

        .ba-handle-circle {
            position: absolute;
            top: 50%; left: 50%;
            transform: translate(-50%, -50%);
            width: 50px; height: 50px;
            border-radius: 50%;
            background: rgba(10, 10, 10, 0.9);
            border: 2px solid var(--color-gold);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--color-gold);
            box-shadow: 0 0 20px rgba(0,0,0,0.8), inset 0 0 10px rgba(212,175,55,0.2);
            transition: transform 0.2s;
        }
        
        .ba-slider-input:active ~ .ba-handle .ba-handle-circle {
            transform: translate(-50%, -50%) scale(0.9);
        }

        /* Floating Before/After Badges */
        .ba-label {
            position: absolute;
            top: 30px;
            padding: 8px 20px;
            background: rgba(0, 0, 0, 0.6);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            color: #fff;
            font-family: var(--font-accent);
            text-transform: uppercase;
            letter-spacing: 3px;
            font-size: 0.8rem;
            border-radius: 30px;
            z-index: 3;
            pointer-events: none;
            text-shadow: 0 2px 4px rgba(0,0,0,0.5);
        }
        .ba-label-before { right: 30px; }
        .ba-label-after { left: 30px; color: var(--color-gold); border-color: rgba(212,175,55,0.3); }


        /* Analysis Cards Upgrade */
        .ai-card {
            background: linear-gradient(145deg, #111, #080808);
            border: 1px solid rgba(255,255,255,0.05);
            padding: 40px 30px;
            border-radius: 4px;
            text-align: center;
            position: relative;
            overflow: hidden;
            transition: transform 0.4s ease, border-color 0.4s ease;
        }
        .ai-card:hover {
            transform: translateY(-5px);
            border-color: rgba(212, 175, 55, 0.4);
            box-shadow: 0 10px 30px rgba(0,0,0,0.8);
        }
        .ai-card::before {
            content: '';
            position: absolute;
            top: 0; left: -100%;
            width: 50%; height: 100%;
            background: linear-gradient(to right, transparent, rgba(212,175,55,0.05), transparent);
            transform: skewX(-20deg);
            animation: shine 6s infinite;
        }
        @keyframes shine {
            0% { left: -100%; }
            20% { left: 200%; }
            100% { left: 200%; }
        }
        
        .stats-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
            gap: 30px;
            margin-top: 60px;
        }
        .stat-box {
            background: rgba(15,15,15,0.6);
            border: 1px solid rgba(212,175,55,0.15);
            padding: 40px 20px;
            border-radius: 4px;
            text-align: center;
            transition: all 0.3s;
        }
        .stat-box:hover {
            background: rgba(20,20,20,0.8);
            border-color: rgba(212,175,55,0.5);
        }
        .stat-num {
            font-family: var(--font-display);
            font-size: 3.5rem;
            color: var(--color-gold);
            margin-bottom: 10px;
            line-height: 1;
            text-shadow: 0 0 20px rgba(212,175,55,0.2);
        }