{"product_id":"blush-berry-milkshake-magnetic-bookmark","title":"Blush Berry Milkshake Magnetic Bookmark","description":"\u003c!--\nLivLivStar • ULTRA PREMIUM Strawberry Milkshake Animated Product Section (Shopify-ready)\nWOW features included:\n✅ Floating “3D” strawberries (CSS gradients + highlights + shadow)\n✅ Animated blue bow shimmer (sparkle sweep + glow pulse)\n✅ Slow parallax movement (pure CSS — no JS)\n✅ Glossy laminated shimmer sweep + creamy drip + sparkles\n\nHow to use:\n1) Paste into a Custom Liquid block.\n2) Replace ONLY the text inside the MAIN TEXT area if you want (keep your structure).\n3) Optional: change CTA links.\n--\u003e\n\u003csection aria-label=\"LivLivStar Strawberry Milkshake Bookmark\" role=\"region\" class=\"livliv-milkshake-wow\"\u003e\u003c!-- Animated background (parallax layers) --\u003e\n\u003cdiv aria-hidden=\"true\" class=\"msw-bg\"\u003e\n\u003cdiv class=\"msw-layer msw-base\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"msw-layer msw-cream-glow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"msw-layer msw-gloss-sweep\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Cream drip --\u003e\n\u003cdiv class=\"msw-layer msw-drip-wrap\"\u003e\n\u003cdiv class=\"msw-drip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"msw-drip-highlight\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3D strawberries --\u003e\n\u003cdiv class=\"msw-layer msw-strawberries\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Bow shimmer (blue) --\u003e\n\u003cdiv class=\"msw-layer msw-bow-shimmer\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Sparkles \u0026 bokeh --\u003e\n\u003cdiv class=\"msw-layer msw-sparkles\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"msw-layer msw-bokeh\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Foreground card --\u003e\n\u003carticle class=\"msw-card\"\u003e\u003c!-- MAIN TEXT (ready to paste as-is) --\u003e\n\u003cdiv class=\"msw-pill\"\u003eStrawberry Milkshake Edition 🍓 • Glossy Laminated • Waterproof • 8×3.5cm\u003c\/div\u003e\n\u003ch2 class=\"msw-title\"\u003eLivLivStar™ Strawberry Blush Milkshake Magnetic Bookmark\u003c\/h2\u003e\n\u003cp class=\"msw-subtitle\"\u003ePastel Café Collection – Glossy Waterproof Fold Clip\u003c\/p\u003e\n\u003cdiv class=\"msw-content\"\u003e\n\u003ch3\u003eSize \u0026amp; Materials\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eSize:\u003c\/strong\u003e 8 × 3.5 cm\u003c\/li\u003e\n\u003cli\u003eMagnetic folding bookmark\u003c\/li\u003e\n\u003cli\u003eGlossy laminated finish • waterproof\u003c\/li\u003e\n\u003cli\u003eStrong internal magnets • durable premium card base\u003c\/li\u003e\n\u003cli\u003eSecure fold clip design • smooth soft-touch feel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003ePricing\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e£3 per single bookmark\u003c\/li\u003e\n\u003cli\u003e£8 for Pack of 9 (only £0.88 each)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eWhy You’ll Love It\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eSnaps securely onto your page • won’t slip out in bags\u003c\/li\u003e\n\u003cli\u003eResistant to water \u0026amp; daily wear\u003c\/li\u003e\n\u003cli\u003eSoft pastel dessert aesthetic for books, planners \u0026amp; journals\u003c\/li\u003e\n\u003cli\u003eMilkshake design with strawberry topping \u0026amp; blue bow detail\u003c\/li\u003e\n\u003cli\u003eGiftable \u0026amp; collectible • premium look without premium price\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003ePersonalisation \/ Bulk\u003c\/h3\u003e\n\u003cp\u003eWant custom themes, event bundles or wholesale quantities? Email \u003cstrong\u003einfo@livlivstar.com\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003cdiv class=\"msw-footer\"\u003e\n\u003cspan\u003ewww.livlivstar.com\u003c\/span\u003e • sweet café mood • aesthetic stationery\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n   LivLivStar • Strawberry Milkshake WOW Background (No JS)\n   ========================================================= *\/\n.livliv-milkshake-wow{\n  position:relative;\n  overflow:hidden;\n  border-radius: 32px;\n  padding: clamp(16px, 3vw, 38px);\n  isolation:isolate;\n}\n\n\/* Background container *\/\n.msw-bg{ position:absolute; inset:0; z-index:0; }\n\n\/* Shared layer base *\/\n.msw-layer{ position:absolute; inset:0; }\n\n\/* ---------- PARALLAX (pure CSS) ----------\n   Each layer moves subtly at different speeds *\/\n.msw-base{ animation: mswParallax1 14s ease-in-out infinite alternate; }\n.msw-cream-glow{ animation: mswParallax2 11s ease-in-out infinite alternate; }\n.msw-gloss-sweep{ animation: mswParallax3 6.2s linear infinite; }\n.msw-sparkles{ animation: mswParallax4 10s ease-in-out infinite alternate; }\n.msw-bokeh{ animation: mswParallax5 12s ease-in-out infinite alternate; }\n.msw-strawberries{ animation: mswParallax2 11s ease-in-out infinite alternate; }\n.msw-bow-shimmer{ animation: mswParallax4 10s ease-in-out infinite alternate; }\n\n\/* Base mouth-watering pastel *\/\n.msw-base{\n  inset:-14%;\n  background:\n    radial-gradient(1100px 780px at 18% 18%, rgba(255,255,255,.58), transparent 62%),\n    radial-gradient(900px 640px at 84% 22%, rgba(255,255,255,.34), transparent 60%),\n    radial-gradient(1200px 820px at 55% 92%, rgba(255,255,255,.24), transparent 65%),\n    linear-gradient(135deg,\n      #fff4fa 0%,\n      #ffd7ea 22%,\n      #ffc2dd 44%,\n      #ffeaf6 72%,\n      #fffdfd 100%);\n  filter:saturate(1.08) contrast(1.03);\n}\n\n\/* Cream glow *\/\n.msw-cream-glow{\n  inset:-22%;\n  background:\n    radial-gradient(circle at 28% 36%, rgba(255,255,255,.34), transparent 55%),\n    radial-gradient(circle at 76% 46%, rgba(255,255,255,.24), transparent 58%),\n    radial-gradient(circle at 50% 86%, rgba(255,255,255,.16), transparent 60%);\n  mix-blend-mode: soft-light;\n  animation-name: mswGlowPulse, mswParallax2;\n  animation-duration: 7.2s, 11s;\n  animation-timing-function: ease-in-out, ease-in-out;\n  animation-iteration-count: infinite, infinite;\n  animation-direction: alternate, alternate;\n}\n\n\/* Laminated gloss sweep *\/\n.msw-gloss-sweep{\n  inset:-36%;\n  background:\n    linear-gradient(118deg,\n      transparent 0%,\n      rgba(255,255,255,0) 34%,\n      rgba(255,255,255,.68) 48%,\n      rgba(255,255,255,0) 62%,\n      transparent 100%);\n  opacity:.55;\n  mix-blend-mode: overlay;\n}\n\n\/* Cream drip top *\/\n.msw-drip-wrap{\n  left:-6%; right:-6%; top:-1px;\n  height: 180px;\n  pointer-events:none;\n}\n.msw-drip{\n  position:absolute; inset:0;\n  background:\n    radial-gradient(44px 42px at 10% 98%, #fff7fb 98%, transparent 100%),\n    radial-gradient(34px 32px at 20% 100%, #fff1f7 98%, transparent 100%),\n    radial-gradient(56px 52px at 34% 98%, #fff7fb 98%, transparent 100%),\n    radial-gradient(30px 28px at 48% 100%, #fff1f7 98%, transparent 100%),\n    radial-gradient(52px 48px at 62% 98%, #fff7fb 98%, transparent 100%),\n    radial-gradient(34px 30px at 74% 100%, #fff1f7 98%, transparent 100%),\n    radial-gradient(62px 56px at 88% 98%, #fff7fb 98%, transparent 100%),\n    linear-gradient(#fff7fb, #ffe8f4);\n  border-bottom-left-radius: 28px;\n  border-bottom-right-radius: 28px;\n  opacity:.55;\n  filter: drop-shadow(0 16px 26px rgba(255,120,160,.14));\n  animation: mswDripBob 4.4s ease-in-out infinite alternate;\n}\n.msw-drip-highlight{\n  position:absolute; inset:0;\n  background:\n    radial-gradient(300px 130px at 28% 22%, rgba(255,255,255,.42), transparent 72%),\n    radial-gradient(260px 110px at 74% 28%, rgba(255,255,255,.26), transparent 74%),\n    linear-gradient(to bottom, rgba(255,255,255,.18), transparent 62%);\n  mix-blend-mode: overlay;\n  opacity:.55;\n  animation: mswDripShine 4.2s ease-in-out infinite;\n  border-bottom-left-radius: 28px;\n  border-bottom-right-radius: 28px;\n}\n\n\/* ---------- FLOATING “3D” STRAWBERRIES ----------\n   Drawn with layered radial gradients to fake 3D shading + highlight *\/\n.msw-strawberries{\n  inset:-8%;\n  pointer-events:none;\n  opacity:.78;\n  background:\n    \/* Strawberry #1 *\/\n    radial-gradient(28px 34px at 18% 64%,\n      rgba(255,70,120,.92) 0 58%,\n      rgba(190,20,70,.90) 60%,\n      transparent 63%),\n    radial-gradient(10px 12px at 16.5% 61.5%,\n      rgba(255,255,255,.45) 0 55%,\n      transparent 60%),\n    radial-gradient(18px 16px at 20% 68%,\n      rgba(120,0,40,.22) 0 55%,\n      transparent 60%),\n\n    \/* Strawberry #2 *\/\n    radial-gradient(24px 30px at 82% 42%,\n      rgba(255,70,120,.88) 0 58%,\n      rgba(190,20,70,.88) 60%,\n      transparent 63%),\n    radial-gradient(9px 11px at 80.5% 39.5%,\n      rgba(255,255,255,.40) 0 55%,\n      transparent 60%),\n    radial-gradient(16px 14px at 84% 46%,\n      rgba(120,0,40,.20) 0 55%,\n      transparent 60%),\n\n    \/* Strawberry #3 (small) *\/\n    radial-gradient(18px 22px at 58% 78%,\n      rgba(255,70,120,.78) 0 58%,\n      rgba(190,20,70,.78) 60%,\n      transparent 63%),\n    radial-gradient(7px 9px at 56.8% 75.8%,\n      rgba(255,255,255,.36) 0 55%,\n      transparent 60%),\n\n    \/* seeds sparkle (tiny dots) *\/\n    radial-gradient(1.6px 1.6px at 17% 66%, rgba(255,230,160,.9) 50%, transparent 70%),\n    radial-gradient(1.6px 1.6px at 19% 64%, rgba(255,230,160,.9) 50%, transparent 70%),\n    radial-gradient(1.6px 1.6px at 81% 44%, rgba(255,230,160,.85) 50%, transparent 70%),\n    radial-gradient(1.6px 1.6px at 83% 42%, rgba(255,230,160,.85) 50%, transparent 70%);\n\n  filter: drop-shadow(0 14px 22px rgba(0,0,0,.10));\n  animation: mswBerryFloat 8.8s ease-in-out infinite alternate;\n  mix-blend-mode: multiply;\n}\n\n\/* ---------- BLUE BOW SHIMMER ----------\n   A cool ribbon-like light sweep + glow pulse to match your blue bow *\/\n.msw-bow-shimmer{\n  inset:-20%;\n  pointer-events:none;\n  background:\n    radial-gradient(520px 220px at 52% 58%, rgba(70,180,255,.14), transparent 70%),\n    radial-gradient(420px 180px at 58% 62%, rgba(0,120,255,.10), transparent 72%),\n    linear-gradient(115deg,\n      transparent 36%,\n      rgba(120,220,255,.24) 48%,\n      transparent 60%);\n  opacity:.55;\n  mix-blend-mode: screen;\n  animation: mswBowPulse 5.8s ease-in-out infinite, mswBowSweep 4.6s linear infinite;\n}\n\n\/* Sparkles *\/\n.msw-sparkles{\n  opacity:.52;\n  background:\n    radial-gradient(2px 2px at 12% 20%, rgba(255,255,255,.60) 45%, transparent 75%),\n    radial-gradient(1.6px 1.6px at 22% 72%, rgba(255,255,255,.48) 45%, transparent 75%),\n    radial-gradient(2px 2px at 36% 38%, rgba(255,255,255,.38) 45%, transparent 75%),\n    radial-gradient(1.8px 1.8px at 56% 58%, rgba(255,255,255,.44) 45%, transparent 75%),\n    radial-gradient(2px 2px at 74% 32%, rgba(255,255,255,.42) 45%, transparent 75%),\n    radial-gradient(1.6px 1.6px at 90% 66%, rgba(255,255,255,.36) 45%, transparent 75%);\n  animation: mswSparkle 9.2s linear infinite;\n  mix-blend-mode: overlay;\n}\n\n\/* Bokeh dots *\/\n.msw-bokeh{\n  inset:-12%;\n  background:\n    radial-gradient(18px 18px at 10% 30%, rgba(255,255,255,.18), transparent 60%),\n    radial-gradient(22px 22px at 26% 58%, rgba(255,255,255,.14), transparent 60%),\n    radial-gradient(18px 18px at 42% 42%, rgba(255,255,255,.12), transparent 60%),\n    radial-gradient(26px 26px at 66% 35%, rgba(255,255,255,.14), transparent 60%),\n    radial-gradient(18px 18px at 82% 62%, rgba(255,255,255,.12), transparent 60%),\n    radial-gradient(24px 24px at 92% 50%, rgba(255,255,255,.10), transparent 60%);\n  opacity:.62;\n  mix-blend-mode: soft-light;\n}\n\n\/* Foreground glass card *\/\n.msw-card{\n  position:relative;\n  z-index:1;\n  max-width: 960px;\n  margin: 0 auto;\n  padding: clamp(16px, 2.6vw, 30px);\n  border-radius: 26px;\n  background: rgba(255,255,255,.76);\n  backdrop-filter: blur(12px);\n  border: 1px solid rgba(255,255,255,.60);\n  box-shadow:\n    0 18px 56px rgba(0,0,0,.12),\n    inset 0 1px 0 rgba(255,255,255,.64);\n}\n\n\/* Pill + typography *\/\n.msw-pill{\n  display:inline-flex;\n  align-items:center;\n  padding: 8px 12px;\n  border-radius: 999px;\n  background: rgba(255,255,255,.86);\n  border: 1px solid rgba(0,0,0,.06);\n  font-size: 13px;\n  letter-spacing:.2px;\n}\n.msw-title{\n  margin: 12px 0 6px;\n  font-size: clamp(22px, 2.7vw, 34px);\n  line-height: 1.12;\n}\n.msw-subtitle{\n  margin: 0 0 14px;\n  font-size: 15px;\n  opacity:.85;\n}\n.msw-content h3{\n  margin: 14px 0 6px;\n  font-size: 13px;\n  letter-spacing:.35px;\n  text-transform: uppercase;\n  opacity:.82;\n}\n.msw-content ul{ margin: 0 0 8px 18px; }\n.msw-content li{ margin: 6px 0; }\n.msw-content p{ margin: 6px 0 0; }\n\n\/* CTA *\/\n.msw-cta{\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n  margin-top: 18px;\n}\n.msw-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding: 11px 14px;\n  border-radius: 14px;\n  text-decoration:none;\n  font-weight: 800;\n  border: 1px solid rgba(0,0,0,.10);\n  background: rgba(255,255,255,.96);\n  box-shadow: 0 12px 26px rgba(0,0,0,.10);\n  transition: transform .18s ease, box-shadow .18s ease;\n}\n.msw-btn:hover{\n  transform: translateY(-1px);\n  box-shadow: 0 16px 30px rgba(0,0,0,.14);\n}\n.msw-ghost{ background: rgba(255,255,255,.60); }\n\n\/* Footer *\/\n.msw-footer{\n  margin-top: 14px;\n  font-size: 12px;\n  opacity:.82;\n}\n.msw-footer span{ font-weight: 900; }\n\n\/* ---------- Animations ---------- *\/\n@keyframes mswParallax1{\n  0%{ transform: translate3d(-1.4%, -1.1%, 0) scale(1); }\n  100%{ transform: translate3d(1.4%, 1.1%, 0) scale(1.03); }\n}\n@keyframes mswParallax2{\n  0%{ transform: translate3d(1.1%, -1.0%, 0); }\n  100%{ transform: translate3d(-1.1%, 1.0%, 0); }\n}\n@keyframes mswParallax3{\n  0%{ transform: translateX(-44%); }\n  100%{ transform: translateX(44%); }\n}\n@keyframes mswParallax4{\n  0%{ transform: translate3d(-1%, 0.8%, 0); }\n  100%{ transform: translate3d(1%, -0.8%, 0); }\n}\n@keyframes mswParallax5{\n  0%{ transform: translate3d(-0.9%, 0, 0) scale(1); }\n  100%{ transform: translate3d(0.9%, -0.9%, 0) scale(1.02); }\n}\n@keyframes mswGlowPulse{\n  0%,100%{ opacity:.85; }\n  50%{ opacity:1; }\n}\n@keyframes mswDripBob{\n  0%{ transform: translateY(-2px); }\n  100%{ transform: translateY(4px); }\n}\n@keyframes mswDripShine{\n  0%,100%{ opacity:.48; }\n  50%{ opacity:.70; }\n}\n@keyframes mswBerryFloat{\n  0%{ transform: translate3d(-0.6%, -1.0%, 0) scale(1); }\n  100%{ transform: translate3d(0.6%, 1.0%, 0) scale(1.02); }\n}\n@keyframes mswSparkle{\n  0%{ transform: translateY(-6px); opacity:.48; }\n  50%{ transform: translateY(6px); opacity:.64; }\n  100%{ transform: translateY(-6px); opacity:.48; }\n}\n@keyframes mswBowPulse{\n  0%,100%{ opacity:.48; }\n  50%{ opacity:.72; }\n}\n@keyframes mswBowSweep{\n  0%{ transform: translateX(-30%); }\n  100%{ transform: translateX(30%); }\n}\n\n\/* Mobile *\/\n@media (max-width: 520px){\n  .livliv-milkshake-wow{ border-radius: 22px; }\n  .msw-pill{ font-size: 12px; }\n  .msw-btn{ width: 100%; }\n}\n\n\/* Reduced motion *\/\n@media (prefers-reduced-motion: reduce){\n  .msw-base,.msw-cream-glow,.msw-gloss-sweep,\n  .msw-drip,.msw-drip-highlight,\n  .msw-strawberries,.msw-bow-shimmer,\n  .msw-sparkles,.msw-bokeh{\n    animation:none !important;\n  }\n}\n\u003c\/style\u003e","brand":"LivLivStar","offers":[{"title":"Single bookmark","offer_id":56993943126398,"sku":null,"price":3.0,"currency_code":"GBP","in_stock":true},{"title":"Pack of 9 bookmarks (£0.88 each)","offer_id":56993943159166,"sku":null,"price":8.0,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0951\/4624\/6526\/files\/13_a61ba562-9c9b-4a75-b483-c161acf3ab96.png?v=1772223438","url":"https:\/\/livlivstar.com\/products\/blush-berry-milkshake-magnetic-bookmark","provider":"LivLivStar","version":"1.0","type":"link"}