{"product_id":"strawberry-cream-slice-magnetic-bookmark","title":"Strawberry Cream Slice Magnetic Bookmark","description":"\u003c!--\nLivLivStar • PREMIUM Waffle + Whipped Cream + Strawberry Animated Product Section (Shopify-ready)\nUse:\n1) Paste into a Custom Liquid block (recommended) or wherever your theme allows HTML.\n2) Keep your MAIN TEXT exactly as you wrote it (paste it into the marked area).\n3) Change button links if needed.\n\nTheme: mouth-watering bakery • vanilla cream • strawberry drizzle • warm waffle glow.\nNo images, no JS. Pure HTML + CSS. Smooth and lightweight.\n--\u003e\n\u003csection aria-label=\"LivLivStar Waffle Bookmark\" role=\"region\" class=\"livliv-waffle\"\u003e\u003c!-- Animated background layers --\u003e\n\u003cdiv aria-hidden=\"true\" class=\"wf-bg\"\u003e\n\u003cdiv class=\"wf-base\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"wf-heat\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"wf-sugar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"wf-shimmer\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Waffle grid suggestion (soft) --\u003e\n\u003cdiv class=\"wf-grid\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Strawberry syrup drizzle --\u003e\n\u003cdiv class=\"wf-drizzle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Cream swirl glow --\u003e\n\u003cdiv class=\"wf-cream\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Floating strawberry seeds\/sprinkles --\u003e\u003c!-- Soft bokeh dots --\u003e\n\u003c\/div\u003e\n\u003c!-- Foreground card --\u003e\n\u003carticle class=\"wf-card\"\u003e\u003c!-- ✅ MAIN TEXT (UNCHANGED) — paste your exact approved text here --\u003e\n\u003ch2 class=\"wf-title\"\u003eLivLivStar™ Strawberry Cream Slice Magnetic Bookmark\u003c\/h2\u003e\n\u003cp class=\"wf-subtitle\"\u003ePastel Bakery Edition – Glossy Waterproof Fold Clip\u003c\/p\u003e\n\u003cdiv class=\"wf-content\"\u003e\n\u003ch3\u003eSize \u0026amp; Materials\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eSize:\u003c\/strong\u003e 8 × 4 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 gently onto your page • won’t fall out in bags\u003c\/li\u003e\n\u003cli\u003eResistant to water \u0026amp; daily wear\u003c\/li\u003e\n\u003cli\u003eKawaii bakery aesthetic for books, planners \u0026amp; journals\u003c\/li\u003e\n\u003cli\u003ePerfect gift under £5 • collectible desk accessory\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003ePersonalisation \/ Bulk\u003c\/h3\u003e\n\u003cp\u003eWant custom dessert themes, event bundles, school packs or wholesale? Email \u003cstrong\u003einfo@livlivstar.com\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wf-cta\"\u003e\n\u003ca href=\"\/collections\/bookmarks\" class=\"wf-btn\"\u003eShop Bookmarks\u003c\/a\u003e \u003ca href=\"mailto:info@livlivstar.com\" class=\"wf-btn wf-ghost\"\u003ePersonalise\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wf-footer\"\u003e\n\u003cspan\u003ewww.livlivstar.com\u003c\/span\u003e • sweet stationery • bakery mood • page perfection\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\/* =========================================================\n   LivLivStar • Waffle Bakery Premium Animated Background\n   ========================================================= *\/\n\n.livliv-waffle{\n  position:relative;\n  overflow:hidden;\n  border-radius: 30px;\n  padding: clamp(16px, 3vw, 36px);\n  isolation:isolate;\n}\n\n\/* Background wrapper *\/\n.livliv-waffle .wf-bg{ position:absolute; inset:0; z-index:0; }\n\n\/* Base: warm waffle + vanilla cream + strawberry blush *\/\n.livliv-waffle .wf-base{\n  position:absolute; inset:-12%;\n  background:\n    radial-gradient(1000px 700px at 18% 18%, rgba(255,255,255,.55), transparent 62%),\n    radial-gradient(900px 650px at 84% 22%, rgba(255,255,255,.38), transparent 60%),\n    radial-gradient(1200px 800px at 50% 92%, rgba(255,255,255,.25), transparent 65%),\n    linear-gradient(135deg,\n      #fff1db 0%,\n      #ffe6c1 22%,\n      #ffd8a8 46%,\n      #ffe6f0 72%,\n      #fff1db 100%);\n  filter:saturate(1.08) contrast(1.03);\n  animation: wfFloat 10s ease-in-out infinite alternate;\n}\n\n\/* Warm bakery heat haze (subtle) *\/\n.livliv-waffle .wf-heat{\n  position:absolute; inset:-20%;\n  background:\n    radial-gradient(circle at 32% 42%, rgba(255,180,90,.16), transparent 50%),\n    radial-gradient(circle at 70% 46%, rgba(255,120,160,.12), transparent 52%),\n    radial-gradient(circle at 52% 86%, rgba(255,220,160,.12), transparent 55%);\n  mix-blend-mode: soft-light;\n  animation: wfHeat 6.8s ease-in-out infinite;\n}\n\n\/* Sugar dust shimmer (fine sparkle) *\/\n.livliv-waffle .wf-sugar{\n  position:absolute; inset:0;\n  background:\n    radial-gradient(2px 2px at 8% 18%, rgba(255,255,255,.52) 45%, transparent 75%),\n    radial-gradient(1.6px 1.6px at 16% 62%, rgba(255,255,255,.42) 45%, transparent 75%),\n    radial-gradient(1.8px 1.8px at 28% 28%, rgba(255,255,255,.36) 45%, transparent 75%),\n    radial-gradient(1.5px 1.5px at 52% 52%, rgba(255,255,255,.42) 45%, transparent 75%),\n    radial-gradient(2px 2px at 78% 34%, rgba(255,255,255,.40) 45%, transparent 75%),\n    radial-gradient(1.6px 1.6px at 88% 72%, rgba(255,255,255,.34) 45%, transparent 75%);\n  opacity:.55;\n  mix-blend-mode: overlay;\n  animation: wfSugar 9s linear infinite;\n}\n\n\/* Glossy sweep like laminated shine *\/\n.livliv-waffle .wf-shimmer{\n  position:absolute; inset:-35%;\n  background:\n    linear-gradient(118deg,\n      transparent 0%,\n      rgba(255,255,255,0) 36%,\n      rgba(255,255,255,.62) 48%,\n      rgba(255,255,255,0) 60%,\n      transparent 100%);\n  opacity:.52;\n  mix-blend-mode: overlay;\n  animation: wfShimmer 4.9s linear infinite;\n}\n\n\/* Waffle grid hint (very soft, premium) *\/\n.livliv-waffle .wf-grid{\n  position:absolute; inset:-10%;\n  background:\n    linear-gradient(transparent 0 18px, rgba(160,110,60,.10) 18px 19px, transparent 19px 36px),\n    linear-gradient(90deg, transparent 0 18px, rgba(160,110,60,.10) 18px 19px, transparent 19px 36px);\n  background-size: 36px 36px;\n  opacity:.28;\n  transform: rotate(2deg);\n  mask-image: radial-gradient(circle at 45% 45%, rgba(0,0,0,1) 0 52%, transparent 78%);\n  animation: wfGrid 12s ease-in-out infinite alternate;\n  mix-blend-mode: multiply;\n}\n\n\/* Strawberry syrup drizzle (animated) *\/\n.livliv-waffle .wf-drizzle{\n  position:absolute; left:-8%; right:-8%; top:0;\n  height: 170px;\n  background:\n    radial-gradient(40px 34px at 12% 95%, #ff4f86 98%, transparent 100%),\n    radial-gradient(30px 28px at 22% 100%, #ff2f74 98%, transparent 100%),\n    radial-gradient(48px 40px at 36% 96%, #ff4f86 98%, transparent 100%),\n    radial-gradient(28px 24px at 48% 100%, #ff2f74 98%, transparent 100%),\n    radial-gradient(44px 36px at 62% 96%, #ff4f86 98%, transparent 100%),\n    radial-gradient(30px 26px at 74% 100%, #ff2f74 98%, transparent 100%),\n    radial-gradient(54px 44px at 88% 95%, #ff4f86 98%, transparent 100%),\n    linear-gradient(#ff4f86, #ff2f74);\n  border-bottom-left-radius: 28px;\n  border-bottom-right-radius: 28px;\n  opacity:.18; \/* subtle glaze accent *\/\n  filter: drop-shadow(0 14px 26px rgba(160,0,60,.10));\n  animation: wfDrizzle 3.8s ease-in-out infinite alternate;\n}\n\n\/* Cream swirl glow (vanilla softness) *\/\n.livliv-waffle .wf-cream{\n  position:absolute; inset:-15%;\n  background:\n    radial-gradient(520px 260px at 32% 40%, rgba(255,255,255,.28), transparent 70%),\n    radial-gradient(480px 240px at 70% 46%, rgba(255,255,255,.22), transparent 72%),\n    radial-gradient(700px 360px at 52% 86%, rgba(255,255,255,.18), transparent 75%);\n  opacity:.85;\n  mix-blend-mode: soft-light;\n  animation: wfCream 7.6s ease-in-out infinite;\n}\n\n\/* Seeds \/ sprinkles floating *\/\n.livliv-waffle .wf-seeds::before,\n.livliv-waffle .wf-seeds::after{\n  content:\"\";\n  position:absolute;\n  left:50%; top:50%;\n  transform: translate(-50%,-50%) rotate(12deg);\n  filter: drop-shadow(0 10px 18px rgba(0,0,0,.10));\n  animation: wfSeedDrift 12s ease-in-out infinite alternate;\n}\n.livliv-waffle .wf-seeds::before{\n  width: 10px; height: 4px; border-radius: 999px;\n  background: #f7d77a;\n  opacity:.85;\n  box-shadow:\n    -420px -220px 0 0 #f7d77a,\n    -360px -120px 0 0 #f7d77a,\n    -300px -280px 0 0 #f7d77a,\n    -220px -40px  0 0 #f7d77a,\n    -140px -190px 0 0 #f7d77a,\n    -40px  -260px 0 0 #f7d77a,\n     40px  -210px 0 0 #f7d77a,\n     120px -120px 0 0 #f7d77a,\n     220px -260px 0 0 #f7d77a,\n     320px -70px  0 0 #f7d77a,\n     420px -210px 0 0 #f7d77a,\n    -420px 120px  0 0 #f7d77a,\n    -300px 210px  0 0 #f7d77a,\n    -180px 260px  0 0 #f7d77a,\n    -40px  170px  0 0 #f7d77a,\n     90px  260px  0 0 #f7d77a,\n     230px 140px  0 0 #f7d77a,\n     360px 220px  0 0 #f7d77a;\n}\n.livliv-waffle .wf-seeds::after{\n  width: 7px; height: 7px; border-radius: 50%;\n  background: rgba(255,255,255,.75);\n  opacity:.40;\n  animation-duration: 16s;\n  box-shadow:\n    -420px -140px 0 0 rgba(255,255,255,.55),\n    -300px -220px 0 0 rgba(255,255,255,.38),\n    -180px -80px  0 0 rgba(255,255,255,.48),\n    -60px  -200px 0 0 rgba(255,255,255,.35),\n     60px  -120px 0 0 rgba(255,255,255,.52),\n     180px -240px 0 0 rgba(255,255,255,.42),\n     300px -90px  0 0 rgba(255,255,255,.50),\n     420px -210px 0 0 rgba(255,255,255,.40),\n    -420px 180px  0 0 rgba(255,255,255,.45),\n    -260px 120px  0 0 rgba(255,255,255,.38),\n    -120px 230px  0 0 rgba(255,255,255,.52),\n      0px  150px  0 0 rgba(255,255,255,.40),\n     140px 250px  0 0 rgba(255,255,255,.46),\n     280px 170px  0 0 rgba(255,255,255,.42),\n     420px 230px  0 0 rgba(255,255,255,.50);\n}\n\n\/* Bokeh dots *\/\n.livliv-waffle .wf-bokeh{\n  position:absolute; inset:-10%;\n  background:\n    radial-gradient(14px 14px at 10% 30%, rgba(255,255,255,.20), transparent 60%),\n    radial-gradient(18px 18px at 22% 58%, rgba(255,255,255,.16), transparent 60%),\n    radial-gradient(16px 16px at 38% 42%, rgba(255,255,255,.14), transparent 60%),\n    radial-gradient(22px 22px at 66% 35%, rgba(255,255,255,.16), transparent 60%),\n    radial-gradient(16px 16px at 82% 62%, rgba(255,255,255,.14), transparent 60%),\n    radial-gradient(20px 20px at 90% 48%, rgba(255,255,255,.12), transparent 60%);\n  opacity:.65;\n  mix-blend-mode: soft-light;\n  animation: wfBokeh 11s ease-in-out infinite alternate;\n}\n\n\/* Foreground glass card *\/\n.livliv-waffle .wf-card{\n  position:relative;\n  z-index:1;\n  max-width: 940px;\n  margin: 0 auto;\n  padding: clamp(16px, 2.6vw, 28px);\n  border-radius: 24px;\n  background: rgba(255,255,255,.74);\n  backdrop-filter: blur(10px);\n  border: 1px solid rgba(255,255,255,.58);\n  box-shadow:\n    0 18px 50px rgba(0,0,0,.12),\n    inset 0 1px 0 rgba(255,255,255,.62);\n}\n\n\/* Pill *\/\n.livliv-waffle .wf-pill{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  padding: 8px 12px;\n  border-radius: 999px;\n  background: rgba(255,255,255,.84);\n  border: 1px solid rgba(0,0,0,.06);\n  font-size: 13px;\n  letter-spacing:.2px;\n}\n.livliv-waffle .wf-dot{\n  width: 8px; height: 8px; border-radius:50%;\n  background: rgba(255,80,140,.95);\n  box-shadow: 0 0 0 4px rgba(255,80,140,.14);\n}\n\n\/* Typography *\/\n.livliv-waffle .wf-title{\n  margin: 12px 0 6px;\n  font-size: clamp(22px, 2.7vw, 34px);\n  line-height: 1.12;\n}\n.livliv-waffle .wf-subtitle{\n  margin: 0 0 14px;\n  font-size: 15px;\n  opacity:.85;\n}\n\n\/* Content blocks *\/\n.livliv-waffle .wf-content h3{\n  margin: 14px 0 6px;\n  font-size: 13px;\n  letter-spacing:.35px;\n  text-transform: uppercase;\n  opacity:.82;\n}\n.livliv-waffle .wf-content ul{ margin: 0 0 8px 18px; }\n.livliv-waffle .wf-content li{ margin: 6px 0; }\n.livliv-waffle .wf-content p{ margin: 6px 0 0; }\n\n\/* CTA *\/\n.livliv-waffle .wf-cta{\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n  margin-top: 18px;\n}\n.livliv-waffle .wf-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.livliv-waffle .wf-btn:hover{\n  transform: translateY(-1px);\n  box-shadow: 0 16px 30px rgba(0,0,0,.14);\n}\n.livliv-waffle .wf-ghost{ background: rgba(255,255,255,.60); }\n\n\/* Footer *\/\n.livliv-waffle .wf-footer{\n  margin-top: 14px;\n  font-size: 12px;\n  opacity:.82;\n}\n.livliv-waffle .wf-footer span{ font-weight: 900; }\n\n\/* Animations *\/\n@keyframes wfFloat{\n  0%   { transform: translate3d(-1.5%, -1.2%, 0) scale(1); }\n  100% { transform: translate3d(1.5%, 1.2%, 0) scale(1.03); }\n}\n@keyframes wfHeat{\n  0%,100% { opacity:.85; transform: translate3d(0,0,0) scale(1); }\n  50%     { opacity:1;    transform: translate3d(0,0,0) scale(1.03); }\n}\n@keyframes wfSugar{\n  0%   { transform: translateY(-6px); opacity:.48; }\n  50%  { transform: translateY(6px);  opacity:.62; }\n  100% { transform: translateY(-6px); opacity:.48; }\n}\n@keyframes wfShimmer{\n  0%   { transform: translateX(-42%); }\n  100% { transform: translateX(42%); }\n}\n@keyframes wfGrid{\n  0%   { transform: rotate(2deg) translate3d(-1%, 0, 0); opacity:.22; }\n  100% { transform: rotate(2deg) translate3d(1%, -1%, 0); opacity:.30; }\n}\n@keyframes wfDrizzle{\n  0%   { transform: translateY(-2px); opacity:.16; }\n  100% { transform: translateY(3px);  opacity:.22; }\n}\n@keyframes wfCream{\n  0%,100% { opacity:.78; }\n  50%     { opacity:.92; }\n}\n@keyframes wfSeedDrift{\n  0%   { transform: translate(-50%,-50%) rotate(12deg) translateY(-18px); }\n  100% { transform: translate(-50%,-50%) rotate(12deg) translateY(18px); }\n}\n@keyframes wfBokeh{\n  0%   { transform: translate3d(-1%, 0%, 0) scale(1); }\n  100% { transform: translate3d(1%, -1%, 0) scale(1.02); }\n}\n\n\/* Mobile *\/\n@media (max-width: 520px){\n  .livliv-waffle{ border-radius: 22px; }\n  .livliv-waffle .wf-pill{ font-size: 12px; }\n  .livliv-waffle .wf-btn{ width: 100%; }\n}\n\n\/* Reduced motion *\/\n@media (prefers-reduced-motion: reduce){\n  .livliv-waffle .wf-base,\n  .livliv-waffle .wf-heat,\n  .livliv-waffle .wf-sugar,\n  .livliv-waffle .wf-shimmer,\n  .livliv-waffle .wf-grid,\n  .livliv-waffle .wf-drizzle,\n  .livliv-waffle .wf-cream,\n  .livliv-waffle .wf-seeds::before,\n  .livliv-waffle .wf-seeds::after,\n  .livliv-waffle .wf-bokeh{\n    animation:none !important;\n  }\n}\n\u003c\/style\u003e","brand":"LivLivStar","offers":[{"title":"Single Bookmark","offer_id":56993863991678,"sku":null,"price":3.0,"currency_code":"GBP","in_stock":true},{"title":"Pack of 9 bookmarks (£0.88 each)","offer_id":56993864024446,"sku":null,"price":8.0,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0951\/4624\/6526\/files\/9_0ff2ec47-2e04-4572-b705-b73781ff2289.png?v=1772221885","url":"https:\/\/livlivstar.com\/products\/strawberry-cream-slice-magnetic-bookmark","provider":"LivLivStar","version":"1.0","type":"link"}