{"product_id":"cozy-amber-cat-magnetic-bookmark","title":"Cozy Amber Cat – Magnetic Bookmark","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;600\u0026amp;family=Poppins:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Base Styles \u0026 Utilities *\/\n        :root {\n            --livlivstar-primary-text: #7a5a88;\n            --livlivstar-secondary-text: #6f6474;\n            --livlivstar-light-bg: #fdfbff;\n            --livlivstar-soft-shadow: rgba(200, 150, 255, 0.18);\n            --livlivstar-soft-shadow-hover: rgba(200, 150, 255, 0.25);\n            --livlivstar-rainbow-gradient-light: linear-gradient(\n                135deg,\n                #fff7fb,\n                #fffdf5,\n                #f6fff4,\n                #f3fbff,\n                #f9f4ff,\n                #fff6f0\n            );\n            --livlivstar-rainbow-gradient-border: linear-gradient(\n                90deg,\n                #ffb7d5,\n                #ffd58f,\n                #c7f5a6,\n                #aee8ff,\n                #d5c2ff,\n                #ffb7d5\n            );\n            --livlivstar-rainbow-gradient-badge: linear-gradient(90deg, #ffd1e6, #ffe9b3, #d9ffc8);\n            --livlivstar-glass-bg: rgba(255, 255, 255, 0.7);\n        }\n\n        body {\n            font-family: 'Poppins', sans-serif;\n            background-color: var(--livlivstar-light-bg);\n            margin: 0;\n            padding: 20px;\n            color: var(--livlivstar-secondary-text);\n            line-height: 1.6;\n            overflow-x: hidden; \/* Prevent horizontal scroll from floating elements *\/\n        }\n\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 20px;\n        }\n\n        \/* 🌈 LIVLIVSTAR RAINBOW WOW EFFECT - Base *\/\n        .livlivstar-card {\n            position: relative;\n            padding: 30px;\n            border-radius: 28px;\n            background: var(--livlivstar-rainbow-gradient-light);\n            box-shadow: 0 15px 40px var(--livlivstar-soft-shadow);\n            overflow: hidden;\n            transition: all 0.4s ease;\n        }\n\n        \/* 🌈 Animated rainbow glow border *\/\n        .livlivstar-card::before {\n            content: \"\";\n            position: absolute;\n            inset: -2px;\n            border-radius: 30px;\n            background: var(--livlivstar-rainbow-gradient-border);\n            background-size: 300% 300%;\n            animation: rainbowMove 8s linear infinite;\n            z-index: -1;\n        }\n\n        \/* 🌟 Soft inner glow (glass effect) *\/\n        .livlivstar-card::after {\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            border-radius: 28px;\n            background: var(--livlivstar-glass-bg);\n            backdrop-filter: blur(6px);\n            z-index: -1;\n        }\n\n        \/* ✨ Hover magic *\/\n        .livlivstar-card:hover {\n            transform: translateY(-6px) scale(1.01);\n            box-shadow: 0 25px 60px var(--livlivstar-soft-shadow-hover);\n        }\n\n        \/* 🌈 Rainbow animation *\/\n        @keyframes rainbowMove {\n            0% { background-position: 0% 50%; }\n            100% { background-position: 200% 50%; }\n        }\n\n        \/* 💫 Floating sparkles *\/\n        .livlivstar-sparkle {\n            position: absolute;\n            width: 6px;\n            height: 6px;\n            background: white;\n            border-radius: 50%;\n            opacity: 0.8;\n            animation: sparkleFloat 6s infinite ease-in-out;\n            pointer-events: none; \/* Allow interaction with elements behind sparkles *\/\n        }\n\n        \/* Sparkle positioning - ensure they are within a relative parent, e.g., body or a section *\/\n        .livlivstar-sparkle:nth-child(1) { top: 10%; left: 20%; animation-delay: 0s; }\n        .livlivstar-sparkle:nth-child(2) { top: 70%; left: 80%; animation-delay: 2s; }\n        .livlivstar-sparkle:nth-child(3) { top: 40%; left: 60%; animation-delay: 4s; }\n        .livlivstar-sparkle:nth-child(4) { top: 25%; left: 45%; animation-delay: 1s; }\n        .livlivstar-sparkle:nth-child(5) { top: 85%; left: 15%; animation-delay: 3s; }\n        .livlivstar-sparkle:nth-child(6) { top: 55%; right: 25%; animation-delay: 5s; }\n\n        @keyframes sparkleFloat {\n            0% { transform: translateY(0px) scale(1); opacity: 0.6; }\n            50% { transform: translateY(-20px) scale(1.3); opacity: 1; }\n            100% { transform: translateY(0px) scale(1); opacity: 0.6; }\n        }\n\n        \/* 🐱 Title style *\/\n        .livlivstar-title {\n            font-family: 'Playfair Display', serif;\n            font-size: 28px;\n            font-weight: 600;\n            text-align: center;\n            color: var(--livlivstar-primary-text);\n            margin-bottom: 15px;\n        }\n        .livlivstar-section-title {\n            font-size: 36px; \/* Larger for section titles *\/\n            margin-bottom: 40px;\n        }\n\n        \/* ✨ Soft text *\/\n        .livlivstar-text {\n            text-align: center;\n            font-size: 16px;\n            color: var(--livlivstar-secondary-text);\n            line-height: 1.7;\n        }\n        .livlivstar-text-left {\n            text-align: left;\n        }\n\n        \/* 🌈 Cute tag badge *\/\n        .livlivstar-badge {\n            display: inline-block;\n            padding: 6px 14px;\n            border-radius: 999px;\n            font-size: 12px;\n            background: var(--livlivstar-rainbow-gradient-badge);\n            color: #6d5a70;\n            margin-bottom: 12px;\n            font-weight: 500;\n        }\n\n        \/* -- NEW STYLES -- *\/\n\n        \/* General Section Styling *\/\n        section {\n            padding: 60px 0;\n            position: relative; \/* For floating elements *\/\n            overflow: hidden;\n        }\n        section:not(:last-of-type) {\n            margin-bottom: 40px;\n        }\n\n        \/* Product Story Section *\/\n        .product-story .livlivstar-card {\n            margin: 0 auto;\n            max-width: 900px;\n            padding: 50px;\n            text-align: center;\n        }\n        .product-story .livlivstar-story-image {\n            max-width: 100%;\n            border-radius: 20px;\n            box-shadow: 0 10px 30px rgba(150, 100, 200, 0.1);\n            margin-bottom: 30px;\n            transition: all 0.3s ease;\n        }\n        .product-story .livlivstar-story-image:hover {\n            transform: scale(1.02);\n            box-shadow: 0 15px 40px rgba(150, 100, 200, 0.15);\n        }\n\n        \/* Why You'll Love It Feature Cards *\/\n        .feature-cards-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 30px;\n        }\n        .feature-card {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            text-align: center;\n        }\n        .feature-card .icon {\n            font-size: 48px;\n            color: #d5c2ff; \/* Soft pastel color *\/\n            margin-bottom: 15px;\n            filter: drop-shadow(0 5px 10px rgba(150, 100, 200, 0.1));\n        }\n        .feature-card .livlivstar-title {\n            font-size: 22px;\n            margin-bottom: 10px;\n        }\n        .feature-card .livlivstar-text {\n            font-size: 15px;\n        }\n\n        \/* Product Specifications Section *\/\n        .specs-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n            gap: 20px;\n        }\n        .spec-item {\n            display: flex;\n            flex-direction: column;\n            padding: 20px;\n            border-radius: 18px;\n            background: var(--livlivstar-rainbow-gradient-light);\n            box-shadow: 0 8px 20px rgba(200, 150, 255, 0.08);\n            transition: all 0.3s ease;\n            text-align: center; \/* Center text within spec items *\/\n        }\n        .spec-item:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 12px 25px rgba(200, 150, 255, 0.12);\n        }\n        .spec-item strong {\n            font-size: 18px;\n            color: var(--livlivstar-primary-text);\n            margin-bottom: 5px;\n            font-weight: 600;\n        }\n        .spec-item span {\n            font-size: 14px;\n            color: var(--livlivstar-secondary-text);\n        }\n\n        \/* Soft CTA Button *\/\n        .livlivstar-btn {\n            display: inline-block;\n            padding: 18px 35px;\n            border-radius: 999px;\n            font-size: 20px;\n            font-weight: 600;\n            text-decoration: none;\n            color: white; \/* Text color contrasts with glowing background *\/\n            background: var(--livlivstar-rainbow-gradient-border); \/* Use border gradient for main glow *\/\n            background-size: 300% 300%;\n            animation: rainbowMove 8s linear infinite;\n            border: none;\n            cursor: pointer;\n            position: relative;\n            z-index: 1;\n            overflow: hidden;\n            box-shadow: 0 10px 30px rgba(255, 100, 200, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.7); \/* Subtle white inner border *\/\n            transition: all 0.4s ease;\n            text-shadow: 0 1px 3px rgba(0,0,0,0.1);\n        }\n\n        .livlivstar-btn::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: rgba(255, 255, 255, 0.3);\n            border-radius: 999px;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n            z-index: 2;\n        }\n\n        .livlivstar-btn:hover {\n            transform: translateY(-3px) scale(1.02);\n            box-shadow: 0 15px 45px rgba(255, 100, 200, 0.3), 0 0 0 3px rgba(255, 255, 255, 0.8);\n        }\n        .livlivstar-btn:hover::before {\n            opacity: 1;\n        }\n\n        .cta-wrapper {\n            text-align: center;\n            margin-top: 60px;\n            margin-bottom: 40px;\n        }\n\n        \/* Floating Decorative Elements *\/\n        .floating-element {\n            position: absolute;\n            background: rgba(255, 255, 255, 0.5); \/* Soft white *\/\n            border-radius: 50%; \/* Circle shape *\/\n            opacity: 0.7;\n            filter: blur(10px);\n            animation: floatAndFade 15s infinite ease-in-out;\n            pointer-events: none;\n            z-index: -2;\n        }\n        .floating-element-1 { width: 80px; height: 80px; top: 5%; left: -30px; animation-delay: 0s; background: linear-gradient(45deg, #ffdde1, #ee9ca7); }\n        .floating-element-2 { width: 120px; height: 120px; bottom: 10%; right: -50px; animation-delay: 5s; background: linear-gradient(45deg, #c3e2ff, #a7bfe8); }\n        .floating-element-3 { width: 60px; height: 60px; top: 30%; right: 5%; animation-delay: 10s; background: linear-gradient(45deg, #d4fc79, #96e6a1); }\n        .floating-element-4 { width: 100px; height: 100px; bottom: 20%; left: 5%; animation-delay: 2s; background: linear-gradient(45deg, #fceabb, #f8b500); }\n\n        @keyframes floatAndFade {\n            0% { transform: translateY(0px) scale(1); opacity: 0.7; }\n            50% { transform: translateY(-30px) scale(1.1); opacity: 0.9; }\n            100% { transform: translateY(0px) scale(1); opacity: 0.7; }\n        }\n\n        \/* Responsive Adjustments *\/\n        @media (max-width: 768px) {\n            .livlivstar-title.livlivstar-section-title {\n                font-size: 28px;\n            }\n            .product-story .livlivstar-card {\n                padding: 30px;\n            }\n            .feature-cards-grid, .specs-grid {\n                grid-template-columns: 1fr;\n            }\n            .livlivstar-btn {\n                font-size: 18px;\n                padding: 15px 30px;\n            }\n        }\n\n        \/* Price block styling *\/\n        .price-block {\n            text-align: center;\n            margin-top: 40px;\n            margin-bottom: 20px;\n        }\n        .price-block .livlivstar-price {\n            font-family: 'Playfair Display', serif;\n            font-size: 48px;\n            font-weight: 700;\n            color: var(--livlivstar-primary-text);\n            margin-bottom: 10px;\n            text-shadow: 0 5px 15px rgba(200, 150, 255, 0.1);\n        }\n        .price-block .livlivstar-price-tagline {\n            font-size: 18px;\n            color: var(--livlivstar-secondary-text);\n            font-style: italic;\n        }\n\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003c!-- 💫 Floating sparkles for the whole page background --\u003e\n\u003cdiv class=\"livlivstar-sparkle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"livlivstar-sparkle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"livlivstar-sparkle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"livlivstar-sparkle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"livlivstar-sparkle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"livlivstar-sparkle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- 🌸 Product Story Section --\u003e\n\u003csection class=\"product-story\"\u003e\u003c!-- Optional: Floating Decorative Elements for this section --\u003e\n\u003cdiv class=\"floating-element floating-element-1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-element floating-element-2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch2 class=\"livlivstar-title livlivstar-section-title\"\u003eCozy Amber Cat \u003cbr\u003eMagnetic Bookmark\u003c\/h2\u003e\n\u003cdiv class=\"livlivstar-card\"\u003e\n\u003cp class=\"livlivstar-badge\"\u003eYour Little Reading Companion\u003c\/p\u003e\n\u003ch3 class=\"livlivstar-title\"\u003eShe’s always nearby…\u003c\/h3\u003e\n\u003cp class=\"livlivstar-text\"\u003eQuiet, warm, and easy to be around. Cozy Amber Cat brings a soft feeling of comfort to your pages — like your favourite quiet moment at home.\u003c\/p\u003e\n\u003cp class=\"livlivstar-text\"\u003eNothing complicated… just simple warmth and a gentle presence. She stays with your book, like a little reading companion 🧡🐾\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 💖 \"Why You’ll Love It\" Feature Cards --\u003e\n\u003csection class=\"why-love-it\"\u003e\u003c!-- Optional: Floating Decorative Elements for this section --\u003e\n\u003cdiv class=\"floating-element floating-element-3\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-element floating-element-4\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch2 class=\"livlivstar-title livlivstar-section-title\"\u003eWhy You’ll Adore This \u003c\/h2\u003e\n\u003cdiv class=\"feature-cards-grid\"\u003e\n\u003cdiv class=\"livlivstar-card feature-card\"\u003e\n\u003cspan class=\"icon\"\u003e✨\u003c\/span\u003e\n\u003ch4 class=\"livlivstar-title\"\u003eStays Secure\u003c\/h4\u003e\n\u003cp class=\"livlivstar-text\"\u003eSnaps gently onto your page and won’t fall out in bags – keeping your spot safe and sound.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"livlivstar-card feature-card\"\u003e\n\u003cspan class=\"icon\"\u003e💧\u003c\/span\u003e\n\u003ch4 class=\"livlivstar-title\"\u003eBuilt to Last\u003c\/h4\u003e\n\u003cp class=\"livlivstar-text\"\u003eResistant to water \u0026amp; daily wear, ensuring your cozy companion stays beautiful for longer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"livlivstar-card feature-card\"\u003e\n\u003cspan class=\"icon\"\u003e🌸\u003c\/span\u003e\n\u003ch4 class=\"livlivstar-title\"\u003eWarm Aesthetic\u003c\/h4\u003e\n\u003cp class=\"livlivstar-text\"\u003eAdds a comforting, cozy vibe to your books, planners \u0026amp; journals, making every reading moment special.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"livlivstar-card feature-card\"\u003e\n\u003cspan class=\"icon\"\u003e🎁\u003c\/span\u003e\n\u003ch4 class=\"livlivstar-title\"\u003eThoughtful Gift\u003c\/h4\u003e\n\u003cp class=\"livlivstar-text\"\u003eA perfect little joy under £5, ideal for sharing warmth and a gentle reading experience.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"livlivstar-card feature-card\"\u003e\n\u003cspan class=\"icon\"\u003e🐾\u003c\/span\u003e\n\u003ch4 class=\"livlivstar-title\"\u003eEveryday Companion\u003c\/h4\u003e\n\u003cp class=\"livlivstar-text\"\u003eMore than just a bookmark, she’s a sweet, familiar presence for your desk and reading nook.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 📝 Product Specifications Section --\u003e\n\u003csection class=\"product-specs\"\u003e\n\u003ch2 class=\"livlivstar-title livlivstar-section-title\"\u003eThe Details You'll Love\u003c\/h2\u003e\n\u003cdiv class=\"livlivstar-card\"\u003e\n\u003cdiv class=\"specs-grid\"\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cstrong\u003eApprox Size\u003c\/strong\u003e \u003cspan\u003e8 x 3.5 cm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cstrong\u003eType\u003c\/strong\u003e \u003cspan\u003eMagnetic folding bookmark\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cstrong\u003eFinish\u003c\/strong\u003e \u003cspan\u003eGlossy laminated • waterproof\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cstrong\u003eMagnets\u003c\/strong\u003e \u003cspan\u003eStrong internal magnets\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cstrong\u003eBase\u003c\/strong\u003e \u003cspan\u003eDurable premium card\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cstrong\u003eFeel\u003c\/strong\u003e \u003cspan\u003eSmooth soft-touch\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cstrong\u003eDesign\u003c\/strong\u003e \u003cspan\u003eSecure fold clip design\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 💌 Personalisation Section --\u003e\n\u003csection class=\"personalisation\"\u003e\n\u003ch2 class=\"livlivstar-title livlivstar-section-title\"\u003eWant Something Extra Special?\u003c\/h2\u003e\n\u003cdiv style=\"max-width: 700px; margin: 0 auto;\" class=\"livlivstar-card\"\u003e\n\u003cp class=\"livlivstar-badge\"\u003eYour Vision, Our Craft\u003c\/p\u003e\n\u003cp class=\"livlivstar-text\"\u003eIf you would like a personalised design or custom request, feel free to contact us: \u003cbr\u003e\u003ca style=\"color: var(--livlivstar-primary-text); text-decoration: underline; font-weight: 600;\" href=\"mailto:info@livlivstar.com\"\u003einfo@livlivstar.com\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 💰 Price Block --\u003e\n\u003cdiv class=\"price-block\"\u003e\n\u003cp class=\"livlivstar-price\"\u003e£3\u003c\/p\u003e\n\u003cp class=\"livlivstar-price-tagline\"\u003eA small joy you can keep forever ✨\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ✨ Soft CTA Button --\u003e\n\u003cdiv class=\"cta-wrapper\"\u003e\u003ca class=\"livlivstar-btn\" href=\"#\"\u003eAdd Cozy Amber Cat to My Cart\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"LivLivStar","offers":[{"title":"Default Title","offer_id":57139077054846,"sku":null,"price":3.0,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0951\/4624\/6526\/files\/8_8aa44f07-862d-4b88-a1ea-0b35e7b37635.png?v=1773843154","url":"https:\/\/livlivstar.com\/products\/cozy-amber-cat-magnetic-bookmark","provider":"LivLivStar","version":"1.0","type":"link"}