/* GOLD PALETTE */
:root {
–gold1:#b8860b;
–gold2:#d4af37;
–gold3:#ffe9a9;
–gold-dark:#5c4a0a;
}

/* Box 1 */
#pepsi-box1 .wrap {
background:#fffdf6;
border-radius:22px;
padding:20px;
border:1px solid rgba(0,0,0,.15);
box-shadow:0 10px 28px rgba(0,0,0,.12);
}
#pepsi-box1 .bar {
height:6px;
background:linear-gradient(90deg,var(–gold1),var(–gold2),var(–gold3));
border-radius:6px;
margin-bottom:14px;
}
#pepsi-box1 h3 {
font-size:22px;
margin:0 0 10px;
color:var(–gold1);
font-weight:900;
text-transform:uppercase;
}
#pepsi-box1 .meta {
font-size:14px;
opacity:.85;
margin-bottom:14px;
color:var(–gold-dark);
}
#pepsi-box1 .timer {
display:grid;
grid-template-columns:repeat(4,1fr);
gap:12px;
}
#pepsi-box1 .cell {
background:#fff9e8;
border:1px solid rgba(0,0,0,.1);
border-radius:14px;
padding:10px;
text-align:center;
}
#pepsi-box1 .num {
font-size:30px;
font-weight:900;
color:var(–gold1);
}
#pepsi-box1 .lbl {
text-transform:uppercase;
font-size:12px;
opacity:.75;
}

/* OVERLAY */
#pepsi-overlay {
position:fixed;
inset:0;
background:rgba(0,0,0,.65);
display:flex;
align-items:center;
justify-content:center;
z-index:99999;
}
#pepsi-overlay .box {
background:#fffdf3;
border:3px solid var(–gold1);
border-radius:22px;
padding:34px;
text-align:center;
max-width:420px;
box-shadow:0 10px 30px rgba(0,0,0,.4);
}
#pepsi-overlay h2 {
font-size:24px;
margin:0 0 10px;
font-weight:900;
color:var(–gold1);
}
#pepsi-overlay button {
background:linear-gradient(90deg,var(–gold1),var(–gold2));
border:none;
padding:14px 26px;
border-radius:16px;
color:#fff;
cursor:pointer;
font-weight:800;
box-shadow:0 6px 20px rgba(180,138,20,.45);
}
#pepsi-skip {
display:none;
margin-top:10px;
text-decoration:underline;
font-size:13px;
color:var(–gold1);
cursor:pointer;
}

/* Box 2 Styles */
#pepsi-box2 {
margin-top:20px;
margin-bottom:20px;
max-width:860px;
margin-left:auto;
margin-right:auto;
}
#pepsi-box2 .card {
background:#ffffff;
border:2px solid var(–gold1);
border-radius:22px;
padding:26px;
text-align:center;
box-shadow:0 12px 28px rgba(0,0,0,.12);
}
#pepsi-box2 h3 {
margin:6px 0 12px;
font-size:22px;
font-weight:900;
color:var(–gold1);
}
#pepsi-box2 .sub {
font-size:15px;
margin-bottom:12px;
color:var(–gold-dark);
opacity:.85;
}
#pepsi-box2 .cta {
display:inline-block;
margin-top:12px;
padding:14px 34px;
border-radius:16px;
font-weight:800;
text-decoration:none;
font-size:18px;
background:linear-gradient(90deg,var(–gold1),var(–gold2));
color:#fff;
box-shadow:0 6px 20px rgba(184,134,11,.35);
}

/* Popup Styles */
#pepsi-popup {
display:none;
position:fixed;
top:50%;
left:50%;
transform:translate(-50%, -50%);
background:#fff8e0;
border-radius:18px;
padding:24px;
z-index:9999;
font-size:18px;
font-weight:800;
color:var(–gold1);
text-align:center;
box-shadow:0 0 32px rgba(0,0,0,.25);
}

/* Confetti Canvas */
canvas#pepsi-confetti {
position:fixed;
inset:0;
pointer-events:none;
display:none;
z-index:9990;
}

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

/* —————————— */
/* ELEMENTS */
/* —————————— */
const overlay = document.getElementById(“pepsi-overlay”);
const startBtn = document.getElementById(“pepsi-start”);
const skipBtn = document.getElementById(“pepsi-skip”);
const popup = document.getElementById(“pepsi-popup”);
const backupBtn = document.getElementById(“backup-enter”);
const confettiCanvas = document.getElementById(“pepsi-confetti”);

const finalEntryBtn = null;
// Final button appears in BOX 3, script there re-selects it.

let factTimeouts = [];
let scrollAnimationId = null;

/* —————————— */
/* TIMER LOGIC (FROM PART 1) */
/* —————————— */
const daysEl = document.getElementById(“p-d”);
const hoursEl = document.getElementById(“p-h”);
const minutesEl = document.getElementById(“p-m”);
const secondsEl = document.getElementById(“p-s”);

const endDate = new Date(“2025-12-10T23:59:59Z”).getTime();

function pad(n){ return n < 10 ? "0"+n : n; }

function updateTimer(){
const diff = endDate – Date.now();
if(diff { skipBtn.style.display=”block”; },5000);

function beginExperience(){
overlay.remove();
pepsiBegin();
}

startBtn.onclick = beginExperience;
skipBtn.onclick = beginExperience;

/* —————————— */
/* CONFETTI FUNCTION */
/* —————————— */
function launchConfetti(){
if(!confettiCanvas) return;

const ctx = confettiCanvas.getContext(“2d”);
confettiCanvas.width = window.innerWidth;
confettiCanvas.height = window.innerHeight;
confettiCanvas.style.display = “block”;

let particles = [];
const colors = [“#b8860b”,”#d4af37″,”#ffe9a9″,”#fbe7b1″];

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

/* —————————— */
/* POPUP FACTS + SCROLL SEQUENCE */
/* —————————— */

function pepsiBegin(){
launchConfetti();

/* POPUP FACTS */
const facts=[
“This is a limited-time Instagram sweepstakes!”,
“500 Pepsi ‘Treat Yourself’ prizes available!”,
“Entry requires following @Pepsi + commenting #PepsiSweepstakes!”,
“Winners notified by email after Dec 10!”,
“Get ready — scrolling to the entry button!”
];

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

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 + (i*10000));
factTimeouts.push(show);
});

/* SCROLL AFTER 2 SECONDS (Box 3 selects final button there) */
setTimeout(()=>{
const finalBtn = document.getElementById(“pepsi-entry”);
if(!finalBtn) return;

if(scrollAnimationId) cancelAnimationFrame(scrollAnimationId);

const startY = window.pageYOffset;
const endY = finalBtn.getBoundingClientRect().top + startY – 100;
const dist = endY – startY;
const duration = window.innerWidth < 768 ? 45000 : 30000;

let startTime=null;

function step(ts){
if(!startTime) startTime=ts;
const prog = Math.min((ts – startTime)/duration,1);
window.scrollTo(0,startY + dist*prog);
if(prog document.body.style.overflowY=”auto”,1500);
}
}
scrollAnimationId = requestAnimationFrame(step);
},2000);

} // END pepsiBegin()

/* —————————— */
/* USER INTERRUPT */
/* —————————— */
window.addEventListener(“mousedown”,e=>{
let pop = popup && popup.style.display===”block”;
let scrolling = scrollAnimationId !== null;

if(pop || scrolling){
if(e.target.closest(“a,button”)) return;
if(scrolling){
cancelAnimationFrame(scrollAnimationId);
scrollAnimationId=null;
}
if(pop){
popup.style.display=”none”;
factTimeouts.forEach(clearTimeout);
factTimeouts=[];
}
}
});

/* Backup Button */
backupBtn.onclick = e=>{
e.preventDefault();
pepsiBegin();
};

});

Holiday spending looks very different this year — and honestly, it makes sense.
For the first time in a long time, shoppers aren’t waiting for someone else to surprise them. They’re gifting themselves something small, something fun, something that makes the season feel a little less chaotic and a lot more enjoyable.

And no, it’s not selfish. It’s actually backed by consumer psychology, economic trends, and a whole lot of “I deserve this” energy.

Welcome to treat yourself season — the most relatable holiday shift of 2025.

The Rise of Self-Treating: A Real Economic Trend

Analysts have been tracking something interesting this year: despite inflation and tighter budgets, more people are intentionally adding a “me gift” to their holiday spending.

Not giant splurges — but small, satisfying upgrades.
Things like premium drinks, elevated snacks, cozy home items, craft-style treats, and those little luxuries that turn a regular day into a moment.

This isn’t impulse buying. It’s strategic happiness spending.

Consumers are saying:
“If I’m going to survive the holiday rush, I’m allowed something for myself.”

And honestly? They’re right.

Why Self-Gifts Feel Better in 2025

People aren’t looking for clutter or random gadgets anymore. They want experiences, moments, and products that create a vibe — something that lifts the mood, feels like a reward, or just makes the season more fun.

Behavior experts call this emotional return on investment. You’re not just buying a product. You’re buying a mental reset.

That’s why experiential items are trending hard right now:

• Limited-edition flavors
• Curated seasonal boxes
• Small luxury drink kits
• Dessert-inspired beverages
• Festive accessories and goodies
• Things that feel like a treat even if they’re under $10

Consumers want something that hits the nostalgia button and the dopamine button at the same time.

Social Media Made Treating Yourself… Required

Platforms like Instagram and TikTok changed the game.
Once people started sharing their own “small holiday joys,” the trend exploded.

Treating yourself isn’t indulgent anymore — it’s encouraged.
It’s part of modern holiday culture.

And brands noticed.

Instead of pushing giant big-ticket items, they’re releasing small drops, holiday-exclusive drinks, and fun kits designed to deliver tiny moments of happiness.

The “Small Luxury” Boom

There’s a reason affordable little luxuries are outperforming traditional gift categories.

A $7 seasonal drink kit or a $10 curated treat box has more emotional impact than a random stocking stuffer. It feels intentional instead of obligatory. It’s personal instead of generic.

Consumers are choosing small things that feel big — because the feeling is the whole point.

The Holiday Treat-Yourself Movement Is Here to Stay

Economists expect this shift to continue into 2026.
People no longer want to wait for permission to enjoy something. They want things that fit their mood, their moment, and their budget — and brands are releasing more seasonal, limited, or experiential items than ever before.

This trend isn’t temporary.
This is the new normal.

A Seasonal Drop That Fits the Trend Perfectly

If you like limited holiday goodies, Pepsi is currently running a national “treat yourself” themed sweep that lines up exactly with everything happening this year.

It’s not a discount — it’s a sweepstakes with 500 curated prize boxes.
Each one includes:

• An etched milkshake glass
• Two reusable straws
• A jar of cherries
• A Pepsi Wild Cherry & Cream
• A Pepsi Wild Cherry & Cream Zero Sugar

It’s basically a tiny holiday dessert moment in a box — and it matches the 2025 self-treat trend perfectly.

You can see the official drop here:

Entry is done directly through Instagram on Pepsi’s CTA post once it’s live. No purchase needed.

Not sponsored — just a seasonal treat-yourself moment that fits the vibe of 2025 flawlessly.

#pepsi-box3 {
margin-top:20px;
max-width:860px;
margin-left:auto;
margin-right:auto;
}
#pepsi-box3 .shell {
background:#fffdf5;
border:2px solid #d4af37;
border-radius:22px;
padding:22px;
box-shadow:0 12px 28px rgba(0,0,0,.12);
}
#pepsi-box3 h3 {
text-align:center;
font-size:22px;
font-weight:900;
color:#b8860b;
margin:12px 0;
}
#pepsi-entry {
display:block;
text-align:center;
padding:18px;
max-width:320px;
margin:20px auto;
color:white !important;
background:linear-gradient(90deg,#b8860b,#d4af37,#b8860b);
border-radius:16px;
font-weight:900;
font-size:20px;
text-decoration:none !important;
box-shadow:0 8px 20px rgba(184,134,11,.45);
animation:pulseBTN 1.5s infinite;
}
@keyframes pulseBTN {
0%,100% { transform:scale(1); }
50% { transform:scale(1.08); }
}

#pepsi-box3 .grid {
display:grid;
gap:16px;
margin-top:20px;
}
#pepsi-box3 .recap {
background:#ffffff;
border-radius:16px;
border:1px solid #f0e2b6;
padding:16px;
box-shadow:0 4px 10px rgba(0,0,0,.06);
}
#pepsi-box3 .recap h4 {
margin:0 0 10px;
font-size:18px;
font-weight:900;
color:#b8860b;
}
#pepsi-box3 .recap ul {
margin:0;
padding-left:18px;
font-size:15px;
}
#pepsi-box3 .recap dl dt {
font-size:15px;
font-weight:900;
color:#b8860b;
}
#pepsi-box3 .recap dl dd {
margin:0 0 6px;
font-size:15px;
}

document.addEventListener(“DOMContentLoaded”, () => {
const btn = document.getElementById(“pepsi-entry”);
btn.addEventListener(“click”, () => {
const canvas = document.getElementById(“pepsi-confetti”);
if(!canvas) return;

const ctx = canvas.getContext(“2d”);
canvas.style.display=”block”;
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;

let parts=[];
const colors=[“#b8860b”,”#d4af37″,”#ffe9a9″,”#fbe7b1″];

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