/* ——————————————————-
BOX 1 — COUNTDOWN + OVERLAY
——————————————————- */
#meyers-box1 {
margin-bottom: 20px;
max-width: 860px;
margin-left: auto;
margin-right: auto;
}
#meyers-box1 .wrap {
background: #F8F7F2;
border-radius: 22px;
padding: 20px;
color: #2F5447;
border: 1px solid rgba(0, 0, 0, .1);
box-shadow: 0 10px 28px rgba(0, 0, 0, .12);
}
#meyers-box1 .bar {
height: 6px;
border-radius: 6px;
background: linear-gradient(90deg, #376F59, #77B39A, #EAF4F0);
margin-bottom: 14px;
}
#meyers-box1 h3 {
margin: 0 0 10px;
font-size: 21px;
font-weight: 800;
text-transform: uppercase;
color: #376F59;
}
#meyers-box1 .meta {
font-size: 14px;
opacity: .85;
margin-bottom: 14px;
}
#meyers-box1 .timer {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 12px;
}
#meyers-box1 .cell {
background: #EAF4F0;
border: 1px solid rgba(0, 0, 0, .1);
border-radius: 14px;
padding: 10px;
text-align: center;
}
#meyers-box1 .num {
font-size: 30px;
font-weight: 900;
color: #376F59;
}
#meyers-box1 .lbl {
font-size: 12px;
text-transform: uppercase;
opacity: .8;
}

/* ——————————————————-
BOX 1 — OVERLAY
——————————————————- */
#meyers-overlay {
position: fixed;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, .65);
z-index: 99999;
}
#meyers-overlay .box {
background: #F8F7F2;
border: 3px solid #376F59;
border-radius: 22px;
padding: 34px;
text-align: center;
max-width: 420px;
box-shadow: 0 8px 32px rgba(0, 0, 0, .35);
}
#meyers-overlay h2 {
font-size: 24px;
color: #376F59;
font-weight: 900;
margin-bottom: 10px;
}
#meyers-overlay p {
font-size: 16px;
color: #2F5447;
margin-bottom: 20px;
}
#meyers-overlay button {
background: linear-gradient(90deg, #376F59, #77B39A);
color: #fff;
font-weight: 800;
border: none;
border-radius: 16px;
padding: 14px 26px;
cursor: pointer;
box-shadow: 0 6px 20px rgba(55, 111, 89, .4);
}
#meyers-skip {
display: none;
margin-top: 10px;
font-size: 13px;
color: #376F59;
opacity: .8;
cursor: pointer;
text-decoration: underline;
}

/* ——————————————————-
BOX 2 — STARTER CARD
——————————————————- */
#meyers-box2 {
margin-bottom: 20px;
max-width: 860px;
margin-left: auto;
margin-right: auto;
}
#meyers-box2 .card {
background: #fff;
border: 2px solid #376F59;
border-radius: 22px;
padding: 26px;
text-align: center;
box-shadow: 0 12px 28px rgba(0, 0, 0, .12);
}
#meyers-box2 h3 {
margin: 6px 0 12px;
font-size: 22px;
color: #376F59;
font-weight: 900;
}
#meyers-box2 .sub {
font-size: 15px;
margin-bottom: 12px;
color: #2F5447;
opacity: .85;
}
#meyers-box2 .cta {
display: inline-block;
margin-top: 12px;
background: linear-gradient(90deg, #376F59, #77B39A);
color: #fff;
border-radius: 16px;
padding: 14px 34px;
font-weight: 800;
font-size: 18px;
text-decoration: none;
box-shadow: 0 6px 20px rgba(55, 111, 89, .35);
}

/* POPUPS */
#meyers-popup {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #EAF4F0;
padding: 24px;
border-radius: 18px;
box-shadow: 0 0 32px rgba(0, 0, 0, .25);
z-index: 9999;
font-size: 18px;
font-weight: 800;
color: #376F59;
text-align: center;
}
canvas#meyers-confetti {
position: fixed;
inset: 0;
pointer-events: none;
z-index: 9998;
display: none;
}

/* ——————————————————-
BOX 3 — ENTRY SECTION
——————————————————- */
#meyers-box3 .shell {
background: #F8F7F2;
border: 2px solid #376F59;
border-radius: 22px;
padding: 20px;
box-shadow: 0 10px 28px rgba(0, 0, 0, .08);
}
#meyers-box3 h3 {
margin: 6px 0 14px;
font-size: 21px;
color: #376F59;
font-weight: 900;
text-align: center;
}
#meyers-box3 .cta {
display: block;
text-align: center;
background: #376F59;
color: #fff;
border-radius: 14px;
padding: 16px;
font-weight: 900;
margin: 18px auto;
max-width: 320px;
text-decoration: none;
box-shadow: 0 6px 14px rgba(55, 111, 89, .4);
font-size: 20px;
animation: pulse 1.5s infinite;
}
@keyframes pulse {
0%,100% { transform: scale(1); }
50% { transform: scale(1.07); }
}
#meyers-box3 .grid {
display: grid;
gap: 16px;
}
#meyers-box3 .recap {
background: #fff;
border: 1px solid #BFD9CE;
border-radius: 14px;
padding: 14px;
}
#meyers-box3 .recap dt {
font-weight: 800;
color: #376F59;
}
#meyers-box3 .recap dd {
margin: 0;
}

There’s a difference between “my house smells nice” and “my house smells like I hired a $400-an-hour holiday home stylist.” The trick isn’t a designer candle collection or imported garland. It’s scent — layered, intentional, and chosen like a mood board.

Below are the twelve scent profiles that instantly elevate a space, make guests pay attention, and give your home that polished, cozy, holiday-ready feel without spending designer-level money.

Warm Vanilla Sugar, But Make It Adult
Vanilla is timeless, but the cheap versions smell like teenage body spray. An elevated vanilla has depth: real vanilla bean, a touch of caramelized sugar, and a soft cashmere-like finish. This combo fills a room without overpowering it, and it sets the tone for a cozy, lived-in space. It’s especially stunning in bedrooms and living rooms because it warms up with body heat, blankets, and low lighting. If you want a scent that makes your home feel instantly welcoming, this is your move.

Fir Tree Without the Pine Cleaner Vibe
Most “pine” scents lean sharp and chemical because they mimic cleaning solutions, not real trees. What you want is fir or balsam — deeper, richer, more resinous. These oils smell like you dragged a fresh-cut tree straight into your living room and wrapped it in soft white lights. Fir is also one of the easiest scents to layer because it doesn’t fight with food aromas or other holiday fragrances. If you want your home to feel like a luxury ski lodge, this is the foundation note.

Clove + Orange Peel
This is the scent profile that screams holiday warmth without being suffocating. Clove brings the spice and comfort. Orange peel cuts through with brightness and freshness. Together, they smell like stovetop simmer pots, mulled cider, and the kind of kitchen that people naturally gather in. Use this scent in kitchens, dining rooms, and entryways — anywhere you want to create an instant mood boost when people walk in.

Amber Woods
Amber wood blends are rich, moody, and quietly glamorous. They feel expensive because they linger long after you walk into a room. This scent works incredibly well in spaces with warm lighting or darker décor, giving everything that boutique-hotel softness. If your holiday style leans “cozy luxe,” amber woods sets the entire tone.

Cranberry Fig
Cranberry is festive. Fig is deep, velvety, and subtle. When combined, you get a scent that’s sweet but mature, fruity but not childish. This blend works beautifully in entryways because it creates an elegant first impression without overwhelming guests. It’s also one of the best scents for open-floor-plan homes because it balances both warm and cool fragrance notes.

Peppermint Vanilla
Straight peppermint is too sharp for most homes — it feels more like toothpaste than holiday. Pair it with vanilla and suddenly it becomes soft, cool, and spa-level soothing. This is an excellent bathroom or laundry-room scent because it feels clean without being sterile. It also performs well in small spaces where you want brightness without intensity.

Cedar Smoke
If you want the fireplace vibe without owning a fireplace, this is the cheat code. Cedar smoke is earthy, warm, and slightly nostalgic. It pairs beautifully with wood furniture, candles, garlands, and knit textures. This scent adds instant depth to a room and makes even minimalist décor feel layered and intentional. Ideal for living rooms, dens, and anywhere guests sit for longer stretches.

Spiced Apple Bourbon
Apple scents alone are usually too light for holiday use. Add bourbon, and suddenly the scent becomes richer, warmer, and more complex. It’s a crowd-pleaser because it reads festive, cozy, and slightly indulgent. Perfect for hosting nights or dinner parties because the warmth blooms as the air heats up.

Ginger + Molasses
Think gingerbread cookies — but elevated, darker, and more grown-up. Ginger gives a punchy brightness while molasses provides a deep caramel base. This scent works especially well in kitchens and dining areas because it blends effortlessly with real baking aromas. It’s the perfect background scent when you want your home to smell like you’ve been prepping holiday treats all day, even if all you “prepped” was a DoorDash order.

Frosted Eucalyptus
Clean, cold, refreshing — like winter air but filtered through a luxury spa. Frosted eucalyptus cuts through heavy holiday food scents and keeps bathrooms smelling crisp. It’s also great for homes with pets because eucalyptus blends are surprisingly effective at neutralizing lingering odors without smelling medicinal.

Winter Citrus
Citrus isn’t just a summer scent. Blood orange, mandarin, and clementine all shine in winter blends because they brighten up heavy holiday fragrances. This scent makes your home feel energetic and modern, especially when layered with woods or light spice. Use it in kitchens, offices, or anywhere you want a little extra lift.

Holiday Spice Blend (Cinnamon + Nutmeg + Tonka)
Cinnamon brings the heat. Nutmeg brings the nostalgia. Tonka bean adds that creamy, luxurious finish. This is the classic holiday scent done properly — not too sweet, not too sharp, and never cloying. It’s the perfect final layer for any home trying to capture that warm, glowing holiday feel.

A Bonus for Scent Lovers: Mrs. Meyer’s Scented Oils Giveaway

If holiday scents are your love language, Mrs. Meyer’s is running a scented oils giveaway right now on Instagram.

document.addEventListener(“DOMContentLoaded”, () => {

/* TIMER */
const d = document.getElementById(“m-d”);
const h = document.getElementById(“m-h”);
const m = document.getElementById(“m-m”);
const s = document.getElementById(“m-s”);

const endDate = new Date(“2025-11-17T07:59:59Z”).getTime(); /* 11:59 PM PT */

function updateTimer() {
const now = Date.now();
const diff = endDate – now;

if (diff { skipBtn.style.display = “block”; }, 5000);

/* OVERLAY DISMISS */
function removeOverlayOnly() {
if (overlay) overlay.remove();
}

/* OVERLAY → START FULL EXPERIENCE */
function startExperience(e) {
e.preventDefault();
if (overlay) overlay.remove();
beginSequence();
}

startBtn.addEventListener(“click”, startExperience);
skipBtn.addEventListener(“click”, startExperience);

overlay.addEventListener(“click”, e => {
if (e.target === overlay) removeOverlayOnly();
});

/* CONFETTI */
function launchConfetti() {
const ctx = confettiCanvas.getContext(“2d”);
confettiCanvas.width = window.innerWidth;
confettiCanvas.height = window.innerHeight;
confettiCanvas.style.display = “block”;

let parts = [];
const colors = [“#376F59”, “#77B39A”, “#EAF4F0”, “#BFD9CE”];

for (let i = 0; i confettiCanvas.height) p.y = -10;
}
requestAnimationFrame(draw);
})();
}

/* POPUPS + SCROLL EXPERIENCE */
function beginSequence() {
launchConfetti();

popup.style.display = “none”;
factTimeouts.forEach(clearTimeout);
factTimeouts = [];

const facts = [
“Mrs. Meyer’s is choosing 50 winners!”,
“Follow @mrsmeyerscleanday to enter.”,
“Like and save the giveaway post.”,
“Comment your dream holiday scent.”,
“Share to your story for a bonus entry!”
];

facts.forEach((fact, i) => {
const show = setTimeout(() => {
popup.textContent = fact;
popup.style.display = “block”;
const hide = setTimeout(() => popup.style.display = “none”, 9500);
factTimeouts.push(hide);
}, 1000 + 10000 * i);
factTimeouts.push(show);
});

setTimeout(() => smoothScrollToEntry(), 2000);
}

/* SMOOTH SCROLL */
function smoothScrollToEntry() {
const startY = window.pageYOffset;
const endY = entryBtn.getBoundingClientRect().top + startY;
const distance = endY – startY;
const duration = window.innerWidth < 768 ? 45000 : 30000;
let startTime = null;

function step(ts) {
if (!startTime) startTime = ts;
const progress = Math.min((ts – startTime) / duration, 1);
window.scrollTo(0, startY + distance * progress);

if (progress document.body.style.overflowY = “auto”, 2000);
scrollAnimationId = null;
}
}

scrollAnimationId = requestAnimationFrame(step);
}

/* INTERRUPT ON MANUAL SCROLL / CLICK */
window.addEventListener(“mousedown”, e => {
if (scrollAnimationId !== null) {
cancelAnimationFrame(scrollAnimationId);
scrollAnimationId = null;
document.body.style.overflowY = “auto”;
}
popup.style.display = “none”;
factTimeouts.forEach(clearTimeout);
factTimeouts = [];
});

/* BACKUP ENTER BUTTON */
backupEnter.addEventListener(“click”, e => {
e.preventDefault();
beginSequence();
});

/* MAIN ENTRY BUTTON → CONFETTI */
entryBtn.addEventListener(“click”, () => {
launchConfetti();
});

});