*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
–rose:#c8003c;–rose-dark:#9a002e;–rose-light:#fff0f4;
–gold:#c9a84c;–gold-light:#fdf6e3;
–fb:#1877F2;–ig-grad:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);
–dark:#1a0a10;–mid:#5a3a45;–light:#fdf8f9;–white:#ffffff;–border:#f0dde3;
–shadow-sm:0 2px 8px rgba(0,0,0,.08);–shadow-md:0 8px 30px rgba(0,0,0,.14);–radius:16px;
}
html{scroll-behavior:smooth}
body{font-family:’Inter’,sans-serif;background:var(–light);color:var(–dark);line-height:1.7}

.ann-bar{background:linear-gradient(90deg,var(–rose-dark),var(–rose),var(–rose-dark));background-size:200% 100%;animation:shimmer 4s linear infinite;color:#fff;text-align:center;padding:10px 20px;font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.ann-bar span{margin:0 10px;opacity:.55}

.hero{background:linear-gradient(135deg,#1a0010 0%,#3d0020 45%,#5c0030 100%);color:#fff;padding:70px 20px 0;text-align:center;position:relative;overflow:hidden}
.hero::before{content:”;position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(200,0,60,.22) 0%,transparent 70%);pointer-events:none}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(201,168,76,.2);border:1px solid rgba(201,168,76,.5);color:#f0d080;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 18px;border-radius:100px;margin-bottom:24px}
.hero h1{font-family:’Playfair Display’,serif;font-size:clamp(2rem,5vw,3.4rem);font-weight:800;line-height:1.15;max-width:760px;margin:0 auto 18px}
.hero h1 .hl{color:#ff8fab}
.hero .sub{font-size:clamp(.95rem,2vw,1.1rem);color:rgba(255,255,255,.75);max-width:540px;margin:0 auto 36px}
.hero-cta-group{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-bottom:48px}
.btn-gold{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(–gold),#e8c060);color:#1a1200;font-weight:800;font-size:1rem;padding:16px 36px;border-radius:100px;text-decoration:none;box-shadow:0 4px 20px rgba(201,168,76,.4);transition:transform .2s,box-shadow .2s}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(201,168,76,.5)}
.btn-ghost{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);color:#fff;font-weight:600;font-size:.95rem;padding:16px 32px;border-radius:100px;text-decoration:none;transition:background .2s}
.btn-ghost:hover{background:rgba(255,255,255,.2)}
.hero-product{max-width:280px;margin:0 auto;filter:drop-shadow(0 24px 48px rgba(0,0,0,.5));animation:float 5s ease-in-out infinite}
.hero-product img{width:100%;height:auto;display:block}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}

.trust-strip{background:#fff;border-bottom:1px solid var(–border);padding:16px 20px}
.trust-inner{max-width:900px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:20px 36px}
.trust-item{display:flex;align-items:center;gap:10px;font-size:.87rem;font-weight:600;color:var(–mid)}
.trust-icon{width:34px;height:34px;background:var(–rose-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}

.container{max-width:860px;margin:0 auto;padding:0 20px}
.section{padding:64px 0}
.section-label{display:inline-flex;align-items:center;gap:8px;background:var(–rose-light);color:var(–rose-dark);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 16px;border-radius:100px;margin-bottom:14px}
.section-title{font-family:’Playfair Display’,serif;font-size:clamp(1.6rem,4vw,2.3rem);font-weight:700;color:var(–dark);line-height:1.25;margin-bottom:10px}
.section-desc{color:var(–mid);font-size:1rem;max-width:600px;margin-bottom:36px}

.steps-grid{display:flex;flex-direction:column;gap:28px}
.step-card{background:#fff;border:1px solid var(–border);border-radius:var(–radius);overflow:hidden;box-shadow:var(–shadow-sm);transition:box-shadow .25s,transform .25s}
.step-card:hover{box-shadow:var(–shadow-md);transform:translateY(-2px)}
.step-with-img{display:grid;grid-template-columns:1fr 180px;gap:0}
.step-main{display:flex;flex-direction:column}
.step-side-img{display:flex;align-items:center;justify-content:center;padding:24px 20px 24px 0}
.step-side-img img{width:100%;max-width:140px;height:auto;filter:drop-shadow(0 8px 20px rgba(0,0,0,.15))}
.step-header{display:flex;align-items:flex-start;gap:20px;padding:28px 28px 0;position:relative}
.step-header::before{content:”;position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(–rose),var(–gold))}
.step-num{width:50px;height:50px;background:linear-gradient(135deg,var(–rose),var(–rose-dark));color:#fff;font-size:1.25rem;font-weight:800;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px rgba(200,0,60,.3)}
.step-text h3{font-size:1.1rem;font-weight:700;color:var(–dark);margin-bottom:8px}
.step-text p{color:var(–mid);font-size:.96rem;line-height:1.65}
.step-actions{display:flex;flex-wrap:wrap;gap:10px;padding:18px 28px}
.step-image{width:100%;padding:0 28px 28px}
.step-image img{width:100%;max-height:280px;object-fit:contain;border-radius:12px;border:1px solid var(–border);background:#fff9fb}

.action-btn{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:700;padding:11px 22px;border-radius:100px;text-decoration:none;transition:transform .15s,opacity .15s;white-space:nowrap}
.action-btn:hover{transform:translateY(-1px);opacity:.9}
.action-btn svg{width:18px;height:18px;flex-shrink:0}
.btn-fb{background:var(–fb);color:#fff}
.btn-ig{background:var(–ig-grad);color:#fff}
.btn-google{background:#fff;color:#333;border:1px solid #ddd;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.btn-macys{background:var(–rose);color:#fff}

.pro-tip{background:linear-gradient(135deg,var(–gold-light),#fff9e6);border:1px solid rgba(201,168,76,.35);border-left:4px solid var(–gold);border-radius:var(–radius);padding:26px 30px;margin-top:28px}
.pro-tip-header{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1rem;color:#7a5c00;margin-bottom:12px}
.pro-tip-icon{width:30px;height:30px;background:var(–gold);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.95rem;color:#fff}
.pro-tip ul{padding-left:20px;color:#5a4200;font-size:.96rem;line-height:1.85}

.reminder-banner{background:linear-gradient(135deg,var(–rose),var(–rose-dark));color:#fff;border-radius:var(–radius);padding:32px 36px;display:flex;align-items:center;gap:24px;margin:44px 0;box-shadow:var(–shadow-md)}
.reminder-icon{font-size:2.6rem;flex-shrink:0}
.reminder-text h3{font-size:1.15rem;font-weight:800;margin-bottom:6px}
.reminder-text p{font-size:.94rem;color:rgba(255,255,255,.8);line-height:1.6}

.product-section{background:linear-gradient(135deg,#1a0010,#3d0020);color:#fff;padding:72px 20px}
.product-inner{max-width:860px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.product-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.product-gallery .main-img{grid-column:1/-1}
.product-gallery img{width:100%;height:auto;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:12px;transition:transform .25s}
.product-gallery img:hover{transform:scale(1.03)}
.product-info .section-label{background:rgba(255,143,171,.15);color:#ff8fab}
.product-info .section-title{color:#fff}
.product-info .section-desc{color:rgba(255,255,255,.7)}
.benefits-list{list-style:none;display:flex;flex-direction:column;gap:13px}
.benefits-list li{display:flex;align-items:flex-start;gap:12px;font-size:.96rem;color:rgba(255,255,255,.85);line-height:1.55}
.benefit-check{width:22px;height:22px;background:rgba(255,143,171,.2);border:1px solid rgba(255,143,171,.4);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#ff8fab;flex-shrink:0;margin-top:1px}
.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}
.stat-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:18px 14px;text-align:center}
.stat-num{font-family:’Playfair Display’,serif;font-size:1.9rem;font-weight:800;color:#ff8fab;line-height:1;margin-bottom:6px}
.stat-label{font-size:.76rem;color:rgba(255,255,255,.55);font-weight:500;line-height:1.4}

.faq-list{display:flex;flex-direction:column;gap:10px}
details.faq-item{background:#fff;border:1px solid var(–border);border-radius:12px;overflow:hidden;box-shadow:var(–shadow-sm)}
details.faq-item summary{padding:18px 22px;font-weight:700;font-size:.96rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none;user-select:none;color:var(–dark)}
details.faq-item summary::-webkit-details-marker{display:none}
details.faq-item summary::after{content:’+’;font-size:1.4rem;font-weight:300;color:var(–rose);transition:transform .25s}
details.faq-item[open] summary::after{transform:rotate(45deg)}
details.faq-item .faq-body{padding:14px 22px 18px;color:var(–mid);font-size:.94rem;line-height:1.7;border-top:1px solid var(–border)}

.sticky-cta{position:fixed;bottom:0;left:0;right:0;background:rgba(26,0,16,.97);backdrop-filter:blur(12px);border-top:1px solid rgba(255,143,171,.2);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;z-index:100;transform:translateY(100%);transition:transform .4s ease}
.sticky-cta.visible{transform:translateY(0)}
.sticky-cta-text{color:#fff;font-size:.88rem;font-weight:600}
.sticky-cta-text span{color:#ff8fab}
.sticky-cta .btn-gold{font-size:.88rem;padding:11px 24px;white-space:nowrap}

footer{background:var(–dark);color:rgba(255,255,255,.45);text-align:center;padding:28px 20px 80px;font-size:.82rem;line-height:1.8}

@media(max-width:680px){
.product-inner{grid-template-columns:1fr;gap:32px}
.stats-row{grid-template-columns:1fr 1fr}
.reminder-banner{flex-direction:column;text-align:center}
.sticky-cta{flex-direction:column;text-align:center}
.step-with-img{grid-template-columns:1fr}
.step-side-img{display:none}
}
@media(max-width:480px){
.hero{padding:50px 20px 0}
.section{padding:44px 0}
.stats-row{grid-template-columns:1fr}
}

★ Free Sample Alert — March 2026

Get a FREE Macy’s Fragrance
Sample Box — Shipped to You

A curated fragrance sample box featuring YSL Libre Berry Crush & more — shipped to your door for free. Here’s exactly how to trigger the ad and claim yours.

↓ Show Me How to Get It
About This Box

Step-by-Step Guide

How to Claim Your Free Fragrance Sample Box

This freebie is delivered via a sponsored social media ad — there’s no direct link. Follow every step below to signal your interest to the algorithm and trigger the ad in your feed.

1

Follow Macy’s on Facebook & Instagram

Go to Macy’s official pages and hit Follow. Then like and comment on at least 10 recent posts on each platform — especially any beauty, fragrance, or perfume posts. This signals to the algorithm that you’re a fragrance shopper, making the free sample ad far more likely to appear in your feed.

Follow Macy’s on Facebook

Follow Macy’s on Instagram

2

Search These Exact Terms on Facebook, Instagram & Google

Search the following phrases on all three platforms — this is the most important step for triggering the ad. Spend 30–60 seconds on each result page you click.

• “Macy’s fragrance sample”
• “YSL The Original Eau De Parfum”
• “Berry Crush The New Fruity Floral Fragrance”
• “Macy’s free fragrance box”

Google Search It

Search on Facebook

Search on Instagram

3

Browse Macy’s Fragrance & Beauty Section Online

Visit Macy’s website and browse the Fragrance and Beauty sections for a few minutes. Click on a few perfume product pages — especially YSL fragrances. This cross-platform browsing activity reinforces your interest profile across Meta’s ad network and dramatically increases the chance the sample ad appears in your feed.

🛍️ Browse Macy’s Fragrances

✨ Browse YSL at Macy’s

4

Watch Your Feed & Stories — Then Tap “Get Offer”

Now scroll through your Facebook and Instagram feeds — including Stories — at least once or twice a day. The sponsored Macy’s ad will appear as a regular post or story with a “Get Offer” or “Get Sample” button. When you see it, tap immediately, enter your name and shipping address, and you’re done. No payment info required. Macy’s will mail your free fragrance sample box directly to you.

Check Facebook Feed

Check Instagram Feed

💡

Pro Tips to Trigger the Ad Faster

• Engage with Macy’s beauty and fragrance posts specifically — not just any post. The algorithm targets based on content category, not just brand.
• Check your feed at different times of day — morning, afternoon, and evening. Ads rotate based on your activity windows.
• Leave genuine comments on fragrance posts (e.g., “This smells amazing!” or “Love YSL!”). Comments carry far more algorithmic weight than likes alone.
• If you haven’t seen the ad after 3–4 days, repeat Step 2 (searching the product names) to refresh your interest signals.
• Check both your main feed and Stories — the ad can appear in either location.
• If a friend already got the sample, ask them to share the ad post with you — this can sometimes trigger it for others in their network.
• Make sure your Facebook and Instagram ad preferences include beauty and fragrance categories (Settings → Ads → Ad Topics).

About the Sample Box

What’s Inside the Free Macy’s Fragrance Box

The free Macy’s Fragrance Sample Box features curated scent samples from top luxury brands, with a spotlight on YSL’s newest fragrance launch.

• ✓

  YSL Libre Berry Crush EDP — The bold new fruity floral from Yves Saint Laurent, featuring notes of raspberry, blackcurrant, and lavender.

• ✓

  YSL Libre Original EDP — The iconic original Libre, a lavender-meets-orange blossom signature scent loved worldwide.

• ✓

  Curated Sample Sizes — Perfect for testing before committing to a full bottle (typically $90–$150+ retail).

• ✓

  Luxury Packaging — Delivered in a Macy’s branded fragrance sample box, ideal for gifting or travel.

• ✓

  No Purchase Required — Completely free, no strings attached, no credit card needed.

$0

Cost to You — Completely Free

$90+

Retail Value of Full-Size YSL Libre

2+

Fragrance Samples in the Box

const hero = document.querySelector(‘.hero’);
const stickyCta = document.getElementById(‘stickyCta’);
const observer = new IntersectionObserver(([e]) => {
stickyCta.classList.toggle(‘visible’, !e.isIntersecting);
}, { threshold: 0 });
observer.observe(hero);
document.querySelectorAll(‘a[href^=”#”]’).forEach(a => {
a.addEventListener(‘click’, e => {
const t = document.querySelector(a.getAttribute(‘href’));
if (t) { e.preventDefault(); t.scrollIntoView({ behavior: ‘smooth’, block: ‘start’ }); }
});
});