{"product_id":"a5-notepad-moonlight-memo","title":"A5 Notepad - Moonlight Memo","description":"\u003csection class=\"livlivstar-product-section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-layout\"\u003e\n\u003cdiv class=\"product-image-wrapper\"\u003e\n\u003c!-- Replace 'path\/to\/your\/product-image.jpg' with your actual image URL --\u003e \u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-content-card\"\u003e\n\u003cdiv class=\"text-content\"\u003e\n\u003cp\u003e✨ \u003cstrong\u003eSilent Orbit — A5 Dream Memo Notepad by LivLivStar\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eA soft little space for your thoughts…\u003cbr\u003ewhere nothing needs to be perfect.\u003c\/p\u003e\n\u003cp\u003eJust you, a quiet moment,\u003cbr\u003eand a page that gently waits.\u003c\/p\u003e\n\u003cp\u003e✨ \u003cstrong\u003eProduct Details\u003c\/strong\u003e\u003cbr\u003eA5 Size (148 × 210 mm)\u003cbr\u003e60 Soft-Themed Blank Pages\u003cbr\u003eStrong Hard Back Support\u003cbr\u003eWire Bound or Classic Top Binding\u003cbr\u003eFull Colour Printed Design\u003cbr\u003ePersonalisation Available\u003c\/p\u003e\n\u003cp\u003e💭 \u003cstrong\u003eWhy You’ll Love It\u003c\/strong\u003e\u003cbr\u003eCalm, eye-relaxing design\u003cbr\u003eSimple, beautiful space to write freely\u003cbr\u003eFeels soft, minimal, and peaceful\u003cbr\u003eMakes everyday notes feel special\u003c\/p\u003e\n\u003cp\u003e🌿 \u003cstrong\u003eHow You Can Use It\u003c\/strong\u003e\u003cbr\u003eDaily notes \u0026amp; planning\u003cbr\u003eStudy or work (perfect for waiters too)\u003cbr\u003eCreative ideas \u0026amp; sketches\u003cbr\u003eA thoughtful, aesthetic gift\u003c\/p\u003e\n\u003cp\u003e💌 \u003cstrong\u003ePersonalisation\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eAdd your name or any wording to make it yours.\u003c\/p\u003e\n\u003cp\u003eFor custom requests:\u003cbr\u003e\u003ca href=\"mailto:info@livlivstar.com\"\u003einfo@livlivstar.com\u003c\/a\u003e\u003c\/p\u003e\n\u003cp\u003e🌙 \u003cstrong\u003eSoft Notes\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eLivLivStar is a quiet place…\u003cbr\u003ewhere small things feel special,\u003cbr\u003eand simple pages become part of your story.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"particle-container\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;700\u0026family=Montserrat:wght@300;400;500;600\u0026display=swap');\n\n  :root {\n    --blush-pink: #F8D9E0;\n    --warm-cream: #FDF9F3;\n    --soft-beige: #E6DCD2;\n    --text-color: #5C4B5C;\n    --card-bg: rgba(255, 255, 255, 0.4);\n    --card-border: rgba(255, 255, 255, 0.6);\n    --shadow-light: rgba(0, 0, 0, 0.05);\n    --shadow-subtle: rgba(0, 0, 0, 0.03);\n    --glow-color: rgba(255, 255, 255, 0.5);\n    --particle-color-1: rgba(255, 255, 255, 0.4);\n    --particle-color-2: rgba(255, 255, 255, 0.2);\n    --transition-speed: 0.3s ease-in-out;\n  }\n\n  body {\n    margin: 0;\n    font-family: 'Montserrat', sans-serif;\n    color: var(--text-color);\n    line-height: 1.6;\n    overflow-x: hidden; \/* Prevent horizontal scroll from particle animation *\/\n  }\n\n  .livlivstar-product-section {\n    position: relative;\n    padding: 60px 20px;\n    min-height: 100vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(135deg, var(--warm-cream) 0%, var(--soft-beige) 50%, var(--blush-pink) 100%);\n    background-size: 200% 200%;\n    animation: gradientShift 15s ease infinite alternate;\n    overflow: hidden;\n    isolation: isolate; \/* To ensure particles stay within section bounds *\/\n  }\n\n  @keyframes gradientShift {\n    0% { background-position: 0% 0%; }\n    100% { background-position: 100% 100%; }\n  }\n\n  .container {\n    max-width: 1200px;\n    width: 100%;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2; \/* Above particles *\/\n  }\n\n  .product-layout {\n    display: flex;\n    flex-direction: column;\n    gap: 40px;\n    align-items: center;\n    text-align: center;\n  }\n\n  @media (min-width: 768px) {\n    .product-layout {\n      flex-direction: row;\n      text-align: left; \/* Align text to left for desktop *\/\n      justify-content: center;\n    }\n  }\n\n  .product-image-wrapper {\n    flex: 1;\n    max-width: 400px; \/* Adjust as needed *\/\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 10px 30px var(--shadow-light), 0 5px 15px var(--shadow-subtle);\n    transition: transform var(--transition-speed), box-shadow var(--transition-speed);\n  }\n\n  .product-image-wrapper:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 15px 40px var(--shadow-light), 0 8px 20px var(--shadow-subtle), 0 0 15px var(--glow-color);\n  }\n\n  .product-image {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 20px; \/* Soft rounded corners for image *\/\n  }\n\n  .product-content-card {\n    flex: 1;\n    max-width: 550px; \/* Adjust as needed *\/\n    background: var(--card-bg);\n    backdrop-filter: blur(15px); \/* Glassmorphism effect *\/\n    border: 1px solid var(--card-border);\n    border-radius: 30px;\n    padding: 35px;\n    box-shadow: 0 10px 30px var(--shadow-light), 0 5px 15px var(--shadow-subtle);\n    position: relative;\n    overflow: hidden;\n    transition: transform var(--transition-speed), box-shadow var(--transition-speed);\n  }\n\n  .product-content-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 15px 40px var(--shadow-light), 0 8px 20px var(--shadow-subtle), 0 0 15px var(--glow-color);\n  }\n\n  \/* Shimmer effect for card *\/\n  .product-content-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -75%;\n    width: 50%;\n    height: 100%;\n    background: rgba(255, 255, 255, 0.3);\n    transform: skewX(-20deg);\n    transition: left var(--transition-speed);\n    pointer-events: none;\n    z-index: 1;\n  }\n\n  .product-content-card:hover::before {\n    animation: shimmerLight 1.5s infinite;\n  }\n\n  @keyframes shimmerLight {\n    0% { left: -75%; }\n    50% { left: 125%; }\n    100% { left: -75%; }\n  }\n\n  .text-content {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 300;\n    font-size: 1.05em;\n    color: var(--text-color);\n    margin: 0;\n    padding: 0;\n  }\n\n  \/* Soft spacing for paragraphs *\/\n  .text-content p {\n    margin-bottom: 1em; \/* Add some space between paragraphs *\/\n  }\n\n  .text-content p:last-child {\n    margin-bottom: 0; \/* No margin after the very last paragraph *\/\n  }\n\n  \/* Typography adjustments for titles\/emphasis *\/\n  .text-content strong {\n    font-family: 'Playfair Display', serif;\n    font-weight: 700;\n    color: var(--text-color);\n    font-size: 1.1em; \/* Slightly larger for emphasis *\/\n    line-height: 1.3;\n  }\n  \n  .text-content a {\n    color: var(--text-color); \/* Keep link color consistent with text *\/\n    text-decoration: none; \/* No underline by default *\/\n    border-bottom: 1px dotted var(--text-color); \/* Subtle underline on hover *\/\n    transition: border-bottom var(--transition-speed);\n  }\n  \n  .text-content a:hover {\n    border-bottom: 1px solid var(--text-color);\n  }\n\n  \/* Particle animation *\/\n  .particle-container {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    overflow: hidden;\n    z-index: 1; \/* Below content, above background *\/\n  }\n\n  .particle {\n    position: absolute;\n    background-color: var(--particle-color-1);\n    border-radius: 50%;\n    animation: floatAndFade 20s infinite ease-in-out;\n    opacity: 0;\n  }\n\n  @keyframes floatAndFade {\n    0% { transform: translateY(0) translateX(0) scale(0.8); opacity: 0; }\n    20% { opacity: 0.7; }\n    50% { transform: translateY(-50px) translateX(20px) scale(1); opacity: 0.5; }\n    80% { opacity: 0.7; }\n    100% { transform: translateY(-100px) translateX(-10px) scale(0.8); opacity: 0; }\n  }\n\n  \/* Responsive adjustments for text size *\/\n  @media (max-width: 767px) {\n    .livlivstar-product-section {\n      padding: 40px 15px;\n    }\n    .product-content-card {\n      padding: 25px;\n    }\n    .text-content {\n      font-size: 0.95em;\n    }\n    .text-content strong {\n      font-size: 1em; \/* Adjust for mobile *\/\n    }\n  }\n\n\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"LivLivStar","offers":[{"title":"Classic Top Binding","offer_id":57172407550334,"sku":null,"price":4.5,"currency_code":"GBP","in_stock":true},{"title":"Wire Bound","offer_id":57172407583102,"sku":null,"price":5.5,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0951\/4624\/6526\/files\/2_6be497e6-1a35-44e3-b637-3c865715ffbd.png?v=1774528773","url":"https:\/\/livlivstar.com\/products\/a5-notepad-moonlight-memo","provider":"LivLivStar","version":"1.0","type":"link"}