/* — GLOBAL THEME: OUTDOOR / TRAIL (FOREST GREEN/EARTH/ORANGE) — */
:root {
–primary: #2E8B57; /* Sea Green */
–secondary: #8B4513; /* Saddle Brown */
–accent: #D2691E; /* Chocolate/Orange */
–dark: #1A2F25; /* Dark Forest */
–light: #F5F5DC; /* Beige */
–text: #333333;
}

body { margin: 0; padding: 0; box-sizing: border-box; background: #fff; font-family: ‘Verdana’, sans-serif; }

/* CONTAINER */
.lp-container {
max-width: 900px;
margin: 0 auto;
padding: 0 20px 60px 20px;
color: var(–text);
line-height: 2;
font-size: 19px;
}

/* TYPOGRAPHY */
h1 {
font-family: ‘Impact’, sans-serif;
font-size: 3rem;
font-weight: 400;
color: var(–primary);
line-height: 1.1;
margin-top: 40px;
margin-bottom: 20px;
letter-spacing: 1px;
text-transform: uppercase;
text-shadow: 2px 2px 0px var(–secondary);
}

.meta {
font-size: 0.9rem;
color: #888;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 40px;
border-bottom: 4px solid var(–secondary);
padding-bottom: 20px;
font-weight: 700;
}

h2 {
font-size: 2.2rem;
color: var(–secondary);
margin-top: 60px;
border-left: 10px solid var(–primary);
padding-left: 20px;
font-weight: 800;
}

h3 {
font-size: 1.5rem;
font-weight: 700;
margin-top: 40px;
color: var(–primary);
border-bottom: 2px solid #eee;
padding-bottom: 10px;
}

p { margin-bottom: 25px; }

/* CALLOUTS */
.highlight-box {
background: var(–light);
color: var(–dark);
padding: 40px;
border-radius: 8px;
font-weight: bold;
font-size: 1.2em;
margin: 50px 0;
text-align: center;
border: 4px solid var(–primary);
box-shadow: 0 10px 20px rgba(46, 139, 87, 0.2);
}

ul { margin-bottom: 30px; }
li { margin-bottom: 15px; }

/* IMAGE PLACEHOLDER */
.featured-image {
width: 100%; height: auto;
border-radius: 12px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
margin-bottom: 40px;
border-bottom: 6px solid var(–primary);
}

/* AD SLOT STYLING */
.ad-slot {
display: block;
width: 100%;
background: transparent;
text-align: center;
margin: 20px 0;
}

.button-ad-slot {
display: block;
width: 100%;
margin: 20px 0;
background: transparent;
text-align: center;
}

/* — SWEEPSTAKES SECTION — */
#sweeps-wrapper {
margin-top: 100px;
background: #fff;
border-radius: 20px;
box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.2);
overflow: hidden;
position: relative;
text-align: center;
scroll-margin-top: 40px;
border: 5px solid var(–primary);
}

.sweeps-header {
background: linear-gradient(135deg, var(–secondary) 0%, var(–primary) 100%);
padding: 50px 20px;
color: white;
}

.sweeps-header h3 { margin: 0; font-size: 40px; text-transform: uppercase; letter-spacing: 1px; font-weight: 900; color: #fff; font-family: ‘Impact’, sans-serif; text-shadow: 2px 2px 0px #000; }
.sweeps-header p { margin: 15px 0 0 0; opacity: 1; font-size: 20px; font-weight: 700; color: var(–accent); }

.sweeps-body { padding: 50px 20px; background-color: #fff; }

/* PRIZES */
.prize-grid {
display: grid;
grid-template-columns: 1fr;
gap: 15px;
text-align: left;
background: var(–light);
padding: 30px;
border: 2px solid var(–primary);
max-width: 600px;
margin: 0 auto 40px auto;
border-radius: 15px;
}
.prize-row { display: flex; align-items: center; font-weight: 700; color: var(–secondary); font-size: 20px; }
.icon { margin-right: 15px; font-size: 28px; }
.val { color: #fff; background: var(–primary); padding: 2px 8px; font-weight: 800; margin-right: 5px; text-transform: uppercase; border-radius: 4px; display: inline-block; }

/* TIMER */
#countdown {
display: flex;
justify-content: center;
gap: 15px;
margin: 40px 0;
}
.time-box {
background: var(–secondary);
color: #fff;
padding: 20px;
border-radius: 8px;
min-width: 80px;
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
border-bottom: 4px solid var(–primary);
}
.time-num { font-size: 36px; font-weight: 900; line-height: 1; display: block; }
.time-lbl { font-size: 12px; text-transform: uppercase; margin-top: 5px; color: #fff; font-weight: bold; }

/* BUTTON */
.enter-btn {
display: inline-block;
background: var(–primary);
color: #fff;
font-size: 26px;
font-weight: 900;
text-decoration: none;
padding: 30px 60px;
border-radius: 50px;
transition: transform 0.2s, background 0.2s;
text-transform: uppercase;
letter-spacing: 1px;
width: 90%;
max-width: 500px;
box-shadow: 0 10px 20px rgba(46, 139, 87, 0.4);
font-family: ‘Impact’, sans-serif;
}
.enter-btn:hover { transform: scale(1.02); background: var(–secondary); }

.legal-footer {
font-size: 12px;
color: #999;
margin-top: 60px;
line-height: 1.5;
text-align: left;
padding: 30px;
background: #f9f9f9;
border-top: 1px solid #eee;
}

/* — FIXED CENTERED POP-UP — */
#interaction-modal {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
z-index: 9999;
padding: 40px;
border-radius: 15px;
text-align: center;
box-shadow: 0 25px 100px rgba(0,0,0,0.5);
border: 4px solid var(–primary);
width: 90%;
max-width: 450px;
display: flex;
flex-direction: column;
align-items: center;
}

#modal-backdrop {
position: fixed; top: 0; left: 0; width: 100%; height: 100%;
background: rgba(255,255,255,0.8);
backdrop-filter: blur(5px);
z-index: 9998;
}

#start-btn {
background: var(–primary);
color: white;
border: none;
padding: 15px 30px;
font-size: 20px;
font-weight: 900;
cursor: pointer;
margin-top: 20px;
width: 100%;
text-transform: uppercase;
transition: transform 0.2s;
letter-spacing: 1px;
border-radius: 50px;
font-family: sans-serif;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
#start-btn:hover { transform: scale(1.05); background: var(–secondary); }

.fb-reminder {
background: #e7f3ff;
color: #1877f2;
padding: 15px;
border-radius: 8px;
margin-top: 20px;
font-size: 14px;
font-weight: bold;
border: 1px solid #1877f2;
font-family: sans-serif;
}

/* TOAST POPUP – CENTERED */
#toast {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
border: 3px solid var(–secondary);
padding: 30px 50px;
box-shadow: 0 20px 60px rgba(0,0,0,0.3);
font-weight: 900;
color: var(–primary);
font-size: 24px;
z-index: 10000;
display: none;
text-align: center;
width: 80%;
max-width: 450px;
text-transform: uppercase;
border-radius: 15px;
font-family: sans-serif;
}

canvas { position: fixed; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:9990; display:none; }

New Year New Trail: Win $500 In Outdoor Gear + Jackets & Backpacks

By Freebie Mom · Updated January 1, 2026 · Outdoors · Camping · Giveaways

If your New Year’s resolution involves hiking, camping, or just spending more time outside, you are going to need the right gear. Camel Outdoor is kicking off the year with a massive “New Year New Trail” event, and they aren’t just giving away one prize—they are clearing out the warehouse with 9 different winners.

From high-capacity backpacks for multi-day treks to versatile 3-in-1 jackets for unpredictable weather, this giveaway has everything you need to hit the trail. Plus, one lucky grand prize winner will score a $500 Gift Card to choose exactly what they want.

THE GRAND PRIZE:
“1 Winner will receive a $500 Camel Outdoor Gift Card to spend on tents, boots, or apparel. Plus, 8 other winners will receive Jackets and Backpacks!”

1. The Gear Breakdown (9 Winners Total)

Unlike many sweepstakes that only have one winner, this promotion gives you multiple shots at scoring gear. The prize pool is specifically curated for outdoor enthusiasts:

• Grand Prize (1 Winner): A $500 Gift Card. This is the ultimate prize because it lets you pick exactly the size and style you need.
• Apparel Winners (4 Winners): Two winners will receive a Women’s 3-in-1 Jacket, and two winners will receive a Men’s 3-in-1 Jacket. These jackets feature a waterproof shell and a warm inner layer, perfect for winter hiking.
• Backpack Winners (4 Winners): Whether you need a 65L pack for a week-long trip, an 18L pack for a day hike, or a 10L pack for a quick run, they are giving away two of each size.

2. Worldwide Eligibility

Most sweepstakes we cover are limited to the United States. This one is different. The New Year New Trail Giveaway is open Worldwide (except where prohibited by law).

This means whether you are hiking the Appalachian Trail in the US, the Cotswolds in the UK, or the Alps in Europe, you are eligible to enter and win.

3. How To Enter (Maximize Your Odds)

The entry process is managed through **Gleam**, which allows you to earn “Bonus Entries” for completing specific tasks.

The Strategy:
Don’t just enter once. The rules state: “The more entries you complete, the more chances you will win.”
Make sure you unlock the “Last Entry” bonus. Often, Gleam hides a high-value entry option that only unlocks after you have visited their Instagram or subscribed to their newsletter. Taking that extra step could be the difference between winning and losing.

4. The Short Timeline

This is a “Flash Giveaway.” You do not have months to wait around.

• Start Date: January 1, 2026
• End Date: January 15, 2026

The giveaway ends in just two weeks. This is actually good news for you—shorter giveaways usually have fewer total entries than year-long ones, meaning your statistical odds of winning are higher.

5. Winner Notification

Winners will be selected by random draw shortly after January 15th. Keep a close eye on your email inbox around that date. If you win, you usually have a limited window to claim your prize before they select an alternate winner.

Conclusion: Gear Up for 2026

Whether you need a new jacket for the winter chill or a heavy-duty backpack for your next adventure, this giveaway has you covered. It costs nothing to enter, and with 9 different prizes up for grabs, you have multiple ways to win.

Ready to enter? Click the button below!

WIN OUTDOOR GEAR

Camel Outdoor Giveaway

💰 Grand Prize: $500 Gift Card

🧥 Apparel: 4x 3-in-1 Jackets

🎒 Gear: 6x Backpacks

Ends Jan 15th!

00

Days

00

Hrs

00

Min

00

Sec

Quick Rules:

• Open Worldwide.
• 9 Total Winners.
• Ends Jan 15, 2026.

ENTER TO WIN NOW

(Redirects to Official Gleam Entry Form)

NO PURCHASE NECESSARY. Void where prohibited. Open Worldwide. Ends 1/15/2026.

Sponsor: Camel Outdoor US.
Prize: $500 Gift Card + Jackets/Backpacks.
See official rules at Gleam.io.

// CONFIGURATION
// End Date: Jan 15, 2026 23:59:59 PST
// Converting to UTC (PST is UTC-8)
// Jan 16, 2026 07:59:59 UTC
const END_DATE = new Date(“Jan 16, 2026 07:59:59”).getTime();

// SCROLL SPEED: 45 SECONDS
const SCROLL_DURATION = 45000;

// DOM ELEMENTS
const modal = document.getElementById(‘interaction-modal’);
const backdrop = document.getElementById(‘modal-backdrop’);
const startBtn = document.getElementById(‘start-btn’);
const toast = document.getElementById(‘toast’);
const confettiCanvas = document.getElementById(‘confetti’);
const targetSection = document.querySelector(‘.legal-footer’);

let isScrolling = false;
let scrollTimeouts = [];

// TIMER
function updateTimer() {
const now = new Date().getTime();
const distance = END_DATE – now;
if (distance < 0) { document.getElementById("d").innerText = "00"; return; }
const d = Math.floor(distance / (1000 * 60 * 60 * 24));
const h = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const m = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
const s = Math.floor((distance % (1000 * 60)) / 1000);
document.getElementById("d").innerText = d < 10 ? "0" + d : d;
document.getElementById("h").innerText = h < 10 ? "0" + h : h;
document.getElementById("m").innerText = m < 10 ? "0" + m : m;
document.getElementById("s").innerText = s clearTimeout(id));
scrollTimeouts = [];
}
}
[‘wheel’, ‘touchmove’, ‘keydown’, ‘mousedown’].forEach(evt => {
window.addEventListener(evt, stopAutoScroll);
});

// START
startBtn.addEventListener(‘click’, () => {
modal.style.display = ‘none’;
backdrop.style.display = ‘none’;
isScrolling = true;
fireConfetti();

// 8 TOASTS
const messages = [
“Starting… 🌲”,
“Win $500! 💰”,
“Win Jackets! 🧥”,
“Win Backpacks! 🎒”,
“Enter Now! ⏳”,
“No Purchase Needed! ✅”,
“Almost There… 📝”,
“Entry Form Below 👇”
];

messages.forEach((msg, index) => {
let tId = setTimeout(() => {
if(isScrolling) showToast(msg);
}, (index * 5500) + 1000);
scrollTimeouts.push(tId);
});

startSlowScroll();
});

function showToast(msg) {
toast.innerText = msg;
toast.style.display = ‘block’;
setTimeout(() => { toast.style.display = ‘none’; }, 3000);
}

// ANIMATION
function startSlowScroll() {
const startY = window.scrollY;
const endY = targetSection.getBoundingClientRect().top + window.scrollY – 50;
const change = endY – startY;
let startTime = null;

function animateScroll(timestamp) {
if (!isScrolling) return;
if (!startTime) startTime = timestamp;
const elapsed = timestamp – startTime;
const val = (elapsed / SCROLL_DURATION) * change + startY;
window.scrollTo(0, val);
if (elapsed < SCROLL_DURATION) {
requestAnimationFrame(animateScroll);
} else {
isScrolling = false;
}
}
requestAnimationFrame(animateScroll);
}

function fireConfetti() {
const ctx = confettiCanvas.getContext('2d');
confettiCanvas.style.display = 'block';
confettiCanvas.width = window.innerWidth;
confettiCanvas.height = window.innerHeight;
const particles = [];
const colors = ['#2E8B57', '#8B4513', '#D2691E']; // Green, Brown, Orange

for(let i=0; i {
ctx.fillStyle = p.c;
ctx.fillRect(p.x, p.y, 8, 8);
p.x += p.vx;
p.y += p.vy;
if(p.y < confettiCanvas.height) active = true;
});
if(active) requestAnimationFrame(draw);
else confettiCanvas.style.display = 'none';
}
draw();
}