{"product_id":"firstclasssleep™-peaceful-rest-pillow-cervical-support-pillow","title":"FirstClassSleep™ Peaceful Rest Pillow (Cervical Support Pillow)","description":"\u003c!-- Import Premium Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400\u0026amp;family=Montserrat:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n  \/* --- BASE VARIABLES \u0026 RESET --- *\/\n  .fcs-premium-container {\n    --fcs-charcoal: #4a4543;\n    --fcs-rose: #dca8a3;\n    --fcs-rose-light: #fdf7f6;\n    --fcs-gold: #c5a059;\n    --fcs-bg: #faf8f5;\n    --fcs-white: #ffffff;\n    \n    font-family: 'Montserrat', sans-serif;\n    color: var(--fcs-charcoal);\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 30px 20px;\n    background-color: var(--fcs-bg);\n    overflow: hidden;\n    line-height: 1.7;\n  }\n\n  .fcs-premium-container * {\n    box-sizing: border-box;\n  }\n\n  \/* --- ANIMATIONS --- *\/\n  @keyframes fcsFadeUp {\n    0% { opacity: 0; transform: translateY(30px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n  \n  .fcs-animate {\n    animation: fcsFadeUp 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n    opacity: 0;\n  }\n  .fcs-delay-1 { animation-delay: 0.2s; }\n  .fcs-delay-2 { animation-delay: 0.4s; }\n\n  \/* --- LUXURIOUS BRAND HEADER --- *\/\n  .fcs-brand-title {\n    text-align: center;\n    font-family: 'Playfair Display', serif;\n    font-size: 2.2rem;\n    font-weight: 600;\n    color: var(--fcs-charcoal);\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    margin: 10px 0 40px 0;\n    padding-bottom: 20px;\n    border-bottom: 1px solid rgba(220, 168, 163, 0.3);\n    position: relative;\n  }\n  .fcs-brand-title span {\n    color: var(--fcs-gold);\n  }\n  @media (min-width: 768px) {\n    .fcs-brand-title { font-size: 3rem; letter-spacing: 5px; }\n  }\n\n  \/* --- SECTION SPACING --- *\/\n  .fcs-section {\n    padding: 60px 0;\n    border-bottom: 1px solid rgba(220, 168, 163, 0.2);\n  }\n  .fcs-section:last-child {\n    border-bottom: none;\n  }\n\n  \/* --- HERO GRID (MOBILE FIRST) --- *\/\n  .fcs-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 40px;\n    align-items: center;\n  }\n  @media (min-width: 768px) {\n    .fcs-grid { grid-template-columns: 1fr 1fr; gap: 70px; }\n    .fcs-hero-img { order: -1; }\n  }\n\n  .fcs-hero-img {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.08);\n    border: 4px solid white;\n    transition: transform 0.5s ease;\n  }\n  .fcs-hero-img:hover { transform: scale(1.02); }\n  .fcs-hero-img img { width: 100%; display: block; height: auto; }\n\n  \/* --- TYPOGRAPHY (MADE BIGGER) --- *\/\n  .fcs-headline {\n    font-family: 'Playfair Display', serif;\n    font-size: 2.5rem;\n    line-height: 1.15;\n    margin: 0 0 20px 0;\n    color: var(--fcs-charcoal);\n  }\n  @media (min-width: 768px) { .fcs-headline { font-size: 3.2rem; } }\n  \n  .fcs-subhead {\n    font-size: 1rem;\n    font-weight: 600;\n    color: var(--fcs-gold);\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    margin-bottom: 15px;\n  }\n  .fcs-text {\n    font-size: 1.15rem;\n    font-weight: 400;\n    margin-bottom: 25px;\n    color: #555;\n  }\n  .fcs-divider {\n    width: 60px;\n    height: 3px;\n    background: var(--fcs-rose);\n    margin-bottom: 25px;\n  }\n  \n  \/* --- FEATURES LIST --- *\/\n  .fcs-features {\n    list-style: none;\n    padding: 0;\n    margin: 0 0 30px 0;\n  }\n  .fcs-features li {\n    position: relative;\n    padding-left: 30px;\n    margin-bottom: 15px;\n    font-size: 1.1rem;\n    font-weight: 400;\n  }\n  .fcs-features li::before {\n    content: '✦';\n    position: absolute;\n    left: 0;\n    color: var(--fcs-rose);\n    font-size: 1.3rem;\n  }\n\n  \/* --- COLOR SWATCHES --- *\/\n  .fcs-colors { margin-bottom: 25px; }\n  .fcs-colors p {\n    font-size: 1rem;\n    font-weight: 600;\n    margin-bottom: 15px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n  }\n  .fcs-swatch-container { display: flex; gap: 18px; }\n  .fcs-swatch {\n    width: 40px; height: 40px;\n    border-radius: 50%;\n    border: 2px solid transparent;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n  }\n  .fcs-swatch:hover, .fcs-swatch.active {\n    border-color: var(--fcs-rose);\n    transform: scale(1.1);\n    box-shadow: 0 4px 10px rgba(220, 168, 163, 0.5);\n  }\n  .fcs-swatch.black { background-color: #222; }\n\n  \/* --- FEATURE GRID (WHY CHOOSE US) --- *\/\n  .fcs-feature-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 25px;\n    margin-top: 40px;\n  }\n  @media (min-width: 768px) {\n    .fcs-feature-grid { grid-template-columns: repeat(3, 1fr); gap: 30px; }\n  }\n  .fcs-feature-box {\n    background: var(--fcs-white);\n    padding: 40px 25px;\n    border-radius: 15px;\n    text-align: center;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.03);\n    border: 1px solid rgba(220, 168, 163, 0.2);\n    transition: transform 0.3s ease;\n  }\n  .fcs-feature-box:hover { transform: translateY(-5px); }\n  .fcs-icon { font-size: 2.8rem; margin-bottom: 20px; display: block; }\n  .fcs-feature-box h3 {\n    font-family: 'Playfair Display', serif;\n    font-size: 1.6rem;\n    margin-bottom: 15px;\n  }\n  .fcs-feature-box p { font-size: 1.05rem; color: #666; font-weight: 400; }\n\n  \/* --- FIND YOUR FAVOURITE (VARIANTS) --- *\/\n  .fcs-center-text { text-align: center; margin-bottom: 40px; }\n  .fcs-center-text h2 {\n    font-family: 'Playfair Display', serif;\n    font-size: 2.5rem;\n    margin-bottom: 15px;\n  }\n  .fcs-variant-img {\n    max-width: 100%;\n    height: auto;\n    border-radius: 20px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.08);\n    display: block;\n    margin: 0 auto;\n  }\n\n  \/* --- THE FIRSTCLASSSLEEP BENEFITS (WHITE BACKGROUND) --- *\/\n  .fcs-benefits-section {\n    background: var(--fcs-white);\n    border-radius: 20px;\n    padding: 60px 30px;\n    text-align: center;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.05);\n    border: 1px solid rgba(220, 168, 163, 0.3);\n    margin-top: 40px;\n    color: var(--fcs-charcoal);\n  }\n  .fcs-benefits-section h2 {\n    color: var(--fcs-charcoal) !important;\n    font-family: 'Playfair Display', serif;\n    font-size: 2.5rem;\n    margin-bottom: 15px;\n  }\n  .fcs-benefits-section .fcs-text {\n    color: #666;\n    max-width: 600px;\n    margin: 0 auto;\n  }\n  .fcs-benefits-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 30px;\n    margin-top: 50px;\n  }\n  @media (min-width: 768px) {\n    .fcs-benefits-grid { grid-template-columns: repeat(3, 1fr); }\n  }\n  .fcs-benefit-item {\n    padding: 20px;\n    border: 1px solid rgba(220, 168, 163, 0.2);\n    border-radius: 15px;\n    transition: background 0.3s ease, transform 0.3s ease;\n  }\n  .fcs-benefit-item:hover {\n    background: var(--fcs-rose-light);\n    transform: translateY(-5px);\n  }\n  .fcs-benefit-icon {\n    font-size: 3.5rem;\n    margin-bottom: 20px;\n    display: block;\n  }\n  .fcs-benefit-item h3 {\n    font-family: 'Playfair Display', serif;\n    font-size: 1.5rem;\n    margin-bottom: 15px;\n    color: var(--fcs-gold);\n  }\n  .fcs-benefit-item p {\n    font-size: 1.05rem;\n    color: #555;\n    font-weight: 400;\n  }\n\n\u003c\/style\u003e\n\n\u003cdiv class=\"fcs-premium-container\"\u003e\n  \n  \u003c!-- LUXURIOUS BRAND HEADER --\u003e\n  \u003cdiv class=\"fcs-brand-title fcs-animate\"\u003e\n    First\u003cspan\u003eClass\u003c\/span\u003eSleep\n  \u003c\/div\u003e\n\n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"fcs-grid fcs-section\" style=\"padding-top: 10px; border-bottom: none;\"\u003e\n    \u003cdiv class=\"fcs-hero-img fcs-animate fcs-delay-1\"\u003e\n      \u003c!-- REPLACE THIS URL WITH YOUR MAIN PRODUCT IMAGE. --\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/000\/000\/000\/files\/main-pillow.jpg\" alt=\"\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fcs-content fcs-animate fcs-delay-2\"\u003e\n      \u003cdiv class=\"fcs-subhead\"\u003e✨ Your nightly unwind starts here\u003c\/div\u003e\n      \u003ch1 class=\"fcs-headline\"\u003eAdjustable Ergonomic Memory Foam Pillow 🛌\u003c\/h1\u003e\n      \n      \u003cdiv class=\"fcs-divider\"\u003e\u003c\/div\u003e\n      \n      \u003cp class=\"fcs-text\"\u003e\n        After a long day, give yourself a softer place to land. The FirstClassSleep™ pillow’s contoured shape cradles your head and supports your neck, helping you find a comfortable position to settle into bedtime. 😴🌙\n      \u003c\/p\u003e\n\n      \u003cul class=\"fcs-features\"\u003e\n        \u003cli\u003e☁️ A shaped centre and raised sides create a cosy resting space.\u003c\/li\u003e\n        \u003cli\u003e🌬️ Breathable, Adjustable Memory Foam for all-night support.\u003c\/li\u003e\n        \u003cli\u003e🤍 Textured white top with a sleek Black side profile.\u003c\/li\u003e\n      \u003c\/ul\u003e\n\n      \u003cdiv class=\"fcs-colors\"\u003e\n        \u003cp\u003eSide Color: \u003cspan id=\"selected-color-text\" style=\"color: var(--fcs-rose);\"\u003eBlack\u003c\/span\u003e\u003c\/p\u003e\n        \u003cdiv class=\"fcs-swatch-container\"\u003e\n          \u003cdiv class=\"fcs-swatch black active\" data-color=\"Black\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cp style=\"text-align: center; font-size: 0.95rem; margin-top: 30px; color: #888; font-weight: 400;\"\u003e\n        \u003cem\u003eSwitch off, get cosy and enjoy a moment that’s just for you. 🕯️💤\u003c\/em\u003e\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- WHY CHOOSE US FEATURE GRID --\u003e\n  \u003cdiv class=\"fcs-section\"\u003e\n    \u003cdiv class=\"fcs-center-text\"\u003e\n      \u003ch2\u003eEngineered for Deep Sleep 🧠\u003c\/h2\u003e\n      \u003cdiv class=\"fcs-divider\" style=\"margin: 0 auto 25px auto;\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"fcs-feature-grid\"\u003e\n      \u003cdiv class=\"fcs-feature-box\"\u003e\n        \u003cspan class=\"fcs-icon\"\u003e🌙\u003c\/span\u003e\n        \u003ch3\u003eCradles Your Neck\u003c\/h3\u003e\n        \u003cp\u003eThe unique contour shape perfectly aligns your spine, relieving pressure points and preventing morning stiffness. ✨\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fcs-feature-box\"\u003e\n        \u003cspan class=\"fcs-icon\"\u003e🌬️\u003c\/span\u003e\n        \u003ch3\u003eBreathable \u0026amp; Cool\u003c\/h3\u003e\n        \u003cp\u003eEngineered with cooling memory foam and a breathable mesh cover so you never wake up overheating. ❄️\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fcs-feature-box\"\u003e\n        \u003cspan class=\"fcs-icon\"\u003e⚙️\u003c\/span\u003e\n        \u003ch3\u003eFully Adjustable\u003c\/h3\u003e\n        \u003cp\u003eRemove or add foam layers to find your perfect loft. Back, side, or stomach sleeper—we've got you. 🛌\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- DIMENSIONS \u0026 FEATURES (UPDATED WITH NEW IMAGE) --\u003e\n  \u003cdiv class=\"fcs-section\" style=\"text-align: center;\"\u003e\n    \u003ch2 style=\"font-family: 'Playfair Display', serif; font-size: 2.5rem; margin-bottom: 15px;\"\u003ePremium Design \u0026amp; Dimensions 📏\u003c\/h2\u003e\n    \u003cp class=\"fcs-text\" style=\"max-width: 700px; margin: 0 auto 40px auto;\"\u003eEvery detail is crafted for your comfort. From the odorless memory foam to the machine-washable cover, experience sleep without compromise. 🤍\u003c\/p\u003e\n    \n    \u003c!-- REPLACE THIS URL WITH THE NEW IMAGE YOU PROVIDED --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/000\/000\/000\/files\/dimensions-image.jpg\" alt=\"Pillow Dimensions and Features\" class=\"fcs-variant-img\"\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- THE FIRSTCLASSSLEEP BENEFITS --\u003e\n  \u003cdiv class=\"fcs-benefits-section fcs-animate\"\u003e\n    \u003cdiv class=\"fcs-center-text\" style=\"margin-bottom: 0;\"\u003e\n      \u003ch2\u003eThe FirstClassSleep Benefits 💎\u003c\/h2\u003e\n      \u003cdiv class=\"fcs-divider\" style=\"margin: 0 auto 20px auto; background: var(--fcs-gold);\"\u003e\u003c\/div\u003e\n      \u003cp class=\"fcs-text\"\u003eExperience the difference a truly supportive pillow makes. Here is what happens when you upgrade your sleep. 🚀\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fcs-benefits-grid\"\u003e\n      \u003cdiv class=\"fcs-benefit-item\"\u003e\n        \u003cspan class=\"fcs-benefit-icon\"\u003e💆‍♀️\u003c\/span\u003e\n        \u003ch3\u003eWake Up Pain-Free\u003c\/h3\u003e\n        \u003cp\u003eSay goodbye to morning stiffness. Our ergonomic design relieves neck and shoulder pressure instantly. 😌\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fcs-benefit-item\"\u003e\n        \u003cspan class=\"fcs-benefit-icon\"\u003e❄️\u003c\/span\u003e\n        \u003ch3\u003eSleep Cooler\u003c\/h3\u003e\n        \u003cp\u003eNo more flipping the pillow to find a cold spot. Our breathable mesh and cooling foam regulate your temperature all night. 🌬️\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fcs-benefit-item\"\u003e\n        \u003cspan class=\"fcs-benefit-icon\"\u003e🛌\u003c\/span\u003e\n        \u003ch3\u003ePerfect For Any Sleeper\u003c\/h3\u003e\n        \u003cp\u003eBack, side, or stomach sleeper? Adjust the memory foam layers to find your perfect loft and finally sleep comfortably. 🌙\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"FirstClassSleep","offers":[{"title":"Default Title","offer_id":68046023688421,"sku":null,"price":699.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0857\/6385\/0469\/files\/branded-pillow-main-product-image.png?v=1794646102","url":"https:\/\/firstclasssleep.co.za\/products\/firstclasssleep%e2%84%a2-peaceful-rest-pillow-cervical-support-pillow","provider":"FirstClassSleep","version":"1.0","type":"link"}