Summer of Fever-Tree® Instant Win Game
/* ============================================================
SCOPED ROOT: .fm-scroll-page-fevertree
All selectors prefixed — zero theme bleed
============================================================ */
.fm-scroll-page-fevertree {
font-family: ‘Segoe UI’, Arial, sans-serif;
background: #fff;
color: #1a1a1a;
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* —- HERO —- */
.fm-scroll-page-fevertree .fm-hero {
background: linear-gradient(135deg, #1b4332 0%, #2d6a4f 40%, #40916c 100%);
color: #fff;
padding: 40px 20px 36px;
text-align: center;
}
.fm-scroll-page-fevertree .fm-hero-badge {
display: inline-block;
background: rgba(255,255,255,0.15);
color: #fff;
font-size: 11px;
font-weight: 800;
letter-spacing: 2px;
text-transform: uppercase;
padding: 4px 14px;
border-radius: 20px;
margin-bottom: 14px;
}
.fm-scroll-page-fevertree .fm-hero-title {
font-size: clamp(22px, 5vw, 44px);
font-weight: 900;
line-height: 1.15;
margin: 0 0 10px;
text-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
.fm-scroll-page-fevertree .fm-hero-sub {
font-size: clamp(14px, 2.5vw, 18px);
opacity: 0.95;
margin: 0 0 20px;
}
.fm-scroll-page-fevertree .fm-arv-pill {
display: inline-block;
background: rgba(255,255,255,0.18);
border: 2px solid #fff;
color: #fff;
font-size: 15px;
font-weight: 800;
padding: 6px 20px;
border-radius: 30px;
margin-bottom: 22px;
}
/* —- COUNTDOWN —- */
.fm-scroll-page-fevertree .fm-countdown {
display: flex;
justify-content: center;
gap: 12px;
margin: 0 0 26px;
flex-wrap: wrap;
}
.fm-scroll-page-fevertree .fm-cd-box {
background: rgba(0,0,0,0.22);
border-radius: 10px;
padding: 10px 16px;
min-width: 64px;
text-align: center;
}
.fm-scroll-page-fevertree .fm-cd-num {
display: block;
font-size: 28px;
font-weight: 900;
line-height: 1;
}
.fm-scroll-page-fevertree .fm-cd-label {
display: block;
font-size: 10px;
letter-spacing: 1.5px;
text-transform: uppercase;
opacity: 0.85;
margin-top: 4px;
}
/* —- HERO CTA —- */
.fm-scroll-page-fevertree .fm-hero-cta {
display: inline-block;
background: #d4af37;
color: #1b4332;
font-size: clamp(17px, 3vw, 22px);
font-weight: 900;
padding: 16px 44px;
border-radius: 50px;
border: none;
cursor: pointer;
box-shadow: 0 6px 24px rgba(0,0,0,0.25);
letter-spacing: 1px;
text-transform: uppercase;
margin-top: 6px;
transition: transform 0.15s;
}
.fm-scroll-page-fevertree .fm-hero-cta:hover {
transform: scale(1.04);
}
/* —- STATS PILLS —- */
.fm-scroll-page-fevertree .fm-stats {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
margin-top: 22px;
}
.fm-scroll-page-fevertree .fm-stat-pill {
background: rgba(255,255,255,0.15);
border: 1px solid rgba(255,255,255,0.4);
color: #fff;
font-size: 12px;
font-weight: 700;
padding: 5px 14px;
border-radius: 20px;
}
/* —- INSTANT WIN BANNER —- */
.fm-scroll-page-fevertree .fm-instant-banner {
background: linear-gradient(135deg, #d4af37, #f0c040);
color: #1b4332;
text-align: center;
padding: 18px 20px;
font-size: clamp(15px, 3vw, 20px);
font-weight: 900;
letter-spacing: 0.5px;
}
/* —- TOC —- */
.fm-scroll-page-fevertree .fm-toc {
background: #d8f3dc;
border-left: 5px solid #2d6a4f;
padding: 20px 24px;
margin: 28px 20px;
border-radius: 8px;
}
.fm-scroll-page-fevertree .fm-toc-title {
font-weight: 800;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
color: #1b4332;
margin-bottom: 10px;
}
.fm-scroll-page-fevertree .fm-toc ol {
margin: 0;
padding-left: 20px;
}
.fm-scroll-page-fevertree .fm-toc li {
margin-bottom: 6px;
font-size: 14px;
}
.fm-scroll-page-fevertree .fm-toc a {
color: #1b4332;
text-decoration: none;
font-weight: 600;
}
/* —- SECTIONS —- */
.fm-scroll-page-fevertree .fm-section {
padding: 32px 20px;
max-width: 780px;
margin: 0 auto;
}
.fm-scroll-page-fevertree .fm-section-alt {
background: #f0faf4;
padding: 32px 20px;
}
.fm-scroll-page-fevertree .fm-section-alt > * {
max-width: 780px;
margin-left: auto;
margin-right: auto;
}
.fm-scroll-page-fevertree h2 {
font-size: clamp(20px, 4vw, 30px);
font-weight: 900;
color: #1b4332;
margin: 0 0 16px;
line-height: 1.2;
}
.fm-scroll-page-fevertree p {
font-size: 16px;
line-height: 1.75;
margin: 0 0 16px;
color: #2a2a2a;
}
/* —- HIGHLIGHT BOX —- */
.fm-scroll-page-fevertree .fm-highlight-box {
background: #d8f3dc;
border-left: 5px solid #2d6a4f;
border-radius: 8px;
padding: 16px 20px;
font-size: 15px;
line-height: 1.65;
margin: 20px 0;
color: #1a1a1a;
}
/* —- PRIZE GRID —- */
.fm-scroll-page-fevertree .fm-prize-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 16px;
margin: 20px 0;
}
.fm-scroll-page-fevertree .fm-prize-card {
background: #fff;
border: 2px solid #b7e4c7;
border-radius: 12px;
padding: 18px 14px;
text-align: center;
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.fm-scroll-page-fevertree .fm-pc-icon {
font-size: 32px;
display: block;
margin-bottom: 8px;
}
.fm-scroll-page-fevertree .fm-pc-name {
font-size: 13px;
font-weight: 800;
color: #1b4332;
margin-bottom: 4px;
}
.fm-scroll-page-fevertree .fm-pc-count {
font-size: 12px;
color: #555;
margin-bottom: 3px;
}
.fm-scroll-page-fevertree .fm-pc-arv {
font-size: 13px;
font-weight: 700;
color: #2d6a4f;
}
/* —- STEPS —- */
.fm-scroll-page-fevertree .fm-steps {
list-style: none;
padding: 0;
margin: 16px 0;
}
.fm-scroll-page-fevertree .fm-steps li {
display: flex;
align-items: flex-start;
gap: 14px;
padding: 14px 0;
border-bottom: 1px solid #d8f3dc;
font-size: 15px;
line-height: 1.6;
}
.fm-scroll-page-fevertree .fm-steps li:last-child {
border-bottom: none;
}
.fm-scroll-page-fevertree .fm-step-num {
background: #2d6a4f;
color: #fff;
font-size: 13px;
font-weight: 900;
width: 28px;
height: 28px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin-top: 2px;
}
/* —- TIPS TABLE —- */
.fm-scroll-page-fevertree .fm-tips-table {
width: 100%;
border-collapse: collapse;
margin: 16px 0;
font-size: 14px;
}
.fm-scroll-page-fevertree .fm-tips-table th {
background: #2d6a4f;
color: #fff;
padding: 10px 14px;
text-align: left;
font-weight: 800;
}
.fm-scroll-page-fevertree .fm-tips-table td {
padding: 10px 14px;
border-bottom: 1px solid #d8f3dc;
vertical-align: top;
}
.fm-scroll-page-fevertree .fm-tips-table tr:nth-child(even) td {
background: #f0faf4;
}
/* —- FAQ —- */
.fm-scroll-page-fevertree .fm-faq-item {
border-bottom: 1px solid #d8f3dc;
padding: 16px 0;
}
.fm-scroll-page-fevertree .fm-faq-q {
font-weight: 800;
font-size: 15px;
color: #1b4332;
margin-bottom: 6px;
}
.fm-scroll-page-fevertree .fm-faq-a {
font-size: 14px;
line-height: 1.7;
color: #333;
}
/* —- RELATED —- */
.fm-scroll-page-fevertree .fm-related {
background: #f0faf4;
padding: 28px 20px;
}
.fm-scroll-page-fevertree .fm-related h3 {
font-size: 18px;
font-weight: 900;
color: #1b4332;
margin: 0 0 16px;
text-align: center;
}
.fm-scroll-page-fevertree .fm-related-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 12px;
max-width: 780px;
margin: 0 auto;
}
.fm-scroll-page-fevertree .fm-related-grid a {
background: #fff;
border: 1px solid #b7e4c7;
border-radius: 8px;
padding: 14px 16px;
font-size: 13px;
font-weight: 700;
color: #1b4332;
text-decoration: none;
display: block;
transition: background 0.15s;
}
.fm-scroll-page-fevertree .fm-related-grid a:hover {
background: #d8f3dc;
}
/* —- ENTRY SECTION —- */
.fm-scroll-page-fevertree .fm-entry-section {
background: linear-gradient(135deg, #1b4332 0%, #2d6a4f 100%);
color: #fff;
text-align: center;
padding: 44px 20px 40px;
}
.fm-scroll-page-fevertree .fm-entry-title {
font-size: clamp(22px, 5vw, 36px);
font-weight: 900;
margin: 0 0 10px;
text-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.fm-scroll-page-fevertree .fm-entry-sub {
font-size: 16px;
opacity: 0.92;
margin: 0 0 28px;
}
.fm-scroll-page-fevertree .fm-entry-btn {
display: inline-block;
background: #d4af37;
color: #1b4332;
font-size: clamp(18px, 3.5vw, 24px);
font-weight: 900;
padding: 18px 52px;
border-radius: 50px;
text-decoration: none;
box-shadow: 0 6px 24px rgba(0,0,0,0.25);
letter-spacing: 1px;
text-transform: uppercase;
transition: transform 0.15s;
display: block;
max-width: 400px;
margin: 0 auto 20px;
}
.fm-scroll-page-fevertree .fm-entry-btn:hover {
transform: scale(1.04);
}
.fm-scroll-page-fevertree .fm-entry-legal {
font-size: 11px;
opacity: 0.75;
margin-top: 18px;
line-height: 1.6;
}
/* —- FOOTER —- */
.fm-scroll-page-fevertree .fm-footer {
background: #111;
color: #888;
text-align: center;
padding: 24px 20px;
font-size: 12px;
line-height: 1.7;
}
/* —- POPUPS —- */
.fm-scroll-page-fevertree .fact-popup {
position: fixed;
bottom: 24px;
right: 20px;
background: #fff;
border-left: 5px solid #2d6a4f;
border-radius: 10px;
padding: 14px 18px;
max-width: 280px;
box-shadow: 0 8px 32px rgba(0,0,0,0.18);
font-size: 13px;
line-height: 1.55;
color: #222;
z-index: 9999;
opacity: 0;
pointer-events: none;
transition: opacity 0.4s;
}
.fm-scroll-page-fevertree .fact-popup.visible {
opacity: 1;
pointer-events: auto;
}
.fm-scroll-page-fevertree .fact-popup .fact-icon {
font-size: 22px;
display: block;
margin-bottom: 6px;
}
.fm-scroll-page-fevertree .fact-popup .fact-title {
font-size: 15px;
font-weight: 800;
color: #1b4332;
display: block;
margin-bottom: 5px;
}
💰 $5,000 Grand Prize
🎁 600 Sampler Gift Boxes
🍹 25 Outdoor Hosting Kits
📅 Ends Sept 30, 2026
What Is the Summer of Fever-Tree® Promotion?
Fever-Tree® — the world’s leading premium mixer brand — is celebrating summer in style with their Summer of Fever-Tree® Promotion at hostwithfevertree.com. This is a two-part promotion running from May 4 through September 30, 2026: an Instant Win Game where you find out immediately if you’ve won, plus a Grand Prize Sweepstakes Drawing for the ultimate cocktail party package.
Every time you register and play, you get one Instant Win Game play AND one entry into the Grand Prize drawing. That means every single day you play, you’re automatically entered for both. With 626 total winners and nearly 5 months to enter, this is one of the best summer promotions we’ve seen.
The promotion is sponsored by King & Canyon Beverage Company LLC (the U.S. importer of Fever-Tree®) and is open to U.S. residents who are 21 or older. No purchase is necessary to enter or win.
All the Prizes You Can Win
There are 626 total prizes across the Instant Win Game and the Sweepstakes drawing. Here’s the full breakdown:
Grand Prize Details ($5,315 ARV): $5,000 cash check + 5 cases of Fever-Tree® mixers + branded glasses and mugs + bar accessories (garnish sticks, garnish server, tongs, jigger, and bar blade). No alcohol included.
First Prize Details ($282 ARV each): Fever-Tree® branded cooler + 2 cases of Fever-Tree® mixers + branded glasses and mugs + jigger and bar blade. No alcohol included.
Instant Win Prize ($15 each): A Fever-Tree® sampler gift box — a beautifully packaged assortment of their premium mixer bottles. Perfect for entertaining or gifting.
How to Enter Step-by-Step
Entering is completely free — no purchase required. Here’s exactly how to play:
-
1Visit hostwithfevertree.com — Go to the official promotion site. You’ll need to confirm your date of birth to access the page (must be 21+).
-
2Complete the registration form — Enter your first and last name, valid email address, complete home address (no P.O. boxes), date of birth, and agree to the Official Rules. This takes less than a minute.
-
3Find out instantly if you’ve won! — After submitting, you’ll immediately see on-screen whether you’ve won an Instant Win Prize (Fever-Tree® sampler gift box). NJ residents will be notified by email within 1-2 days instead.
-
4Come back every day — You can enter once per day through September 30, 2026. Each daily entry gives you a new Instant Win play AND another entry into the Grand Prize drawing. That’s up to 150 entries over the promotion period!
-
5Grand Prize drawing on October 5, 2026 — All eligible entries are pooled for the Grand Prize and 25 First Prize drawings. Winners notified by email.
Tips to Maximize Your Chances
With 600 Instant Win prizes and a $5,000 Grand Prize on the line, here’s how to play smart:
| Tip | Why It Matters |
|---|---|
| Enter every single day | Up to 150 entries by September 30 — each one is a new Instant Win play AND a sweepstakes entry |
| Set a daily reminder | It’s easy to forget — set a phone alarm for the same time each day |
| Use a valid email you check regularly | Prize notifications are sent by email — missing the email means missing your prize |
| Check spam/junk folder | Promotional emails often get filtered — check daily if you’ve been entering |
| Enter early in the day | Instant Win prizes are awarded on a first-come basis after randomly generated winning times |
| Use your real home address | P.O. Boxes are not permitted — prizes are mailed to your physical address |
FAQ
ENTER HERE
Instant Win!
600 Fever-Tree® sampler gift boxes available — find out immediately if you’ve won!
$5,000 Grand Prize!
Every daily entry goes into the Grand Prize drawing for $5,000 cash + a full cocktail party kit!
25 Hosting Kits!
First Prize winners get a Fever-Tree® cooler, 2 cases of mixers, branded glasses + bar tools!
Enter Every Day!
Play once per day through September 30 — up to 150 entries total for the Grand Prize!
(function() {
/* —- COUNTDOWN —- */
var deadline = new Date(‘2026-09-30T23:59:00’).getTime();
function updateCountdown() {
var now = new Date().getTime();
var diff = deadline – now;
if (diff <= 0) {
document.getElementById('days').textContent = '0';
document.getElementById('hours').textContent = '0';
document.getElementById('minutes').textContent = '0';
document.getElementById('seconds').textContent = '0';
return;
}
var d = Math.floor(diff / (1000 * 60 * 60 * 24));
var h = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var m = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
var s = Math.floor((diff % (1000 * 60)) / 1000);
document.getElementById('days').textContent = d;
document.getElementById('hours').textContent = h;
document.getElementById('minutes').textContent = m;
document.getElementById('seconds').textContent = s;
}
updateCountdown();
setInterval(updateCountdown, 1000);
/* —- POPUPS —- */
var popupsStarted = false;
function showPopup(id, duration) {
var el = document.getElementById(id);
if (!el) { return; }
el.classList.add('visible');
setTimeout(function() {
el.classList.remove('visible');
}, duration);
}
function startPopups() {
if (popupsStarted) { return; }
popupsStarted = true;
setTimeout(function() { showPopup('fact1', 4000); }, 8000);
setTimeout(function() { showPopup('fact2', 4000); }, 18000);
setTimeout(function() { showPopup('fact3', 4000); }, 28000);
setTimeout(function() { showPopup('fact4', 4000); }, 38000);
}
/* —- LINEAR SCROLL —- */
var isScrolling = false;
function easedScroll() {
var target = document.getElementById('entry-section');
if (!target) { return; }
var targetPos = target.getBoundingClientRect().top + window.pageYOffset – 80;
var startPos = window.pageYOffset;
var distance = targetPos – startPos;
var duration = 9500;
var startTime = null;
isScrolling = true;
function step(timestamp) {
if (!isScrolling) { return; }
if (!startTime) { startTime = timestamp; }
var elapsed = timestamp – startTime;
var progress = Math.min(elapsed / duration, 1);
var newPos = startPos + distance * progress;
window.scrollTo(0, newPos);
if (progress < 1) {
requestAnimationFrame(step);
} else {
isScrolling = false;
window.scrollTo(0, targetPos);
}
}
requestAnimationFrame(step);
}
/* —- INTERRUPT SCROLL ON USER INPUT —- */
function stopScroll() {
isScrolling = false;
}
window.addEventListener('wheel', stopScroll, { passive: true });
window.addEventListener('touchmove', stopScroll, { passive: true });
document.addEventListener('keydown', stopScroll);
/* —- HERO CTA —- */
var heroCta = document.getElementById('heroCtaBtn');
if (heroCta) {
heroCta.addEventListener('click', function() {
easedScroll();
startPopups();
});
}
})();
Helpful Freebie Mom Guides
Keep going