:root {
–mcd-gold: #FFC72C;
–mcd-red: #DA291C;
–luxury-black: #1a1a1a;
–caviar-silver: #e0e0e0;
}

.mcd-caviar-landing {
font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
background-color: var(–luxury-black);
color: white;
text-align: center;
padding: 0;
margin: 0;
border-radius: 15px;
overflow: hidden;
}

.hero-section {
background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url(‘https://images.unsplash.com/photo-1519708227418-c8fd9a32b7a2?auto=format&fit=crop&q=80&w=1000’) center/cover;
padding: 80px 20px;
border-bottom: 5px solid var(–mcd-gold);
}

.badge {
background-color: var(–mcd-red);
color: white;
padding: 8px 20px;
border-radius: 50px;
font-weight: bold;
display: inline-block;
margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: 2px;
}

h1 {
font-size: 3.5rem;
margin: 10px 0;
color: var(–mcd-gold);
text-transform: uppercase;
}

.subtitle {
font-size: 1.5rem;
font-style: italic;
margin-bottom: 30px;
}

/* Countdown Timer */
.timer-container {
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
display: flex;
justify-content: center;
gap: 20px;
padding: 30px;
margin: 20px auto;
max-width: 600px;
border-radius: 15px;
border: 1px solid var(–mcd-gold);
}

.timer-block {
display: flex;
flex-direction: column;
}

.timer-num {
font-size: 2.5rem;
font-weight: bold;
color: var(–mcd-gold);
}

.timer-label {
font-size: 0.8rem;
text-transform: uppercase;
}

/* Content Sections */
.info-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
padding: 50px 20px;
background: white;
color: var(–luxury-black);
}

.info-card {
padding: 20px;
border: 1px solid #ddd;
border-radius: 10px;
transition: transform 0.3s;
}

.info-card:hover {
transform: translateY(-10px);
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.cta-button {
background-color: var(–mcd-gold);
color: var(–luxury-black);
padding: 20px 40px;
font-size: 1.5rem;
font-weight: bold;
text-decoration: none;
border-radius: 50px;
display: inline-block;
margin-top: 40px;
transition: background 0.3s;
}

.cta-button:hover {
background-color: white;
box-shadow: 0 0 20px var(–mcd-gold);
}

.limited-text {
color: var(–mcd-red);
font-weight: bold;
margin-top: 15px;
}

footer {
padding: 40px;
font-size: 0.9rem;
opacity: 0.7;
}

// Set the date we’re counting down to
const countDownDate = new Date(“Feb 10, 2026 11:00:00”).getTime();

const x = setInterval(function() {
const now = new Date().getTime();
const distance = countDownDate – now;

const days = Math.floor(distance / (1000 * 60 * 60 * 24));
const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((distance % (1000 * 60)) / 1000);

document.getElementById(“days”).innerHTML = days < 10 ? "0"+days : days;
document.getElementById("hours").innerHTML = hours < 10 ? "0"+hours : hours;
document.getElementById("minutes").innerHTML = minutes < 10 ? "0"+minutes : minutes;
document.getElementById("seconds").innerHTML = seconds < 10 ? "0"+seconds : seconds;

if (distance < 0) {
clearInterval(x);
document.getElementById("countdown").innerHTML = "

DROP IS LIVE! GO GO GO!

“;
}
}, 1000);