/* Template restaurant2 Styles */
:root {
            --res2-black: #050505;
            --res2-dark: #0f0f0f;
            --res2-gold: #c5a059; /* Gourmet Gold */
            --res2-gold-dim: #b8860b;
            --res2-cream: #f4f1ea;
            --res2-font-serif: 'Raleway', sans-serif;
            --res2-font-sans: 'Montserrat', sans-serif;
        }

        body {
            background-color: var(--res2-black);
            color: var(--res2-cream);
            font-family: var(--res2-font-sans);
            line-height: 1.8;
            font-weight: 300;
            letter-spacing: 0.5px;
        }

        h1, h2, h3, h4, .serif-luxury {
            font-family: var(--res2-font-serif);
            font-weight: 400;
            letter-spacing: 1px;
        }

        .text-gold { color: var(--res2-gold); }
        
        /* Preloader Ultra Class */
        #preloader {
            position: fixed;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background: #000;
            z-index: 99999;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            cursor: pointer;
        }
        .loader-logo {
            font-family: var(--res2-font-serif);
            font-size: 2rem;
            color: var(--res2-gold);
            letter-spacing: 6px;
            text-transform: uppercase;
            font-weight: 500;
            opacity: 0;
            animation: fadeInOut 1.5s forwards;
        }
        @keyframes fadeInOut {
            0% { opacity: 0; transform: translateY(20px); }
            50% { opacity: 1; transform: translateY(0); }
            100% { opacity: 1; transform: translateY(0); }
        }

        /* Navbar Floating */
        .navbar-res2 {
            padding: 30px 0;
            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .navbar-res2.scrolled {
            background: rgba(5, 5, 5, 0.98);
            padding: 15px 0;
            border-bottom: 1px solid rgba(212, 175, 55, 0.15);
        }
        .navbar-res2 .nav-link {
            color: #ffffff !important;
            font-size: 0.78rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin: 0 16px;
            transition: 0.3s;
            opacity: 0.95;
        }
        .navbar-res2 .nav-link:hover,
        .navbar-res2 .nav-link.active { 
            color: var(--res2-gold) !important; 
            opacity: 1;
        }
        
        .btn-gold-luxury {
            background: transparent;
            border: 1px solid var(--res2-gold);
            color: var(--res2-gold);
            padding: 12px 30px;
            font-size: 0.75rem;
            letter-spacing: 3px;
            text-transform: uppercase;
            transition: 0.4s;
            border-radius: 0;
        }
        .btn-gold-luxury:hover {
            background: var(--res2-gold);
            color: black;
        }

        /* Generic Section Spacing */
        .py-luxury { padding: 80px 0; }
        
        .section-title-lux {
            font-size: 1.85rem;
            line-height: 1.25;
            margin-bottom: 20px;
            font-weight: 500;
        }
        .subtitle-lux {
            display: block;
            color: var(--res2-gold);
            text-transform: uppercase;
            letter-spacing: 6px;
            font-size: 0.8rem;
            margin-bottom: 20px;
        }
        /* Story Photo Hover Effect */
        .story-photo-hover {
            transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .story-img-wrapper:hover .story-photo-hover {
            transform: scale(1.05);
        }
        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: var(--res2-black); }
        ::-webkit-scrollbar-thumb { background: var(--res2-gold-dim); }