/* Modern Design Tokens & CSS Variables */
        :root {
            --bg-main: #3b141c;
            --bg-card: #2c1525;
            --bg-input: #3b141c;
            --primary: #e580b8;
            --primary-hover: #E04826;
            --accent: #FFB800;
            --text-white: #FFFFFF;
            --text-muted: #94A3B8;
            --text-dark: #1E293B;
            --radius-sm: 8px;
            --radius-md: 16px;
            --radius-lg: 24px;
            --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            --shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
            --bg-green: #2e7d32;
        }
        /* English Font Stack */
        @font-face {
            font-family: 'RoastedBrisket';
            font-weight: 400 800;
            font-display: swap;
            src: url('Font/RoastedBrisket.ttf') format('truetype');
        }
        @font-face{
            font-family: 'kxon';
            font-weight: 400 800;
            font-display: swap;
            src: url('Font/kxon.ttf') format('truetype');
        }
        @font-face{
            font-family: 'MilesdaneTrial';
            font-weight: 400 800;
            font-display: swap;
            src: url('Font/Milesdane Trial.otf') format('truetype');
        }
        /* Base Global Reset */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Plus Jakarta Sans', sans-serif;
            scroll-behavior: smooth;
        }

        body {
            background-color: var(--bg-main);
            color: var(--text-white);
            overflow-x: hidden;
            position: relative;
        }
        header{border-bottom:1px solid #fff; position:sticky; top:0; z-index:1000;
        background-color: var(--bg-main);}
        .container {
            max-width: 1200px;
            padding: 10px 300px;
            display:inline-flex;
            justify-content: space-between; /* Pushes H1 to left and Nav to right */
            align-items: flex-end; 
            
        }
        .container h1{
            font-size:48px;
            margin-left:0px;
            font-family: 'RoastedBrisket';
        }
        nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            vertical-align:bottom;
            margin-left:100px;
            padding:5px 1px;
        }
        nav ul{
            display: inline-flex;
            gap: 30px;
        }
        nav ul li{
            list-style: none;
        }
        nav ul li a{
            text-decoration: none;
            color: var(--text-white);
            font-weight: 500;
            transition: var(--transition);
        }
        nav ul li a:hover{
            color: var(--primary);
        }
        p{margin:10px 0px;}
        .bag{width:80px; height:70px;margin:0px;}
        .hero{margin:20px 50px;}
        footer{border-top:1px solid #fff;margin-top:15%; display:inline-flex; width:100%;}
        .footer-div{margin:30px 100px;}
        a{color:var(--text-white);}
        .privacy-policy-div{margin:20px 150px;padding:20px 40px; background-color:#fff;
        width:80%; padding:20px 40px; align-items:left; color:#000; border-radius:10px;}
        .footer-privacy-div{margin:20px;padding:20px 40px; 
          align-items:left; color:#fff; }
        .animation-div{width:40em; height:400px;margin:5px 50px;
        position: relative; overflow: hidden; background-color:#fff;border-radius:10px; border:1px solid #fff; z-index:1;}
        .food-video{ position:absolute; width: 100%; max-width:700px; height:400px; border-radius:10px;
        margin:0px;
        border:1px solid #fff; z-index:1; top: 0; left: 0;object-fit: cover;
        opacity: 1;
        transform: translateX(0);
        transition: opacity 0.45s ease, transform 0.45s ease;
        
        }
        .food-video.is-fading{
            opacity: 0;
            transform: translateX(-30px);
        }
        .animation-over{width:40em; height:400px; z-index:2;background-color:rgba(0, 0, 0, 0.1);
        position:absolute; display: flex;flex-direction: column;}
        .order-now{
            margin-top:0px;
            background-color: var(--bg-input);
            color: var(--text-white);
            border: none;
            padding: 15px 50px;
            font-size: 18px;
            border-radius: var(--radius-md);
            cursor: pointer;
            transition: var(--transition);
            border:1px solid #fff;
        }
        .right-side{
            width:40em; height:400px;
            float:right;
            margin-right:10px;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: space-between;
        }
        .order-now:hover{
            background-color: var(--text-white);
            Color: var(--bg-input);
        }