/* roboto-regular - latin */
	@font-face {
	  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	  font-family: 'Roboto';
	  font-style: normal;
	  font-weight: 400;
	  src: url('fonts/roboto-v51-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}

	/* roboto-700 - latin */
	@font-face {
	  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	  font-family: 'Roboto';
	  font-style: normal;
	  font-weight: 700;
	  src: url('fonts/roboto-v51-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	
	/* playfair-display-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/playfair-display-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* playfair-display-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/playfair-display-v40-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* playfair-display-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/playfair-display-v40-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

	

    :root {
        
		--gastronomy-gold: #d4af37;
        
        --text-light: #ffffff;
    }

    body, html {
        margin: 0; padding: 0; height: 100%;
		position:relative;
		margin:0;	
		padding:0;
        font-family: 'Roboto', sans-serif;
        background-color: #1a1a1a;
        color: var(--text-light);
        overflow-x: hidden;
    }


	.digitaladd   {
		
	font-weight: bold; 
	color: #d4af37;"
	
	}
	 
	 .instant {
		 
	font-weight: bold;
	color: #d4af37;
	
	}
	 
    .hero {
        background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7)), 
                    url('re1.png'); 
        background-size: cover;
        background-position: center; 
        background-repeat: no-repeat;
        height: 100vh;
        display: flex;
        flex-direction: column; 
        justify-content: space-between;
        align-items: center;
        text-align: center;
        position: relative;
    }
   
    .main-title-container {
        margin-top: 69px;
		margin-bottom: 15px;
        z-index: 5;
        padding: 0 20px;
    }

    h1 {
     
        font-family: 'Playfair Display', serif;
        font-size: clamp(2.2rem, 6vw, 5rem); /* Un peu plus petit pour le style Serif */
        color: var(--text-light);
        margin: 0;
        font-weight: 900;
        letter-spacing: -1px; /* Moins d'espace pour un look plus compact */
        text-transform: uppercase;
        /* --- ÉTAPE 4 : ON CORRIGE L'OMBRE (PLUS DOUCE, MOINS NÉON) --- */
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); 
    }

    h1 span { color: var(--gastronomy-gold); }

    .glass-card {
        background: rgba(255, 255, 255, 0.05); /* Encore plus transparent */
        backdrop-filter: blur(10px); /* Plus de flou pour l'élégance */
        -webkit-backdrop-filter: blur(20px);
        padding: 40px; 
        border-radius: 15px; /* Bords un peu moins ronds */
        width: 85%;
        max-width: 600px; 
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
        border: 1px solid rgba(255, 255, 255, 0.1);
        z-index: 2;
        margin-bottom: 90px;
    }

    .badge {
        background: none;
        color: var(--gastronomy-gold);
        border: 1px solid var(--gastronomy-gold); 
        padding: 6px 15px;
        border-radius: 4px; /* Moins rond */
        text-transform: uppercase;
        font-size: 0.75rem;
        font-weight: bold;
        letter-spacing: 2px;
        margin-bottom: 25px;
        display: inline-block;
    }

    p {
        font-size: 1.23rem;
        color: #ddd; /* Texte gris très clair pour plus de douceur */
        line-height: 1.7;
        margin-bottom: 35px;
        font-weight: 400;
    }

    .btn-buy {
            position: relative; /* OBLIGATOIRE pour le reflet */
            background: var(--gold);
            color: #000;
            padding: 18px 45px;
            text-decoration: none;
            font-size: 1.3rem;
            font-weight: bold;
            border-radius: 8px;
            display: inline-block;
            transition: 0.3s;
            overflow: hidden; /* Cache le reflet quand il sort du bouton */
            box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3);
            letter-spacing: 1px;
            cursor: pointer;
        }

        .btn-buy:hover {
            transform: translateY(-2px);
            background: #f1c40f;
            box-shadow: 0 8px 25px rgba(212, 175, 55, 0.5);
        }

        /* --- L'ÉLÉMENT QUI CRÉE LE REFLET (GLINT) --- */
        .btn-buy::after {
            content: '';
            position: absolute;
            top: 0;
            left: -150%; /* Position de départ (caché à gauche) */
            width: 50%;
            height: 100%;
            background: linear-gradient(
                to right, 
                rgba(255, 255, 255, 0) 0%, 
                rgba(255, 255, 255, 0.7) 50%, 
                rgba(255, 255, 255, 0) 100%
            );
            transform: skewX(-30deg); /* L'angle du reflet (comme une lame) */
            transition: left 0.6s ease; /* Vitesse du reflet */
        }

        /* --- L'ACTION AU SURVOL : LE REFLET PASSE VITE --- */
        .btn-buy:hover::after {
            left: 150%; /* Position d'arrivée (passé à droite) */
        }
    
    .top-nav {
        position: absolute;
        top: 0; left: 0; width: 100%;
        padding: 30px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 10;
    }

    .logo-portfolio {
        font-size: 0.8rem;
        font-weight: bold;
        letter-spacing: 3px;
        color: rgba(255, 255, 255, 0.5);
        text-transform: uppercase;
    }

    .site-footer {
        width: 100%;
		
        text-align: center;
        padding: 20px 0;
        background: rgba(0, 0, 0, 0.7);
    }

    .copyright {
        font-size: 0.7rem;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: rgba(255, 255, 255, 0.4);
    }

	.footer-info   {
		
	margin-top: 30px;
	border-top: 1px solid rgba(0,0,0,0.3);
	padding-top: 15px; 
	color: #555; 
	font-size: 0.85rem;
	
	}