:root {
            --primary: #02198b;
            --accent: #02ff84;
            --text-dark: #111;
            --white: #fff;
            --gray: #ccc;
        }

        * { margin: 0; padding: 0; box-sizing: border-box; }

        body {
            background: #000 url("/assets/couple-a.jpg") top center no-repeat;
            background-size: cover;
            font-family: Arial, Helvetica, sans-serif;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            color: var(--white);
        }

        #bigframe {
            width: 100%;
            max-width: 1024px;
            margin: 0 auto;
            position: relative;
            padding-bottom: 50px;
        }

        header {
            padding: 30px 20px;
            display: flex;
            align-items: center;
        }

        .logo {
            width: 400px;
            height: auto;
            max-width: 100%;
        }

        nav {
            padding: 20px;
        }

        #nav {
            display: flex;
            flex-wrap: wrap;
            list-style: none;
            gap: 20px;
            font-size: 1.1em;
        }

        #nav li a {
            color: var(--white);
            text-decoration: none;
            text-transform: uppercase;
        }

        #nav li a:hover {
            color: var(--accent);
        }

        .prix-container {
            margin-top: 50px;
            padding: 20px;
        }

        #prix-button {
            display: block;
            width: 181px;
            height: 90px;
            background: url("/assets/prix-logo5.png") no-repeat 0 0;
            background-size: contain;
        }

        #Etopnav {
            display: flex;
            list-style: none;
            background: url("/assets/Etopnav.png") no-repeat;
            width: 245px;
            height: 35px;
            margin: 20px 0;
        }

        #Etopnav li { width: 35px; }
        #Etopnav a { display: block; height: 35px; }

        footer {
            background: #000;
            color: var(--white);
            border-top: 1px solid #555;
            padding: 10px;
            text-align: center;
            font-size: 0.85rem;
            position: fixed;
            bottom: 0;
            width: 100%;
        }

        footer a { color: var(--accent); text-decoration: none; }

        @media (max-width: 768px) {
            #nav { flex-direction: column; gap: 10px; }
            .logo { width: 250px; }
        }