BeatBox Coconut Breeze Box Giveaway
/* ============================================================
SCOPED ROOT: .fm-scroll-page-beatbox-coconut
All selectors prefixed — zero theme bleed
============================================================ */
.fm-scroll-page-beatbox-coconut {
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-beatbox-coconut .fm-hero {
background: linear-gradient(135deg, #00897b 0%, #26a69a 40%, #80cbc4 100%);
color: #fff;
padding: 40px 20px 36px;
text-align: center;
}
.fm-scroll-page-beatbox-coconut .fm-hero-badge {
display: inline-block;
background: rgba(0,0,0,0.22);
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-beatbox-coconut .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-beatbox-coconut .fm-hero-sub {
font-size: clamp(14px, 2.5vw, 18px);
opacity: 0.95;
margin: 0 0 20px;
}
.fm-scroll-page-beatbox-coconut .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-beatbox-coconut .fm-countdown {
display: flex;
justify-content: center;
gap: 12px;
margin: 0 0 26px;
flex-wrap: wrap;
}
.fm-scroll-page-beatbox-coconut .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-beatbox-coconut .fm-cd-num {
display: block;
font-size: 28px;
font-weight: 900;
line-height: 1;
}
.fm-scroll-page-beatbox-coconut .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-beatbox-coconut .fm-hero-cta {
display: inline-block;
background: #fff;
color: #00897b;
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.2);
letter-spacing: 1px;
text-transform: uppercase;
margin-top: 6px;
transition: transform 0.15s;
}
.fm-scroll-page-beatbox-coconut .fm-hero-cta:hover {
transform: scale(1.04);
}
/* —- STATS PILLS —- */
.fm-scroll-page-beatbox-coconut .fm-stats {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
margin-top: 22px;
}
.fm-scroll-page-beatbox-coconut .fm-stat-pill {
background: rgba(255,255,255,0.18);
border: 1px solid rgba(255,255,255,0.5);
color: #fff;
font-size: 12px;
font-weight: 700;
padding: 5px 14px;
border-radius: 20px;
}
/* —- TOC —- */
.fm-scroll-page-beatbox-coconut .fm-toc {
background: #e0f2f1;
border-left: 5px solid #00897b;
padding: 20px 24px;
margin: 28px 20px;
border-radius: 8px;
}
.fm-scroll-page-beatbox-coconut .fm-toc-title {
font-weight: 800;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
color: #00897b;
margin-bottom: 10px;
}
.fm-scroll-page-beatbox-coconut .fm-toc ol {
margin: 0;
padding-left: 20px;
}
.fm-scroll-page-beatbox-coconut .fm-toc li {
margin-bottom: 6px;
font-size: 14px;
}
.fm-scroll-page-beatbox-coconut .fm-toc a {
color: #00695c;
text-decoration: none;
font-weight: 600;
}
/* —- SECTIONS —- */
.fm-scroll-page-beatbox-coconut .fm-section {
padding: 32px 20px;
max-width: 780px;
margin: 0 auto;
}
.fm-scroll-page-beatbox-coconut .fm-section-alt {
background: #f0faf9;
padding: 32px 20px;
}
.fm-scroll-page-beatbox-coconut .fm-section-alt > * {
max-width: 780px;
margin-left: auto;
margin-right: auto;
}
.fm-scroll-page-beatbox-coconut h2 {
font-size: clamp(20px, 4vw, 30px);
font-weight: 900;
color: #00695c;
margin: 0 0 16px;
line-height: 1.2;
}
.fm-scroll-page-beatbox-coconut p {
font-size: 16px;
line-height: 1.75;
margin: 0 0 16px;
color: #2a2a2a;
}
/* —- HIGHLIGHT BOX —- */
.fm-scroll-page-beatbox-coconut .fm-highlight-box {
background: #e0f2f1;
border-left: 5px solid #00897b;
border-radius: 8px;
padding: 16px 20px;
font-size: 15px;
line-height: 1.65;
margin: 20px 0;
color: #1a1a1a;
}
/* —- PRIZE GRID —- */
.fm-scroll-page-beatbox-coconut .fm-prize-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
gap: 16px;
margin: 20px 0;
}
.fm-scroll-page-beatbox-coconut .fm-prize-card {
background: #fff;
border: 2px solid #b2dfdb;
border-radius: 12px;
padding: 18px 14px;
text-align: center;
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.fm-scroll-page-beatbox-coconut .fm-pc-icon {
font-size: 32px;
display: block;
margin-bottom: 8px;
}
.fm-scroll-page-beatbox-coconut .fm-pc-name {
font-size: 13px;
font-weight: 800;
color: #00695c;
margin-bottom: 4px;
}
.fm-scroll-page-beatbox-coconut .fm-pc-count {
font-size: 12px;
color: #555;
margin-bottom: 3px;
}
.fm-scroll-page-beatbox-coconut .fm-pc-arv {
font-size: 12px;
font-weight: 700;
color: #00897b;
}
/* —- STEPS —- */
.fm-scroll-page-beatbox-coconut .fm-steps {
list-style: none;
padding: 0;
margin: 16px 0;
}
.fm-scroll-page-beatbox-coconut .fm-steps li {
display: flex;
align-items: flex-start;
gap: 14px;
padding: 14px 0;
border-bottom: 1px solid #e0f2f1;
font-size: 15px;
line-height: 1.6;
}
.fm-scroll-page-beatbox-coconut .fm-steps li:last-child {
border-bottom: none;
}
.fm-scroll-page-beatbox-coconut .fm-step-num {
background: #00897b;
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-beatbox-coconut .fm-tips-table {
width: 100%;
border-collapse: collapse;
margin: 16px 0;
font-size: 14px;
}
.fm-scroll-page-beatbox-coconut .fm-tips-table th {
background: #00897b;
color: #fff;
padding: 10px 14px;
text-align: left;
font-weight: 800;
}
.fm-scroll-page-beatbox-coconut .fm-tips-table td {
padding: 10px 14px;
border-bottom: 1px solid #e0f2f1;
vertical-align: top;
}
.fm-scroll-page-beatbox-coconut .fm-tips-table tr:nth-child(even) td {
background: #f0faf9;
}
/* —- FAQ —- */
.fm-scroll-page-beatbox-coconut .fm-faq-item {
border-bottom: 1px solid #e0f2f1;
padding: 16px 0;
}
.fm-scroll-page-beatbox-coconut .fm-faq-q {
font-weight: 800;
font-size: 15px;
color: #00695c;
margin-bottom: 6px;
}
.fm-scroll-page-beatbox-coconut .fm-faq-a {
font-size: 14px;
line-height: 1.7;
color: #333;
}
/* —- RELATED —- */
.fm-scroll-page-beatbox-coconut .fm-related {
background: #f0faf9;
padding: 28px 20px;
}
.fm-scroll-page-beatbox-coconut .fm-related h3 {
font-size: 18px;
font-weight: 900;
color: #00695c;
margin: 0 0 16px;
text-align: center;
}
.fm-scroll-page-beatbox-coconut .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-beatbox-coconut .fm-related-grid a {
background: #fff;
border: 1px solid #b2dfdb;
border-radius: 8px;
padding: 14px 16px;
font-size: 13px;
font-weight: 700;
color: #00695c;
text-decoration: none;
display: block;
transition: background 0.15s;
}
.fm-scroll-page-beatbox-coconut .fm-related-grid a:hover {
background: #e0f2f1;
}
/* —- ENTRY SECTION —- */
.fm-scroll-page-beatbox-coconut .fm-entry-section {
background: linear-gradient(135deg, #00897b 0%, #26a69a 100%);
color: #fff;
text-align: center;
padding: 44px 20px 40px;
}
.fm-scroll-page-beatbox-coconut .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-beatbox-coconut .fm-entry-sub {
font-size: 16px;
opacity: 0.92;
margin: 0 0 28px;
}
/* —- THREE PLATFORM BUTTONS —- */
.fm-scroll-page-beatbox-coconut .fm-platform-btns {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
max-width: 480px;
margin: 0 auto 24px;
}
.fm-scroll-page-beatbox-coconut .fm-platform-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
width: 100%;
padding: 18px 28px;
border-radius: 50px;
font-size: clamp(16px, 3vw, 20px);
font-weight: 900;
letter-spacing: 0.5px;
text-decoration: none;
border: none;
cursor: pointer;
box-shadow: 0 6px 24px rgba(0,0,0,0.22);
transition: transform 0.15s;
}
.fm-scroll-page-beatbox-coconut .fm-platform-btn:hover {
transform: scale(1.04);
}
.fm-scroll-page-beatbox-coconut .fm-btn-instagram {
background: linear-gradient(135deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
color: #fff;
}
.fm-scroll-page-beatbox-coconut .fm-btn-facebook {
background: #1877f2;
color: #fff;
}
.fm-scroll-page-beatbox-coconut .fm-btn-x {
background: #000;
color: #fff;
}
.fm-scroll-page-beatbox-coconut .fm-btn-icon {
font-size: 22px;
line-height: 1;
}
.fm-scroll-page-beatbox-coconut .fm-entry-legal {
font-size: 11px;
opacity: 0.75;
margin-top: 18px;
line-height: 1.6;
}
/* —- SCAM WARNING —- */
.fm-scroll-page-beatbox-coconut .fm-scam-warning {
background: #fff3cd;
border: 2px solid #ffc107;
border-radius: 10px;
padding: 14px 18px;
font-size: 13px;
font-weight: 700;
color: #856404;
margin: 20px auto;
max-width: 520px;
text-align: left;
line-height: 1.6;
}
/* —- FOOTER —- */
.fm-scroll-page-beatbox-coconut .fm-footer {
background: #111;
color: #888;
text-align: center;
padding: 24px 20px;
font-size: 12px;
line-height: 1.7;
}
/* —- POPUPS —- */
.fm-scroll-page-beatbox-coconut .fact-popup {
position: fixed;
bottom: 24px;
right: 20px;
background: #fff;
border-left: 5px solid #00897b;
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-beatbox-coconut .fact-popup.visible {
opacity: 1;
pointer-events: auto;
}
.fm-scroll-page-beatbox-coconut .fact-popup .fact-icon {
font-size: 22px;
display: block;
margin-bottom: 6px;
}
.fm-scroll-page-beatbox-coconut .fact-popup .fact-title {
font-size: 15px;
font-weight: 800;
color: #00897b;
display: block;
margin-bottom: 5px;
}
🏝️ Beach Bag/Cooler
👒 Straw Hat
🎉 150 Winners
📅 Ends May 11, 2026
What Is the BeatBox Coconut Breeze Box Giveaway?
BeatBox Beverages is getting you summer-ready with their brand new Coconut Breeze Box Giveaway! To celebrate the launch of their Coconut Breeze flavor, BeatBox is giving away 150 Coconut Breeze Boxes — each packed with a beach towel, beach bag/cooler, and a straw hat to get you fully prepped for the season.
This is a social media giveaway running simultaneously on Instagram, Facebook, and X (Twitter). You can enter on any or all three platforms to maximize your chances. Winners will be announced and contacted via DM on May 11, 2026.
You must be 21 or older and live in the United States to be eligible. Keep your DMs open on whichever platform you enter — BeatBox will only contact winners via DM from their official account. They will never reach out via comments.
What’s Inside the Coconut Breeze Box
Each of the 150 winners receives the full Coconut Breeze Box — a curated summer bundle with everything you need to hit the beach in style:
All three items are branded in BeatBox’s signature Coconut Breeze aesthetic — tropical, fun, and totally beach-ready. This is the perfect summer starter kit for anyone who loves the outdoors.
How to Enter on Instagram, Facebook, or X
BeatBox is running this giveaway across three platforms at the same time — Instagram, Facebook, and X (formerly Twitter). You can enter on all three for the best shot at winning. Here’s how to enter on each:
-
1Tag your crew — Tag friends in the comments of the giveaway post. More tags = more entries! Each tag counts as an additional entry.
-
2Share to your story — Share the giveaway post to your Instagram or Facebook story for a bonus entry.
-
3Follow @BeatBoxBevs — You must be following the official BeatBox account on the platform you enter. Winners who are not following will be disqualified.
Winners will be selected on May 11, 2026 and contacted via DM from the official BeatBox account only. Make sure your DMs are open on whichever platforms you enter. BeatBox will never contact you via comments — if someone in the comments says you won, it’s a scam.
Tips to Maximize Your Entries
This giveaway rewards engagement — the more you participate, the more entries you rack up. Here’s how to make the most of it:
| Action | Benefit |
|---|---|
| Enter on Instagram | One full entry on the platform with the most reach |
| Enter on Facebook | Second separate entry — doubles your chances |
| Enter on X (Twitter) | Third separate entry — triples your chances |
| Tag multiple friends | Each tag = additional entry on that platform |
| Share to your story | Bonus entry per platform |
| Keep DMs open | Required to receive your prize if you win |
The deadline is May 11, 2026 — that’s coming up fast, so don’t wait. Scroll down and hit all three entry buttons below to enter on every platform right now!
FAQ
150 Winners!
BeatBox is giving away 150 full Coconut Breeze Boxes — your odds are great!
Triple Your Chances!
Enter on Instagram, Facebook, AND X for 3 separate entries!
Tag = Extra Entry!
Each friend you tag in the comments counts as an additional entry!
Closes May 11!
Don’t wait — winners are chosen on May 11, 2026. Enter now!
(function() {
/* —- COUNTDOWN —- */
var deadline = new Date(‘2026-05-11T23: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