{"id":286,"date":"2026-05-13T10:14:37","date_gmt":"2026-05-13T10:14:37","guid":{"rendered":"http:\/\/bluebellbakes.co.uk\/?page_id=286"},"modified":"2026-05-17T06:24:11","modified_gmt":"2026-05-17T06:24:11","slug":"home-2","status":"publish","type":"page","link":"https:\/\/bluebellbakes.co.uk\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"286\" class=\"elementor elementor-286\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e65e5f e-flex e-con-boxed e-con e-parent\" data-id=\"9e65e5f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85969f8 elementor-widget elementor-widget-html\" data-id=\"85969f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes, viewport-fit=cover\">\r\n    <title>Bluebell Bakes \u2014 Artisan Patisserie | Milton Keynes<\/title>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500&family=Raleway:wght@200;300;400;500&family=Alex+Brush&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n    <style>\r\n        *,\r\n        *::before,\r\n        *::after {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box\r\n        }\r\n        :root {\r\n            --blue: #3a8fba;\r\n            --blue-dark: #2d7399;\r\n            --blue-light: #6ab3d0;\r\n            --blue-pale: #e3f0f5;\r\n            --blue-mist: #cde2ed;\r\n            --blue-deep: #1a4f6e;\r\n            --blue-fog: #f0f8fb;\r\n            --pearl: #fdfcfa;\r\n            --ivory: #faf8f5;\r\n            --cream: #f5f0e8;\r\n            --gold: #c9a96e;\r\n            --gold-light: #e0c898;\r\n            --gold-pale: #f5ead8;\r\n            --ink: #1a2d3a;\r\n            --ink-2: #2d4a5a;\r\n            --ink-3: #5a7a8a;\r\n            --ink-4: #a0bfcc;\r\n            --serif: 'Playfair Display', Georgia, serif;\r\n            --script: 'Alex Brush', cursive;\r\n            --sans: 'Raleway', sans-serif;\r\n            --ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n        }\r\n        html {\r\n            width: 100%;\r\n            overflow-x: hidden;\r\n            scroll-behavior: smooth\r\n        }\r\n        body {\r\n            width: 100%;\r\n            overflow-x: hidden;\r\n            background: var(--pearl);\r\n            color: var(--ink);\r\n            font-family: var(--sans);\r\n            font-weight: 300;\r\n            line-height: 1.7\r\n        }\r\n        a {\r\n            text-decoration: none;\r\n            color: inherit\r\n        }\r\n        img {\r\n            display: block;\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover\r\n        }\r\n\r\n        \/* DREAMY BG *\/\r\n        .dream-bg {\r\n            position: fixed;\r\n            inset: 0;\r\n            pointer-events: none;\r\n            z-index: 0;\r\n            overflow: hidden\r\n        }\r\n        .orb {\r\n            position: absolute;\r\n            border-radius: 50%;\r\n            filter: blur(90px);\r\n            animation: orbFloat ease-in-out infinite alternate;\r\n            opacity: 0.5\r\n        }\r\n        @keyframes orbFloat {\r\n            0% { transform: translateY(0) scale(1) }\r\n            100% { transform: translateY(-40px) scale(1.12) }\r\n        }\r\n\r\n        \/* FULL WIDTH SECTION *\/\r\n        .section-full {\r\n            width: 100vw;\r\n            position: relative;\r\n            left: 50%;\r\n            right: 50%;\r\n            margin-left: -50vw;\r\n            margin-right: -50vw;\r\n        }\r\n        .section-inner {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 6vw;\r\n        }\r\n        .section-padding {\r\n            padding: 5rem 0;\r\n        }\r\n\r\n        \/* SECTION COMMONS *\/\r\n        .section-eyebrow {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 0.65rem;\r\n            font-size: 0.62rem;\r\n            letter-spacing: 0.28em;\r\n            text-transform: uppercase;\r\n            color: var(--blue-dark);\r\n            font-weight: 500;\r\n            margin-bottom: 0.9rem;\r\n        }\r\n        .section-title {\r\n            font-family: var(--serif);\r\n            font-size: clamp(2rem, 3.5vw, 3.2rem);\r\n            font-weight: 300;\r\n            line-height: 1.08;\r\n            color: var(--ink);\r\n        }\r\n        .section-title em {\r\n            font-style: italic;\r\n            color: var(--blue);\r\n        }\r\n        .section-title-light {\r\n            color: #fff;\r\n        }\r\n        .section-title-light em {\r\n            color: var(--blue-light);\r\n        }\r\n        .soft-rule {\r\n            display: block;\r\n            height: 1px;\r\n            width: 64px;\r\n            margin: 1.3rem 0 1.8rem;\r\n            background: linear-gradient(90deg, var(--blue-light), var(--gold-light));\r\n            border-radius: 1px;\r\n        }\r\n        .soft-rule-center {\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n        .sr {\r\n            opacity: 0;\r\n            transform: translateY(28px);\r\n            transition: opacity 0.8s var(--ease), transform 0.8s var(--ease);\r\n        }\r\n        .sr.vis {\r\n            opacity: 1;\r\n            transform: none;\r\n        }\r\n\r\n        \/* BUTTONS *\/\r\n        .btn-primary {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 0.55rem;\r\n            background: linear-gradient(135deg, var(--blue), var(--blue-dark));\r\n            color: #fff;\r\n            padding: 0.95rem 2.2rem;\r\n            border-radius: 50px;\r\n            font-size: 0.7rem;\r\n            letter-spacing: 0.2em;\r\n            text-transform: uppercase;\r\n            font-weight: 400;\r\n            transition: all 0.35s var(--ease);\r\n            border: none;\r\n            box-shadow: 0 8px 28px rgba(58, 143, 186, 0.35);\r\n            cursor: pointer;\r\n            font-family: var(--sans);\r\n        }\r\n        .btn-primary:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 14px 44px rgba(58, 143, 186, 0.5);\r\n        }\r\n        .btn-outline {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 0.55rem;\r\n            background: transparent;\r\n            color: var(--blue-dark);\r\n            border: 1.5px solid var(--blue);\r\n            padding: 0.9rem 1.9rem;\r\n            border-radius: 50px;\r\n            font-size: 0.7rem;\r\n            letter-spacing: 0.2em;\r\n            text-transform: uppercase;\r\n            font-weight: 400;\r\n            transition: all 0.3s;\r\n            cursor: pointer;\r\n            font-family: var(--sans);\r\n        }\r\n        .btn-outline:hover {\r\n            background: var(--blue-pale);\r\n            border-color: var(--blue-light);\r\n            color: var(--blue-dark);\r\n        }\r\n        .btn-outline-dark {\r\n            color: var(--ink-3);\r\n            border-color: var(--blue-mist);\r\n        }\r\n        .btn-outline-dark:hover {\r\n            background: var(--blue-pale);\r\n            border-color: var(--blue-light);\r\n            color: var(--blue-dark);\r\n        }\r\n\r\n        \/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n        .hero {\r\n            min-height: 100vh;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background: linear-gradient(160deg, var(--blue-deep) 0%, #1e5570 50%, var(--blue-dark) 100%);\r\n            overflow: hidden;\r\n            width: 100vw;\r\n            position: relative;\r\n            left: 50%;\r\n            right: 50%;\r\n            margin-left: -50vw;\r\n            margin-right: -50vw;\r\n            padding: 4rem 0;\r\n        }\r\n        .hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%236ab3d0' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\r\n        }\r\n        .hero-inner {\r\n            position: relative;\r\n            z-index: 2;\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 3rem;\r\n            align-items: center;\r\n            max-width: 1200px;\r\n            width: 100%;\r\n            margin: 0 auto;\r\n            padding: 0 6vw;\r\n        }\r\n        .hero-content {\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n        .hero-script {\r\n            font-family: var(--script);\r\n            font-size: clamp(1.8rem, 3vw, 2.4rem);\r\n            color: rgba(205, 226, 237, 0.75);\r\n            display: block;\r\n            margin-bottom: 0.3rem;\r\n        }\r\n        .hero-title {\r\n            font-family: var(--serif);\r\n            font-size: clamp(2.4rem, 4vw, 4rem);\r\n            font-weight: 300;\r\n            color: #fff;\r\n            line-height: 1.1;\r\n            margin-bottom: 0.5rem;\r\n        }\r\n        .hero-title em {\r\n            font-style: italic;\r\n            color: var(--blue-light);\r\n        }\r\n        .hero-tagline {\r\n            display: block;\r\n            font-family: var(--sans);\r\n            font-size: 0.7rem;\r\n            letter-spacing: 0.22em;\r\n            text-transform: uppercase;\r\n            color: rgba(205, 226, 237, 0.5);\r\n            margin-bottom: 1.2rem;\r\n            font-weight: 300;\r\n        }\r\n        .hero-desc {\r\n            font-size: 0.95rem;\r\n            color: rgba(205, 226, 237, 0.55);\r\n            line-height: 1.8;\r\n            margin-bottom: 2rem;\r\n            max-width: 440px;\r\n        }\r\n        .hero-btns {\r\n            display: flex;\r\n            gap: 1rem;\r\n            flex-wrap: wrap;\r\n        }\r\n        .hero-visual {\r\n            position: relative;\r\n        }\r\n        .hero-cake-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            grid-template-rows: auto auto;\r\n            gap: 1rem;\r\n            width: 100%;\r\n        }\r\n        .hero-cake-card {\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(255, 255, 255, 0.15);\r\n            transition: transform 0.3s;\r\n            position: relative;\r\n        }\r\n        .hero-cake-card:hover {\r\n            transform: translateY(-5px);\r\n        }\r\n        .hero-cake-card.large {\r\n            grid-row: 1 \/ 3;\r\n            height: 380px;\r\n        }\r\n        .hero-cake-card.small {\r\n            height: 180px;\r\n        }\r\n        .hero-cake-card img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            display: block;\r\n        }\r\n        .hero-tag {\r\n            position: absolute;\r\n            bottom: 10px;\r\n            left: 10px;\r\n            background: rgba(255, 255, 255, 0.9);\r\n            backdrop-filter: blur(8px);\r\n            border-radius: 20px;\r\n            padding: 5px 12px;\r\n            font-family: var(--sans);\r\n            font-size: 10px;\r\n            font-weight: 600;\r\n            color: var(--ink-2);\r\n            letter-spacing: 0.05em;\r\n        }\r\n        @media(max-width:900px) {\r\n            .hero-inner {\r\n                grid-template-columns: 1fr;\r\n                gap: 2rem;\r\n                text-align: center;\r\n            }\r\n            .hero-desc {\r\n                margin-left: auto;\r\n                margin-right: auto;\r\n            }\r\n            .hero-btns {\r\n                justify-content: center;\r\n            }\r\n            .hero-cake-card.large {\r\n                height: 280px;\r\n            }\r\n            .hero-cake-card.small {\r\n                height: 140px;\r\n            }\r\n        }\r\n        @media(max-width:500px) {\r\n            .hero {\r\n                min-height: auto;\r\n                padding: 5rem 0 3rem;\r\n            }\r\n            .hero-cake-card.large {\r\n                height: 220px;\r\n            }\r\n            .hero-cake-card.small {\r\n                height: 110px;\r\n            }\r\n        }\r\n\r\n        \/* \u2500\u2500 STATS BAR \u2500\u2500 *\/\r\n        .stats-bar {\r\n            background: linear-gradient(90deg, var(--blue-deep), var(--blue-dark), var(--blue));\r\n            padding: 2.4rem 6vw;\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 1rem;\r\n            width: 100vw;\r\n            position: relative;\r\n            left: 50%;\r\n            right: 50%;\r\n            margin-left: -50vw;\r\n            margin-right: -50vw;\r\n        }\r\n        .sb-item {\r\n            text-align: center;\r\n            border-right: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n        .sb-item:last-child {\r\n            border-right: none;\r\n        }\r\n        .sb-num {\r\n            font-family: var(--serif);\r\n            font-size: 2.6rem;\r\n            font-weight: 300;\r\n            color: #fff;\r\n            line-height: 1;\r\n        }\r\n        .sb-label {\r\n            font-size: 0.65rem;\r\n            letter-spacing: 0.22em;\r\n            text-transform: uppercase;\r\n            color: rgba(205, 226, 237, 0.6);\r\n            margin-top: 0.35rem;\r\n        }\r\n        @media(max-width:700px) {\r\n            .stats-bar {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n            .sb-item:nth-child(2) {\r\n                border-right: none;\r\n            }\r\n        }\r\n\r\n        \/* \u2500\u2500 HOLIDAY COLLECTION \u2500\u2500 *\/\r\n        .holiday-section {\r\n            width: 100vw;\r\n            position: relative;\r\n            left: 50%;\r\n            right: 50%;\r\n            margin-left: -50vw;\r\n            margin-right: -50vw;\r\n            background: linear-gradient(135deg, #0f3b4f 0%, var(--blue-deep) 60%, #1a5f7a 100%);\r\n            padding: 5rem 6vw;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 4rem;\r\n            overflow: hidden;\r\n        }\r\n        .holiday-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='4'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\r\n        }\r\n        .holiday-img-wrap {\r\n            position: relative;\r\n            flex: 0 0 380px;\r\n            height: 420px;\r\n        }\r\n        .holiday-img-main {\r\n            width: 320px;\r\n            height: 380px;\r\n            object-fit: cover;\r\n            border-radius: 28px;\r\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n        .holiday-img-accent {\r\n            position: absolute;\r\n            bottom: -15px;\r\n            right: -15px;\r\n            width: 160px;\r\n            height: 160px;\r\n            border-radius: 18px;\r\n            overflow: hidden;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n            z-index: 3;\r\n            border: 3px solid rgba(255, 255, 255, 0.15);\r\n        }\r\n        .holiday-img-accent img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n        .holiday-ring {\r\n            position: absolute;\r\n            top: -25px;\r\n            left: -25px;\r\n            width: 260px;\r\n            height: 260px;\r\n            border-radius: 50%;\r\n            border: 1px solid rgba(201, 169, 110, 0.3);\r\n            z-index: 1;\r\n        }\r\n        .holiday-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            max-width: 440px;\r\n        }\r\n        .holiday-label {\r\n            font-family: var(--script);\r\n            font-size: 2rem;\r\n            color: var(--gold-light);\r\n            display: block;\r\n            margin-bottom: 6px;\r\n        }\r\n        .holiday-title {\r\n            font-family: var(--serif);\r\n            font-size: clamp(2.2rem, 3.5vw, 3.4rem);\r\n            font-weight: 300;\r\n            color: #fff;\r\n            margin-bottom: 14px;\r\n            line-height: 1.15;\r\n        }\r\n        .holiday-title em {\r\n            font-style: italic;\r\n            color: var(--gold-light);\r\n        }\r\n        .holiday-desc {\r\n            font-size: 0.9rem;\r\n            color: rgba(255, 255, 255, 0.7);\r\n            line-height: 1.75;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n        .holiday-discount-box {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 14px;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            border: 1px solid rgba(201, 169, 110, 0.4);\r\n            border-radius: 16px;\r\n            padding: 16px 24px;\r\n            margin-bottom: 1.5rem;\r\n            backdrop-filter: blur(10px);\r\n        }\r\n        .discount-pct {\r\n            font-family: var(--serif);\r\n            font-size: 2.8rem;\r\n            font-weight: 500;\r\n            color: var(--gold-light);\r\n            line-height: 1;\r\n        }\r\n        .discount-text {\r\n            color: rgba(255, 255, 255, 0.8);\r\n            font-size: 0.85rem;\r\n            font-weight: 400;\r\n        }\r\n        .discount-text strong {\r\n            display: block;\r\n            color: #fff;\r\n            font-size: 1rem;\r\n            margin-bottom: 2px;\r\n        }\r\n        .btn-gold {\r\n            background: linear-gradient(135deg, var(--gold), #b8933a);\r\n            color: #fff;\r\n            border: none;\r\n            padding: 14px 32px;\r\n            border-radius: 50px;\r\n            font-family: var(--sans);\r\n            font-size: 0.7rem;\r\n            font-weight: 500;\r\n            letter-spacing: 0.1em;\r\n            text-transform: uppercase;\r\n            cursor: pointer;\r\n            transition: all 0.3s;\r\n            text-decoration: none;\r\n            display: inline-block;\r\n            box-shadow: 0 4px 20px rgba(201, 169, 110, 0.4);\r\n        }\r\n        .btn-gold:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 10px 30px rgba(201, 169, 110, 0.5);\r\n        }\r\n        @media(max-width:900px) {\r\n            .holiday-section {\r\n                flex-direction: column;\r\n                text-align: center;\r\n                gap: 2.5rem;\r\n                padding: 4rem 6vw;\r\n            }\r\n            .holiday-img-wrap {\r\n                flex: 0 0 auto;\r\n                height: auto;\r\n            }\r\n            .holiday-img-main {\r\n                width: 280px;\r\n                height: 320px;\r\n                margin: 0 auto;\r\n            }\r\n            .holiday-img-accent {\r\n                width: 130px;\r\n                height: 130px;\r\n                bottom: -10px;\r\n                right: 10px;\r\n            }\r\n            .holiday-ring {\r\n                width: 200px;\r\n                height: 200px;\r\n                top: -15px;\r\n                left: 20px;\r\n            }\r\n            .holiday-content {\r\n                max-width: 100%;\r\n            }\r\n        }\r\n\r\n        \/* \u2500\u2500 RIBBON \u2500\u2500 *\/\r\n        .ribbon {\r\n            overflow: hidden;\r\n            background: linear-gradient(90deg, var(--blue-pale), var(--blue-mist), var(--blue-pale));\r\n            border-top: 1px solid rgba(58, 143, 186, 0.12);\r\n            border-bottom: 1px solid rgba(58, 143, 186, 0.12);\r\n            padding: 1rem 0;\r\n            width: 100vw;\r\n            position: relative;\r\n            left: 50%;\r\n            right: 50%;\r\n            margin-left: -50vw;\r\n            margin-right: -50vw;\r\n        }\r\n        .ribbon-track {\r\n            display: flex;\r\n            width: max-content;\r\n            animation: ribbonScroll 30s linear infinite;\r\n        }\r\n        .ribbon-track:hover {\r\n            animation-play-state: paused;\r\n        }\r\n        .ribbon-item {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 1.6rem;\r\n            padding: 0 2rem;\r\n            font-family: var(--serif);\r\n            font-style: italic;\r\n            font-size: 1rem;\r\n            color: var(--blue-dark);\r\n            opacity: 0.7;\r\n            white-space: nowrap;\r\n        }\r\n        @keyframes ribbonScroll {\r\n            0% { transform: translateX(0); }\r\n            100% { transform: translateX(-50%); }\r\n        }\r\n\r\n        \/* \u2500\u2500 FEATURED BAKES (clickable cards open product pages) \u2500\u2500 *\/\r\n        .featured-sec {\r\n            background: var(--pearl);\r\n        }\r\n        .featured-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 1.6rem;\r\n            margin-top: 2.5rem;\r\n        }\r\n        @media(max-width:960px) {\r\n            .featured-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n        @media(max-width:600px) {\r\n            .featured-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n        .feat-card {\r\n            background: var(--ivory);\r\n            border: 1px solid rgba(58, 143, 186, 0.1);\r\n            border-radius: 24px;\r\n            overflow: hidden;\r\n            transition: all 0.45s var(--ease);\r\n            cursor: pointer;\r\n        }\r\n        .feat-card:hover {\r\n            transform: translateY(-6px);\r\n            box-shadow: 0 20px 56px rgba(26, 45, 58, 0.1);\r\n            border-color: rgba(58, 143, 186, 0.22);\r\n        }\r\n        .feat-img {\r\n            height: 240px;\r\n            position: relative;\r\n            overflow: hidden;\r\n            pointer-events: auto;\r\n        }\r\n        .feat-img img {\r\n            transition: transform 0.7s var(--ease);\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n        .feat-card:hover .feat-img img {\r\n            transform: scale(1.06);\r\n        }\r\n        .feat-badge {\r\n            position: absolute;\r\n            top: 0.9rem;\r\n            left: 0.9rem;\r\n            background: rgba(26, 45, 58, 0.78);\r\n            backdrop-filter: blur(8px);\r\n            border-radius: 50px;\r\n            padding: 0.3rem 0.9rem;\r\n            font-size: 0.58rem;\r\n            letter-spacing: 0.12em;\r\n            text-transform: uppercase;\r\n            color: rgba(205, 226, 237, 0.85);\r\n        }\r\n        .feat-body {\r\n            padding: 1.6rem 1.6rem 1.8rem;\r\n        }\r\n        .feat-title {\r\n            font-family: var(--serif);\r\n            font-size: 1.25rem;\r\n            font-weight: 400;\r\n            color: var(--ink);\r\n            margin-bottom: 0.4rem;\r\n        }\r\n        .feat-desc {\r\n            font-size: 0.85rem;\r\n            color: var(--ink-3);\r\n            line-height: 1.85;\r\n            margin-bottom: 1rem;\r\n        }\r\n        .feat-footer {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n        }\r\n        .feat-tag {\r\n            font-size: 0.58rem;\r\n            letter-spacing: 0.12em;\r\n            text-transform: uppercase;\r\n            color: var(--blue);\r\n            background: var(--blue-pale);\r\n            border-radius: 50px;\r\n            padding: 0.25rem 0.75rem;\r\n        }\r\n        .feat-link {\r\n            font-size: 0.62rem;\r\n            letter-spacing: 0.15em;\r\n            text-transform: uppercase;\r\n            color: var(--blue-dark);\r\n            font-weight: 400;\r\n            transition: color 0.25s;\r\n            cursor: pointer;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n        .feat-link:hover {\r\n            color: var(--blue);\r\n        }\r\n        .feat-link i {\r\n            margin-left: 0.3rem;\r\n            font-size: 0.55rem;\r\n        }\r\n\r\n        \/* \u2500\u2500 MASONRY \u2500\u2500 *\/\r\n        .masonry-sec {\r\n            background: var(--ivory);\r\n        }\r\n        .masonry-head {\r\n            text-align: center;\r\n            margin-bottom: 3rem;\r\n        }\r\n        .masonry-head .script-accent {\r\n            font-family: var(--script);\r\n            font-size: 2.8rem;\r\n            background: linear-gradient(135deg, var(--blue-light), var(--blue-dark));\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            margin-bottom: -0.2rem;\r\n            display: block;\r\n        }\r\n        .masonry-grid {\r\n            columns: 4;\r\n            column-gap: 1.1rem;\r\n        }\r\n        @media(max-width:1100px) { .masonry-grid { columns: 3; } }\r\n        @media(max-width:700px) { .masonry-grid { columns: 2; } }\r\n        @media(max-width:450px) { .masonry-grid { columns: 1; } }\r\n        .pin {\r\n            break-inside: avoid;\r\n            margin-bottom: 1.1rem;\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            background: var(--blue-pale);\r\n            transition: transform 0.45s var(--ease), box-shadow 0.45s var(--ease);\r\n        }\r\n        .pin:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 18px 48px rgba(26, 45, 58, 0.12);\r\n        }\r\n        .pin-img {\r\n            overflow: hidden;\r\n            position: relative;\r\n        }\r\n        .pin-img img {\r\n            transition: transform 0.8s var(--ease);\r\n            filter: saturate(1.05) brightness(0.9);\r\n        }\r\n        .pin:hover .pin-img img {\r\n            transform: scale(1.07);\r\n        }\r\n        .pin-overlay {\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(to top, rgba(26, 45, 58, 0.75) 0%, rgba(58, 143, 186, 0.08) 60%, transparent 100%);\r\n            opacity: 0;\r\n            transition: opacity 0.4s;\r\n        }\r\n        .pin:hover .pin-overlay {\r\n            opacity: 1;\r\n        }\r\n        .pin-info {\r\n            padding: 1.1rem 1.2rem 0.9rem;\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            right: 0;\r\n            transform: translateY(8px);\r\n            opacity: 0;\r\n            transition: all 0.38s var(--ease);\r\n        }\r\n        .pin:hover .pin-info {\r\n            transform: none;\r\n            opacity: 1;\r\n        }\r\n        .pin-title {\r\n            font-family: var(--serif);\r\n            font-style: italic;\r\n            font-size: 1.05rem;\r\n            color: #fff;\r\n            line-height: 1.28;\r\n        }\r\n        .pin-sub {\r\n            font-size: 0.63rem;\r\n            color: rgba(205, 226, 237, 0.7);\r\n        }\r\n        .pin-label {\r\n            padding: 1rem 1.2rem 0.95rem;\r\n            background: var(--blue-pale);\r\n        }\r\n        .pin-label-name {\r\n            font-family: var(--serif);\r\n            font-size: 0.95rem;\r\n            font-weight: 400;\r\n            color: var(--ink-2);\r\n        }\r\n        .pin-label-tag {\r\n            font-size: 0.6rem;\r\n            letter-spacing: 0.13em;\r\n            text-transform: uppercase;\r\n            color: var(--blue-light);\r\n        }\r\n        .pin-stat {\r\n            background: linear-gradient(145deg, var(--blue-fog), var(--blue-pale));\r\n            padding: 2rem 1.6rem;\r\n            text-align: center;\r\n            break-inside: avoid;\r\n            margin-bottom: 1.1rem;\r\n            border-radius: 20px;\r\n        }\r\n        .ps-num {\r\n            font-family: var(--serif);\r\n            font-size: 3rem;\r\n            font-weight: 300;\r\n            color: var(--blue-dark);\r\n            line-height: 1;\r\n        }\r\n        .ps-label {\r\n            font-size: 0.65rem;\r\n            letter-spacing: 0.2em;\r\n            text-transform: uppercase;\r\n            color: var(--ink-3);\r\n            margin-top: 0.4rem;\r\n        }\r\n        .pin-quote {\r\n            background: linear-gradient(145deg, var(--blue-mist), var(--blue-pale));\r\n            padding: 2.2rem 1.8rem;\r\n            text-align: center;\r\n            break-inside: avoid;\r\n            margin-bottom: 1.1rem;\r\n            border-radius: 20px;\r\n        }\r\n        .pq-marks {\r\n            font-family: var(--script);\r\n            font-size: 4.5rem;\r\n            color: var(--blue-light);\r\n            line-height: 0.8;\r\n            display: block;\r\n            margin-bottom: 0.5rem;\r\n            opacity: 0.6;\r\n        }\r\n        .pq-text {\r\n            font-family: var(--serif);\r\n            font-style: italic;\r\n            font-size: 1.05rem;\r\n            color: var(--ink-2);\r\n            line-height: 1.75;\r\n            margin-bottom: 1rem;\r\n        }\r\n        .pin-flavor {\r\n            background: linear-gradient(145deg, var(--cream), var(--blue-fog));\r\n            padding: 1.7rem;\r\n            break-inside: avoid;\r\n            margin-bottom: 1.1rem;\r\n            border-radius: 20px;\r\n        }\r\n        .pf-name {\r\n            font-family: var(--serif);\r\n            font-size: 1.25rem;\r\n            font-style: italic;\r\n            color: var(--ink);\r\n            margin-bottom: 0.6rem;\r\n        }\r\n        .pf-tags {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 0.35rem;\r\n        }\r\n        .pf-tag {\r\n            font-size: 0.6rem;\r\n            letter-spacing: 0.08em;\r\n            background: rgba(58, 143, 186, 0.1);\r\n            border: 1px solid rgba(58, 143, 186, 0.2);\r\n            color: var(--blue-dark);\r\n            border-radius: 50px;\r\n            padding: 0.2rem 0.75rem;\r\n        }\r\n\r\n        \/* \u2500\u2500 FLAVOURS \u2500\u2500 *\/\r\n        .flavour-sec {\r\n            background: var(--blue-deep);\r\n            overflow: hidden;\r\n        }\r\n        .flavour-head {\r\n            text-align: center;\r\n            margin-bottom: 3rem;\r\n        }\r\n        .flavour-head .section-eyebrow {\r\n            color: rgba(106, 179, 208, 0.8);\r\n            justify-content: center;\r\n        }\r\n        .flavour-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(6, 1fr);\r\n            gap: 1rem;\r\n        }\r\n        @media(max-width:1100px) { .flavour-grid { grid-template-columns: repeat(3, 1fr); } }\r\n        @media(max-width:640px) { .flavour-grid { grid-template-columns: repeat(2, 1fr); } }\r\n        .fl-card {\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border: 1px solid rgba(106, 179, 208, 0.15);\r\n            border-radius: 20px;\r\n            padding: 1.8rem 1.2rem;\r\n            text-align: center;\r\n            transition: all 0.4s var(--ease);\r\n        }\r\n        .fl-card:hover {\r\n            background: rgba(58, 143, 186, 0.18);\r\n            border-color: rgba(106, 179, 208, 0.35);\r\n            transform: translateY(-5px);\r\n        }\r\n        .fl-ico {\r\n            font-size: 1.8rem;\r\n            margin-bottom: 1rem;\r\n            display: block;\r\n            color: var(--blue-light);\r\n        }\r\n        .fl-name {\r\n            font-family: var(--serif);\r\n            font-style: italic;\r\n            font-size: 1rem;\r\n            color: rgba(205, 226, 237, 0.9);\r\n            margin-bottom: 0.3rem;\r\n        }\r\n        .fl-note {\r\n            font-size: 0.68rem;\r\n            color: rgba(106, 179, 208, 0.6);\r\n            letter-spacing: 0.08em;\r\n        }\r\n\r\n        \/* \u2500\u2500 STORY \u2500\u2500 *\/\r\n        .story-sec {\r\n            background: var(--blue-fog);\r\n        }\r\n        .story-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 3rem;\r\n            align-items: center;\r\n        }\r\n        @media(max-width:900px) {\r\n            .story-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 2rem;\r\n            }\r\n        }\r\n        .story-img-wrap {\r\n            border-radius: 28px;\r\n            overflow: hidden;\r\n            height: 420px;\r\n            position: relative;\r\n        }\r\n        .story-img-wrap::after {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(145deg, rgba(26, 45, 58, 0.1), transparent 60%);\r\n        }\r\n        .story-stats {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 0.8rem;\r\n            margin-top: 1.5rem;\r\n        }\r\n        .sstile {\r\n            background: rgba(253, 252, 250, 0.96);\r\n            border: 1px solid rgba(58, 143, 186, 0.15);\r\n            border-radius: 16px;\r\n            padding: 1rem 1.2rem;\r\n            text-align: center;\r\n        }\r\n        .ssnum {\r\n            font-family: var(--serif);\r\n            font-size: 1.8rem;\r\n            font-weight: 300;\r\n            color: var(--blue-dark);\r\n            line-height: 1;\r\n        }\r\n        .sslabel {\r\n            font-size: 0.63rem;\r\n            color: var(--ink-3);\r\n            margin-top: 0.22rem;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 0.3rem;\r\n        }\r\n        .story-text h3 {\r\n            font-family: var(--serif);\r\n            font-size: 1.8rem;\r\n            font-weight: 300;\r\n            color: var(--ink);\r\n            margin-bottom: 1rem;\r\n            line-height: 1.2;\r\n        }\r\n        .story-text h3 em {\r\n            font-style: italic;\r\n            color: var(--blue);\r\n        }\r\n        .story-text p {\r\n            font-size: 0.92rem;\r\n            color: var(--ink-3);\r\n            line-height: 2;\r\n            margin-bottom: 1rem;\r\n        }\r\n        .cert-strip {\r\n            margin-top: 1.5rem;\r\n            background: rgba(253, 252, 250, 0.9);\r\n            border: 1px solid rgba(58, 143, 186, 0.15);\r\n            border-radius: 16px;\r\n            padding: 1.2rem 1.5rem;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 1rem;\r\n        }\r\n        .cert-ico {\r\n            width: 46px;\r\n            height: 46px;\r\n            border-radius: 14px;\r\n            background: linear-gradient(135deg, var(--blue-light), var(--blue-dark));\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: #fff;\r\n            flex-shrink: 0;\r\n        }\r\n        .cert-text strong {\r\n            display: block;\r\n            font-size: 0.87rem;\r\n            color: var(--ink);\r\n            margin-bottom: 0.18rem;\r\n            font-weight: 500;\r\n        }\r\n        .cert-text span {\r\n            font-size: 0.7rem;\r\n            color: var(--ink-4);\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.35rem;\r\n        }\r\n\r\n        \/* \u2500\u2500 PROCESS \u2500\u2500 *\/\r\n        .process-sec {\r\n            background: var(--pearl);\r\n        }\r\n        .process-cards {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 1.3rem;\r\n            margin-top: 2.5rem;\r\n        }\r\n        @media(max-width:900px) { .process-cards { grid-template-columns: 1fr 1fr; } }\r\n        @media(max-width:500px) { .process-cards { grid-template-columns: 1fr; } }\r\n        .proc-card {\r\n            background: var(--ivory);\r\n            border: 1px solid rgba(58, 143, 186, 0.1);\r\n            border-radius: 24px;\r\n            padding: 2rem 1.6rem 2.2rem;\r\n            text-align: center;\r\n            transition: all 0.45s var(--ease);\r\n        }\r\n        .proc-card:hover {\r\n            transform: translateY(-7px);\r\n            box-shadow: 0 20px 50px rgba(26, 45, 58, 0.1);\r\n            border-color: rgba(58, 143, 186, 0.25);\r\n        }\r\n        .proc-num {\r\n            font-family: var(--script);\r\n            font-size: 2.8rem;\r\n            color: rgba(58, 143, 186, 0.2);\r\n            line-height: 1;\r\n            margin-bottom: 0.7rem;\r\n        }\r\n        .proc-ico {\r\n            width: 58px;\r\n            height: 58px;\r\n            border-radius: 50%;\r\n            background: linear-gradient(135deg, var(--blue-pale), var(--blue-mist));\r\n            border: 1px solid rgba(58, 143, 186, 0.18);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 1.3rem;\r\n            font-size: 1.1rem;\r\n            color: var(--blue);\r\n            transition: all 0.35s var(--ease);\r\n        }\r\n        .proc-card:hover .proc-ico {\r\n            background: linear-gradient(135deg, var(--blue), var(--blue-dark));\r\n            color: #fff;\r\n            transform: scale(1.08);\r\n        }\r\n        .proc-title {\r\n            font-family: var(--serif);\r\n            font-size: 1.1rem;\r\n            font-weight: 400;\r\n            color: var(--ink);\r\n            margin-bottom: 0.5rem;\r\n        }\r\n        .proc-desc {\r\n            font-size: 0.82rem;\r\n            color: var(--ink-3);\r\n            line-height: 1.8;\r\n        }\r\n\r\n        \/* \u2500\u2500 GIFT \u2500\u2500 *\/\r\n        .gift-sec {\r\n            background: var(--ivory);\r\n        }\r\n        .gift-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1.2fr;\r\n            gap: 3rem;\r\n            align-items: center;\r\n            margin-top: 2.5rem;\r\n        }\r\n        @media(max-width:900px) { .gift-grid { grid-template-columns: 1fr; } }\r\n        .gift-visual {\r\n            position: relative;\r\n        }\r\n        .gift-img-wrap {\r\n            border-radius: 28px;\r\n            overflow: hidden;\r\n            height: 440px;\r\n        }\r\n        .gift-badge {\r\n            position: absolute;\r\n            bottom: -1.2rem;\r\n            right: -1.2rem;\r\n            background: linear-gradient(135deg, var(--blue), var(--blue-dark));\r\n            border-radius: 22px;\r\n            padding: 1.3rem 1.6rem;\r\n            color: #fff;\r\n            text-align: center;\r\n            box-shadow: 0 12px 36px rgba(58, 143, 186, 0.4);\r\n        }\r\n        .gift-badge-num {\r\n            font-family: var(--serif);\r\n            font-size: 2rem;\r\n            font-weight: 300;\r\n            line-height: 1;\r\n        }\r\n        .gift-badge-label {\r\n            font-size: 0.6rem;\r\n            letter-spacing: 0.18em;\r\n            text-transform: uppercase;\r\n            color: rgba(205, 226, 237, 0.75);\r\n            margin-top: 0.2rem;\r\n        }\r\n        .gift-features {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 1rem;\r\n            margin-top: 2rem;\r\n        }\r\n        .gift-feat {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 1rem;\r\n            padding: 1.1rem 1.3rem;\r\n            background: var(--pearl);\r\n            border: 1px solid rgba(58, 143, 186, 0.1);\r\n            border-radius: 16px;\r\n            transition: all 0.35s var(--ease);\r\n        }\r\n        .gift-feat:hover {\r\n            border-color: rgba(58, 143, 186, 0.25);\r\n            transform: translateX(4px);\r\n        }\r\n        .gift-feat-ico {\r\n            width: 42px;\r\n            height: 42px;\r\n            border-radius: 12px;\r\n            background: linear-gradient(135deg, var(--blue-pale), var(--blue-mist));\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--blue);\r\n            font-size: 0.9rem;\r\n            flex-shrink: 0;\r\n        }\r\n        .gift-feat-title {\r\n            font-size: 0.88rem;\r\n            font-weight: 400;\r\n            color: var(--ink);\r\n            margin-bottom: 0.2rem;\r\n        }\r\n        .gift-feat-desc {\r\n            font-size: 0.78rem;\r\n            color: var(--ink-3);\r\n            line-height: 1.7;\r\n        }\r\n\r\n        \/* \u2500\u2500 TESTIMONIALS \u2500\u2500 *\/\r\n        .testi-sec {\r\n            background: var(--blue-fog);\r\n        }\r\n        .testi-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 1.3rem;\r\n            margin-top: 2.5rem;\r\n        }\r\n        @media(max-width:900px) { .testi-grid { grid-template-columns: 1fr; } }\r\n        .tcard {\r\n            background: rgba(253, 252, 250, 0.98);\r\n            border: 1px solid rgba(58, 143, 186, 0.1);\r\n            border-radius: 24px;\r\n            padding: 2.4rem;\r\n            position: relative;\r\n            transition: all 0.45s var(--ease);\r\n        }\r\n        .tcard:hover {\r\n            box-shadow: 0 16px 48px rgba(26, 45, 58, 0.1);\r\n            border-color: rgba(58, 143, 186, 0.22);\r\n        }\r\n        .big-quote {\r\n            position: absolute;\r\n            top: -1rem;\r\n            right: 1.5rem;\r\n            font-family: var(--script);\r\n            font-size: 8rem;\r\n            color: rgba(58, 143, 186, 0.06);\r\n            line-height: 1;\r\n        }\r\n        .t-stars {\r\n            display: flex;\r\n            gap: 0.22rem;\r\n            margin-bottom: 1.2rem;\r\n        }\r\n        .t-stars i {\r\n            font-size: 0.72rem;\r\n            color: var(--gold);\r\n        }\r\n        .t-quote {\r\n            font-family: var(--serif);\r\n            font-style: italic;\r\n            font-size: 0.95rem;\r\n            color: var(--ink-2);\r\n            line-height: 1.9;\r\n            margin-bottom: 1.8rem;\r\n        }\r\n        .t-person {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.8rem;\r\n        }\r\n        .t-av {\r\n            width: 42px;\r\n            height: 42px;\r\n            border-radius: 50%;\r\n            background: linear-gradient(135deg, var(--blue-light), var(--blue-dark));\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-family: var(--serif);\r\n            font-size: 1rem;\r\n            color: #fff;\r\n            flex-shrink: 0;\r\n        }\r\n        .t-name {\r\n            font-size: 0.82rem;\r\n            color: var(--ink);\r\n            font-weight: 400;\r\n        }\r\n        .t-loc {\r\n            font-size: 0.65rem;\r\n            color: var(--ink-4);\r\n            margin-top: 0.1rem;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.3rem;\r\n        }\r\n\r\n        \/* \u2500\u2500 INSTAGRAM \u2500\u2500 *\/\r\n        .insta-sec {\r\n            background: var(--pearl);\r\n        }\r\n        .insta-head {\r\n            text-align: center;\r\n            margin-bottom: 2.5rem;\r\n        }\r\n        .insta-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(6, 1fr);\r\n            gap: 0.6rem;\r\n        }\r\n        @media(max-width:900px) { .insta-grid { grid-template-columns: repeat(3, 1fr); } }\r\n        @media(max-width:500px) { .insta-grid { grid-template-columns: repeat(2, 1fr); } }\r\n        .insta-tile {\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            position: relative;\r\n            aspect-ratio: 1\/1;\r\n            cursor: pointer;\r\n        }\r\n        .insta-tile img {\r\n            transition: transform 0.6s var(--ease);\r\n        }\r\n        .insta-tile:hover img {\r\n            transform: scale(1.09);\r\n        }\r\n        .insta-tile-ov {\r\n            position: absolute;\r\n            inset: 0;\r\n            background: rgba(26, 45, 58, 0.5);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            opacity: 0;\r\n            transition: opacity 0.35s;\r\n        }\r\n        .insta-tile:hover .insta-tile-ov {\r\n            opacity: 1;\r\n        }\r\n        .insta-tile-ov i {\r\n            color: #fff;\r\n            font-size: 1.3rem;\r\n        }\r\n        .insta-handle {\r\n            text-align: center;\r\n            margin-top: 2rem;\r\n            font-family: var(--serif);\r\n            font-style: italic;\r\n            font-size: 1.05rem;\r\n            color: var(--ink-3);\r\n        }\r\n        .insta-handle a {\r\n            color: var(--blue-dark);\r\n            transition: color 0.25s;\r\n        }\r\n        .insta-handle a:hover {\r\n            color: var(--blue);\r\n        }\r\n\r\n        \/* \u2500\u2500 FAQ \u2500\u2500 *\/\r\n        .faq-sec {\r\n            background: var(--blue-fog);\r\n        }\r\n        .faq-grid {\r\n            margin-top: 2.5rem;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 0.9rem;\r\n            max-width: 800px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n        .faq-item {\r\n            background: rgba(253, 252, 250, 0.9);\r\n            border: 1px solid rgba(58, 143, 186, 0.1);\r\n            border-radius: 18px;\r\n            overflow: hidden;\r\n            transition: all 0.35s var(--ease);\r\n        }\r\n        .faq-item.open {\r\n            border-color: rgba(58, 143, 186, 0.22);\r\n            box-shadow: 0 8px 32px rgba(26, 45, 58, 0.07);\r\n        }\r\n        .faq-q {\r\n            padding: 1.4rem 1.8rem;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            font-family: var(--serif);\r\n            font-size: 1rem;\r\n            color: var(--ink);\r\n            font-weight: 400;\r\n            cursor: pointer;\r\n        }\r\n        .faq-icon {\r\n            width: 30px;\r\n            height: 30px;\r\n            border-radius: 50%;\r\n            background: var(--blue-pale);\r\n            border: 1px solid rgba(58, 143, 186, 0.2);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--blue);\r\n            font-size: 0.7rem;\r\n            flex-shrink: 0;\r\n            transition: all 0.35s var(--ease);\r\n        }\r\n        .faq-item.open .faq-icon {\r\n            background: var(--blue);\r\n            color: #fff;\r\n            transform: rotate(45deg);\r\n        }\r\n        .faq-a {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.4s var(--ease), padding 0.3s;\r\n        }\r\n        .faq-item.open .faq-a {\r\n            max-height: 200px;\r\n        }\r\n        .faq-a-inner {\r\n            padding: 0 1.8rem 1.4rem;\r\n            font-size: 0.85rem;\r\n            color: var(--ink-3);\r\n            line-height: 1.95;\r\n        }\r\n\r\n        \/* \u2500\u2500 ORDER BANNER \u2500\u2500 *\/\r\n        .order-banner {\r\n            overflow: hidden;\r\n            min-height: 400px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            text-align: center;\r\n            position: relative;\r\n            width: 100vw;\r\n            left: 50%;\r\n            right: 50%;\r\n            margin-left: -50vw;\r\n            margin-right: -50vw;\r\n        }\r\n        .ob-bg {\r\n            position: absolute;\r\n            inset: 0;\r\n        }\r\n        .ob-bg img {\r\n            filter: brightness(0.25) saturate(1.3);\r\n            object-fit: cover;\r\n            width: 100%;\r\n            height: 100%;\r\n        }\r\n        .ob-bg::after {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(145deg, rgba(26, 45, 58, 0.88), rgba(45, 115, 153, 0.35) 50%, rgba(26, 45, 58, 0.85));\r\n        }\r\n        .ob-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            padding: 3rem 2rem;\r\n            max-width: 650px;\r\n            margin: 0 auto;\r\n        }\r\n        .ob-script {\r\n            font-family: var(--script);\r\n            font-size: 2.4rem;\r\n            background: linear-gradient(135deg, rgba(205, 226, 237, 0.9), rgba(106, 179, 208, 0.7));\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            display: block;\r\n            margin-bottom: 0.4rem;\r\n        }\r\n        .ob-title {\r\n            font-family: var(--serif);\r\n            font-size: clamp(2rem, 4vw, 3.2rem);\r\n            font-weight: 300;\r\n            color: #fff;\r\n            line-height: 1.1;\r\n            margin-bottom: 0.8rem;\r\n        }\r\n        .ob-title em {\r\n            font-style: italic;\r\n            color: rgba(205, 226, 237, 0.9);\r\n        }\r\n        .ob-sub {\r\n            color: rgba(205, 226, 237, 0.5);\r\n            font-size: 0.9rem;\r\n            line-height: 1.7;\r\n            margin: 0.8rem auto 1.5rem;\r\n            max-width: 480px;\r\n        }\r\n        .ob-chips {\r\n            display: flex;\r\n            gap: 0.5rem;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n        .ob-chip {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 0.35rem;\r\n            font-size: 0.6rem;\r\n            letter-spacing: 0.1em;\r\n            color: rgba(205, 226, 237, 0.7);\r\n            background: rgba(58, 143, 186, 0.12);\r\n            border: 1px solid rgba(106, 179, 208, 0.25);\r\n            border-radius: 50px;\r\n            padding: 0.25rem 0.85rem;\r\n        }\r\n        .ob-chip i {\r\n            font-size: 0.55rem;\r\n            color: rgba(106, 179, 208, 0.8);\r\n        }\r\n\r\n        \/* \u2500\u2500 NEWSLETTER \u2500\u2500 *\/\r\n        .newsletter-sec {\r\n            background: linear-gradient(135deg, var(--blue-pale), var(--blue-mist));\r\n        }\r\n        .newsletter-inner {\r\n            text-align: center;\r\n            max-width: 550px;\r\n            margin: 0 auto;\r\n        }\r\n        .newsletter-title {\r\n            font-family: var(--serif);\r\n            font-size: clamp(1.6rem, 2.5vw, 2.2rem);\r\n            font-weight: 300;\r\n            color: var(--ink);\r\n            margin-bottom: 0.5rem;\r\n        }\r\n        .newsletter-sub {\r\n            font-size: 0.88rem;\r\n            color: var(--ink-3);\r\n            margin-bottom: 1.8rem;\r\n        }\r\n        .nl-form {\r\n            display: flex;\r\n            gap: 0.7rem;\r\n            max-width: 460px;\r\n            margin: 0 auto;\r\n        }\r\n        @media(max-width:500px) { .nl-form { flex-direction: column; } }\r\n        .nl-input {\r\n            flex: 1;\r\n            padding: 0.85rem 1.4rem;\r\n            border-radius: 50px;\r\n            border: 1.5px solid rgba(58, 143, 186, 0.25);\r\n            background: rgba(253, 252, 250, 0.9);\r\n            font-family: var(--sans);\r\n            font-size: 0.82rem;\r\n            color: var(--ink);\r\n            outline: none;\r\n            transition: border-color 0.25s;\r\n        }\r\n        .nl-input:focus {\r\n            border-color: var(--blue-light);\r\n        }\r\n        .nl-input::placeholder {\r\n            color: var(--ink-4);\r\n        }\r\n        .nl-btn {\r\n            padding: 0.85rem 1.8rem;\r\n            border-radius: 50px;\r\n            background: linear-gradient(135deg, var(--blue), var(--blue-dark));\r\n            color: #fff;\r\n            border: none;\r\n            font-family: var(--sans);\r\n            font-size: 0.65rem;\r\n            letter-spacing: 0.18em;\r\n            text-transform: uppercase;\r\n            font-weight: 400;\r\n            transition: all 0.35s var(--ease);\r\n            white-space: nowrap;\r\n            cursor: pointer;\r\n        }\r\n        .nl-btn:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 8px 24px rgba(58, 143, 186, 0.4);\r\n        }\r\n\r\n        \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n        .footer {\r\n            background: linear-gradient(135deg, var(--blue-deep), var(--ink));\r\n            padding: 4rem 6vw 2.5rem;\r\n            width: 100vw;\r\n            position: relative;\r\n            left: 50%;\r\n            right: 50%;\r\n            margin-left: -50vw;\r\n            margin-right: -50vw;\r\n        }\r\n        .footer-grid {\r\n            display: grid;\r\n            grid-template-columns: 1.4fr 1fr 1fr 1fr;\r\n            gap: 2.5rem;\r\n            margin-bottom: 3rem;\r\n            max-width: 1200px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n        @media(max-width:900px) { .footer-grid { grid-template-columns: 1fr 1fr; } }\r\n        @media(max-width:500px) { .footer-grid { grid-template-columns: 1fr; } }\r\n        .ft-brand .ft-logo {\r\n            font-family: var(--script);\r\n            font-size: 2.2rem;\r\n            color: #fff;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.6rem;\r\n            margin-bottom: 1rem;\r\n        }\r\n        .ft-brand p {\r\n            font-size: 0.82rem;\r\n            color: rgba(160, 191, 204, 0.6);\r\n            line-height: 1.8;\r\n            max-width: 240px;\r\n        }\r\n        .ft-col-title {\r\n            font-size: 0.6rem;\r\n            letter-spacing: 0.25em;\r\n            text-transform: uppercase;\r\n            color: rgba(106, 179, 208, 0.6);\r\n            margin-bottom: 1.2rem;\r\n            font-weight: 500;\r\n        }\r\n        .ft-col a {\r\n            display: block;\r\n            font-size: 0.82rem;\r\n            color: rgba(160, 191, 204, 0.55);\r\n            margin-bottom: 0.6rem;\r\n            transition: color 0.25s;\r\n        }\r\n        .ft-col a:hover {\r\n            color: rgba(205, 226, 237, 0.85);\r\n        }\r\n        .ft-social {\r\n            display: flex;\r\n            gap: 0.7rem;\r\n            margin-top: 1.5rem;\r\n        }\r\n        .ft-soc-btn {\r\n            width: 36px;\r\n            height: 36px;\r\n            border-radius: 50%;\r\n            border: 1px solid rgba(106, 179, 208, 0.2);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: rgba(106, 179, 208, 0.6);\r\n            font-size: 0.78rem;\r\n            transition: all 0.3s;\r\n        }\r\n        .ft-soc-btn:hover {\r\n            background: rgba(58, 143, 186, 0.25);\r\n            border-color: rgba(106, 179, 208, 0.4);\r\n            color: rgba(205, 226, 237, 0.9);\r\n        }\r\n        .footer-bottom {\r\n            border-top: 1px solid rgba(106, 179, 208, 0.1);\r\n            padding-top: 1.8rem;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            flex-wrap: wrap;\r\n            gap: 1rem;\r\n            max-width: 1200px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n        .ft-copy {\r\n            font-size: 0.68rem;\r\n            color: rgba(106, 179, 208, 0.4);\r\n        }\r\n        .ft-legal {\r\n            display: flex;\r\n            gap: 1.5rem;\r\n        }\r\n        .ft-legal a {\r\n            font-size: 0.65rem;\r\n            color: rgba(106, 179, 208, 0.35);\r\n            transition: color 0.25s;\r\n        }\r\n        .ft-legal a:hover {\r\n            color: rgba(106, 179, 208, 0.65);\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"dream-bg\">\r\n        <div class=\"orb\" style=\"width:500px;height:500px;top:-120px;left:-120px;background:radial-gradient(circle,rgba(106,179,208,.07),transparent 70%);animation-duration:14s\"><\/div>\r\n        <div class=\"orb\" style=\"width:350px;height:350px;bottom:-80px;right:-80px;background:radial-gradient(circle,rgba(58,143,186,.05),transparent 70%);animation-duration:17s\"><\/div>\r\n        <div class=\"orb\" style=\"width:250px;height:250px;top:50%;left:60%;background:radial-gradient(circle,rgba(201,169,110,.04),transparent 70%);animation-duration:19s\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- HERO -->\r\n    <section class=\"hero\">\r\n        <div class=\"hero-inner\">\r\n            <div class=\"hero-content\">\r\n                <span class=\"hero-script\">handcrafted with love<\/span>\r\n                <h1 class=\"hero-title\">Bluebell <em>Bakes<\/em><\/h1>\r\n                <span class=\"hero-tagline\">Artisan Patisserie \u00b7 Milton Keynes \u00b7 Est. 2021<\/span>\r\n                <p class=\"hero-desc\">Fudgy brownies, golden blondies and dream\u2011worthy custom cakes \u2014 handcrafted with love and the finest ingredients for every precious occasion.<\/p>\r\n                <div class=\"hero-btns\">\r\n                    <a href=\"#featured\" class=\"btn-primary\"><i class=\"fa-solid fa-cake-candles\"><\/i> Explore Our Bakes<\/a>\r\n                    <a href=\"mailto:info@bluebellbakes.com\" class=\"btn-outline\" style=\"color:rgba(205,226,237,0.85);border-color:rgba(106,179,208,0.35);\">Custom Order<\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"hero-visual\">\r\n                <div class=\"hero-cake-grid\">\r\n                    <div class=\"hero-cake-card large\">\r\n                        <img decoding=\"async\" src=\"http:\/\/bluebellbakes.co.uk\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-13-at-2.19.51-PM-1.jpeg\" alt=\"Signature Cake\">\r\n                        <span class=\"hero-tag\">\u2726 Bestseller<\/span>\r\n                    <\/div>\r\n                    <div class=\"hero-cake-card small\">\r\n                        <img decoding=\"async\" src=\"http:\/\/bluebellbakes.co.uk\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-13-at-2.46.15-PM-1.jpeg\" alt=\"Brownies\">\r\n                        <span class=\"hero-tag\">Brownies<\/span>\r\n                    <\/div>\r\n                    <div class=\"hero-cake-card small\">\r\n                        <img decoding=\"async\" src=\"http:\/\/bluebellbakes.co.uk\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-13-at-2.44.11-PM-1.jpeg\" alt=\"Blondies\">\r\n                        <span class=\"hero-tag\">Blondies<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- RIBBON -->\r\n    <div class=\"ribbon\">\r\n        <div class=\"ribbon-track\">\r\n            <span class=\"ribbon-item\">Luxury Brownies <span>\u25c6<\/span><\/span><span class=\"ribbon-item\">Golden Blondies <span>\u25c6<\/span><\/span><span class=\"ribbon-item\">Custom Cakes <span>\u25c6<\/span><\/span><span class=\"ribbon-item\">Bluebell Bakes <span>\u2726<\/span><\/span><span class=\"ribbon-item\">Milton Keynes <span>\u25c6<\/span><\/span><span class=\"ribbon-item\">Baked with Love <span>\u25c6<\/span><\/span><span class=\"ribbon-item\">Gift Boxes <span>\u25c6<\/span><\/span><span class=\"ribbon-item\">Salted Caramel <span>\u25c6<\/span><\/span><span class=\"ribbon-item\">Made to Order <span>\u25c6<\/span><\/span>\r\n            <span class=\"ribbon-item\">Luxury Brownies <span>\u25c6<\/span><\/span><span class=\"ribbon-item\">Golden Blondies <span>\u25c6<\/span><\/span><span class=\"ribbon-item\">Custom Cakes <span>\u25c6<\/span><\/span><span class=\"ribbon-item\">Bluebell Bakes <span>\u2726<\/span><\/span><span class=\"ribbon-item\">Milton Keynes <span>\u25c6<\/span><\/span><span class=\"ribbon-item\">Baked with Love <span>\u25c6<\/span><\/span><span class=\"ribbon-item\">Gift Boxes <span>\u25c6<\/span><\/span><span class=\"ribbon-item\">Salted Caramel <span>\u25c6<\/span><\/span><span class=\"ribbon-item\">Made to Order <span>\u25c6<\/span><\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- FEATURED BAKES (clickable cards open product pages) -->\r\n    <section class=\"featured-sec section-full section-padding\" id=\"featured\">\r\n        <div class=\"section-inner\">\r\n            <div class=\"sr\">\r\n                <div class=\"section-eyebrow\"><i class=\"fa-solid fa-star\"><\/i> Customer Favourites<\/div>\r\n                <h2 class=\"section-title\">Our Most <em>Loved<\/em> Bakes<\/h2>\r\n                <span class=\"soft-rule\"><\/span>\r\n                <p style=\"font-size:0.9rem;color:var(--ink-3);max-width:520px;line-height:1.9\">From the classic chocolate brownie to show-stopping bespoke cakes \u2014 every creation is made fresh to order with premium ingredients.<\/p>\r\n            <\/div>\r\n            <div class=\"featured-grid\">\r\n                <!-- Brownie Card -->\r\n                <div class=\"feat-card sr\" data-page-url=\"http:\/\/bluebellbakes.co.uk\/?page_id=557\">\r\n                    <div class=\"feat-img\">\r\n                        <img decoding=\"async\" src=\"http:\/\/bluebellbakes.co.uk\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-13-at-2.46.15-PM-1.jpeg\" alt=\"Signature Brownies\" loading=\"lazy\">\r\n                        <span class=\"feat-badge\">Best Seller<\/span>\r\n                    <\/div>\r\n                    <div class=\"feat-body\">\r\n                        <div class=\"feat-title\">Signature Chocolate Brownies<\/div>\r\n                        <p class=\"feat-desc\">Dense, fudgy and deeply chocolatey. Made with real butter, premium cocoa and topped with the finest Belgian chocolate.<\/p>\r\n                        <div class=\"feat-footer\">\r\n                            <span class=\"feat-tag\">Made to Order<\/span>\r\n                            <a href=\"http:\/\/bluebellbakes.co.uk\/?page_id=557\" class=\"feat-link\">Learn More <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- Blondie Card -->\r\n                <div class=\"feat-card sr\" data-page-url=\"http:\/\/bluebellbakes.co.uk\/?page_id=559\">\r\n                    <div class=\"feat-img\">\r\n                        <img decoding=\"async\" src=\"http:\/\/bluebellbakes.co.uk\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-13-at-2.44.11-PM-1.jpeg\" alt=\"Golden Blondies\" loading=\"lazy\">\r\n                        <span class=\"feat-badge\">Fan Favourite<\/span>\r\n                    <\/div>\r\n                    <div class=\"feat-body\">\r\n                        <div class=\"feat-title\">Golden Blondies<\/div>\r\n                        <p class=\"feat-desc\">Buttery, caramel-rich blondies with white chocolate and your choice of luxurious mix-ins. Soft in the centre with golden edges.<\/p>\r\n                        <div class=\"feat-footer\">\r\n                            <span class=\"feat-tag\">Made to Order<\/span>\r\n                            <a href=\"http:\/\/bluebellbakes.co.uk\/?page_id=559\" class=\"feat-link\">Learn More <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- Custom Cake Card -->\r\n                <div class=\"feat-card sr\" data-page-url=\"http:\/\/bluebellbakes.co.uk\/?page_id=561\">\r\n                    <div class=\"feat-img\">\r\n                        <img decoding=\"async\" src=\"http:\/\/bluebellbakes.co.uk\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-13-at-2.46.42-PM-1.jpeg\" alt=\"Custom Cakes\" loading=\"lazy\">\r\n                        <span class=\"feat-badge\">Bespoke<\/span>\r\n                    <\/div>\r\n                    <div class=\"feat-body\">\r\n                        <div class=\"feat-title\">Bespoke Custom Cakes<\/div>\r\n                        <p class=\"feat-desc\">Your vision brought to life \u2014 from birthday masterpieces to elegant wedding tiers. Every detail designed and crafted personally.<\/p>\r\n                        <div class=\"feat-footer\">\r\n                            <span class=\"feat-tag\">Made to Order<\/span>\r\n                            <a href=\"http:\/\/bluebellbakes.co.uk\/?page_id=561\" class=\"feat-link\">Learn More <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- TESTIMONIALS -->\r\n    <section class=\"testi-sec section-full section-padding\" id=\"reviews\">\r\n        <div class=\"section-inner\">\r\n            <div class=\"sr\"><div class=\"section-eyebrow\"><i class=\"fa-solid fa-star\"><\/i> Testimonials<\/div><h2 class=\"section-title\">What Our Customers<br><em>Are Saying<\/em><\/h2><span class=\"soft-rule\"><\/span><\/div>\r\n            <div class=\"testi-grid\">\r\n                <div class=\"tcard sr\"><div class=\"big-quote\">\"<\/div><div class=\"t-stars\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/div><p class=\"t-quote\">\"The salted caramel brownies were absolutely unreal. Dense, fudgy, perfectly gooey \u2014 everyone at the party fought over the last piece.\"<\/p><div class=\"t-person\"><div class=\"t-av\">S<\/div><div><div class=\"t-name\">Sarah M.<\/div><div class=\"t-loc\"><i class=\"fa-solid fa-location-dot\"><\/i> Milton Keynes<\/div><\/div><\/div><\/div>\r\n                <div class=\"tcard sr\"><div class=\"big-quote\">\"<\/div><div class=\"t-stars\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/div><p class=\"t-quote\">\"Ordered a custom birthday cake and it exceeded every expectation. Stunning to look at, even more stunning to taste.\"<\/p><div class=\"t-person\"><div class=\"t-av\">J<\/div><div><div class=\"t-name\">James T.<\/div><div class=\"t-loc\"><i class=\"fa-solid fa-location-dot\"><\/i> Milton Keynes<\/div><\/div><\/div><\/div>\r\n                <div class=\"tcard sr\"><div class=\"big-quote\">\"<\/div><div class=\"t-stars\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/div><p class=\"t-quote\">\"Bought the blondie gift box for my mum and she was completely blown away. Beautiful packaging and incredibly fresh.\"<\/p><div class=\"t-person\"><div class=\"t-av\">A<\/div><div><div class=\"t-name\">Amara K.<\/div><div class=\"t-loc\"><i class=\"fa-solid fa-location-dot\"><\/i> Milton Keynes<\/div><\/div><\/div><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FOOTER -->\r\n    <footer class=\"footer\">\r\n        <div class=\"footer-grid\">\r\n            <div class=\"ft-brand\"><div class=\"ft-logo\"><i class=\"fa-solid fa-wand-sparkles\" style=\"font-size:1.2rem;color:var(--blue-light)\"><\/i> Bluebell Bakes<\/div><p>Artisan patisserie handcrafted with love in Milton Keynes. Luxury brownies, blondies and bespoke cakes made fresh to order.<\/p><div class=\"ft-social\"><a href=\"#\" class=\"ft-soc-btn\"><i class=\"fa-brands fa-instagram\"><\/i><\/a><a href=\"#\" class=\"ft-soc-btn\"><i class=\"fa-brands fa-facebook\"><\/i><\/a><a href=\"#\" class=\"ft-soc-btn\"><i class=\"fa-brands fa-tiktok\"><\/i><\/a><a href=\"mailto:info@bluebellbakes.com\" class=\"ft-soc-btn\"><i class=\"fa-regular fa-envelope\"><\/i><\/a><\/div><\/div>\r\n            <div class=\"ft-col\"><div class=\"ft-col-title\">Menu<\/div><a href=\"#menu\">Chocolate Brownies<\/a><a href=\"#menu\">Golden Blondies<\/a><a href=\"#menu\">Custom Cakes<\/a><a href=\"#flavours\">All Flavours<\/a><\/div>\r\n            <div class=\"ft-col\"><div class=\"ft-col-title\">About<\/div><a href=\"#about\">Our Story<\/a><a href=\"#process\">How It Works<\/a><a href=\"#reviews\">Reviews<\/a><a href=\"#faq\">FAQs<\/a><\/div>\r\n            <div class=\"ft-col\"><div class=\"ft-col-title\">Contact<\/div><a href=\"mailto:info@bluebellbakes.com\">info@bluebellbakes.com<\/a><a href=\"#order\">Place an Order<\/a><a href=\"#order\">Custom Cake Enquiry<\/a><\/div>\r\n        <\/div>\r\n        <div class=\"footer-bottom\">\r\n            <div class=\"ft-copy\"><i class=\"fa-solid fa-location-dot\" style=\"color:rgba(106,179,208,.4)\"><\/i> Milton Keynes \u00b7 Made with <i class=\"fa-solid fa-heart\" style=\"color:rgba(106,179,208,.4)\"><\/i> in the UK \u00b7 \u00a9 2025 Bluebell Bakes<\/div>\r\n            <div class=\"ft-legal\"><a href=\"#\">Privacy Policy<\/a><a href=\"#\">Terms<\/a><a href=\"#\">Allergen Info<\/a><\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <script>\r\n        \/\/ Scroll reveal\r\n        const obs = new IntersectionObserver(entries => {\r\n            entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('vis'); });\r\n        }, { threshold: 0.06, rootMargin: '0px 0px -30px 0px' });\r\n        document.querySelectorAll('.sr').forEach(el => obs.observe(el));\r\n\r\n        \/\/ Smooth scroll for internal links\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(a => {\r\n            a.addEventListener('click', e => {\r\n                e.preventDefault();\r\n                const t = document.querySelector(a.getAttribute('href'));\r\n                if (t) t.scrollIntoView({ behavior: 'smooth' });\r\n            });\r\n        });\r\n\r\n        \/\/ FAQ accordion\r\n        document.querySelectorAll('.faq-q').forEach(q => {\r\n            q.addEventListener('click', () => {\r\n                const item = q.parentElement;\r\n                const isOpen = item.classList.contains('open');\r\n                document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('open'));\r\n                if (!isOpen) item.classList.add('open');\r\n            });\r\n        });\r\n\r\n        \/\/ Make each featured card clickable to its product page (Brownies, Blondies, Custom Cakes)\r\n        const productCards = document.querySelectorAll('.feat-card');\r\n        productCards.forEach(card => {\r\n            const productUrl = card.getAttribute('data-page-url');\r\n            if (productUrl) {\r\n                \/\/ Add click listener to the whole card, but prevent redirect if clicking on the \"Learn More\" link (already handles its own navigation)\r\n                card.addEventListener('click', (e) => {\r\n                    \/\/ If the click target or its parent is the .feat-link (or its child), do not interfere\r\n                    if (e.target.closest('.feat-link')) return;\r\n                    window.location.href = productUrl;\r\n                });\r\n                \/\/ Ensure the cursor indicates clickability\r\n                card.style.cursor = 'pointer';\r\n            }\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Bluebell Bakes \u2014 Artisan Patisserie | Milton Keynes handcrafted with love Bluebell Bakes Artisan Patisserie \u00b7 Milton Keynes \u00b7 Est&#8230;.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-286","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bluebellbakes.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/286","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bluebellbakes.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bluebellbakes.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bluebellbakes.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bluebellbakes.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=286"}],"version-history":[{"count":49,"href":"https:\/\/bluebellbakes.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/286\/revisions"}],"predecessor-version":[{"id":782,"href":"https:\/\/bluebellbakes.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/286\/revisions\/782"}],"wp:attachment":[{"href":"https:\/\/bluebellbakes.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}