{"product_id":"mermaid-highlighter","title":"MERMAID HIGHLIGHTER","description":"\u003c!-- ============= PRODUCT DETAILS – MERMAID HIGHLIGHTER ============= --\u003e\n\u003cstyle\u003e\n\n.product-details{\n  max-width:900px;\n  margin:0 auto;\n  font-family:'Poppins', sans-serif;\n  color:#222;\n  line-height:1.6;\n}\n\n.product-details h2{\n  font-size:28px;\n  font-weight:800;\n  margin-bottom:16px;\n  letter-spacing:.5px;\n  color:#000;\n}\n\n\/* Sections *\/\n\n.pd-section{\n  border-top:1px solid #e7e7e7;\n  padding:22px 0;\n}\n\n.pd-head{\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n  cursor:pointer;\n}\n\n.pd-head:hover{\n  background:#fafafa;\n}\n\n.pd-title{\n  font-size:16px;\n  font-weight:700;\n  color:#000;\n}\n\n.pd-sub{\n  color:#7d7d7d;\n  font-size:13px;\n}\n\n\/* Chevron *\/\n\n.pd-chevron{\n  width:20px;\n  height:20px;\n  fill:#666;\n  transition:transform .3s cubic-bezier(.4,0,.2,1);\n}\n\n.pd-open .pd-chevron{\n  transform:rotate(180deg);\n}\n\n\/* Content *\/\n\n.pd-content{\n  max-height:0;\n  overflow:hidden;\n  transition:max-height .35s ease, padding .25s ease;\n}\n\n.pd-open .pd-content{\n  padding-top:14px;\n  padding-bottom:18px;\n}\n\n\/* Specs *\/\n\n.spec-grid{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:16px 30px;\n}\n\n.spec-item{\n  padding-bottom:12px;\n  border-bottom:1px solid #f0f0f0;\n}\n\n.spec-key{\n  font-size:14px;\n  font-weight:700;\n  color:#000;\n}\n\n.spec-value{\n  font-size:13px;\n  color:#5a5a5a;\n}\n\n\/* Lists *\/\n\n.pd-list{\n  padding-left:18px;\n}\n\n.pd-list li{\n  margin-bottom:6px;\n}\n\n\/* Mobile *\/\n\n@media(max-width:700px){\n  .spec-grid{\n    grid-template-columns:1fr;\n  }\n}\n\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"product-details\"\u003e\n\n\u003ch2\u003ePRODUCT DETAILS\u003c\/h2\u003e\n\n\u003c!-- DESCRIPTION --\u003e\n\u003cdiv class=\"pd-section pd-accordion pd-open\"\u003e\n  \u003cdiv class=\"pd-head\"\u003e\n    \u003cdiv\u003e\n      \u003cdiv class=\"pd-title\"\u003eDescription\u003c\/div\u003e\n      \u003cdiv class=\"pd-sub\"\u003eCute pastel highlighter for everyday notes\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003csvg class=\"pd-chevron\" viewbox=\"0 0 24 24\"\u003e\n      \u003cpath d=\"M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z\"\u003e\u003c\/path\u003e\n    \u003c\/svg\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pd-content\"\u003e\n    \u003cp\u003e\n      \u003cstrong\u003eMermaid Highlighter\u003c\/strong\u003e makes your notes sparkle with its adorable design and dreamy pastel shades. \n      Styled like sweet little seashells stacked together, it feels straight out of a mermaid’s stationery box.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      Smooth to use and impossible not to love, this highlighter adds a magical pop of colour to your notes, planners, and study sessions.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- SPECIFICATIONS --\u003e\n\u003cdiv class=\"pd-section pd-accordion\"\u003e\n  \u003cdiv class=\"pd-head\"\u003e\n    \u003cdiv\u003e\n      \u003cdiv class=\"pd-title\"\u003eSpecifications\u003c\/div\u003e\n      \u003cdiv class=\"pd-sub\"\u003eMaterial, ink \u0026amp; design\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003csvg class=\"pd-chevron\" viewbox=\"0 0 24 24\"\u003e\n      \u003cpath d=\"M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z\"\u003e\u003c\/path\u003e\n    \u003c\/svg\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pd-content\"\u003e\n    \u003cdiv class=\"spec-grid\"\u003e\n\n      \u003cdiv class=\"spec-item\"\u003e\n        \u003cdiv class=\"spec-key\"\u003eProduct Name\u003c\/div\u003e\n        \u003cdiv class=\"spec-value\"\u003eMermaid Highlighter\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"spec-item\"\u003e\n        \u003cdiv class=\"spec-key\"\u003eInk Colour\u003c\/div\u003e\n        \u003cdiv class=\"spec-value\"\u003eSoft pastel shades\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"spec-item\"\u003e\n        \u003cdiv class=\"spec-key\"\u003eDesign\u003c\/div\u003e\n        \u003cdiv class=\"spec-value\"\u003eSeashell-inspired mermaid theme\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"spec-item\"\u003e\n        \u003cdiv class=\"spec-key\"\u003eTip Type\u003c\/div\u003e\n        \u003cdiv class=\"spec-value\"\u003eSmooth glide chisel tip\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"spec-item\"\u003e\n        \u003cdiv class=\"spec-key\"\u003eUsage\u003c\/div\u003e\n        \u003cdiv class=\"spec-value\"\u003ePerfect for notes, planners \u0026amp; journals\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"spec-item\"\u003e\n        \u003cdiv class=\"spec-key\"\u003eGrip\u003c\/div\u003e\n        \u003cdiv class=\"spec-value\"\u003eLightweight and comfortable\u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- FEATURES --\u003e\n\u003cdiv class=\"pd-section pd-accordion\"\u003e\n  \u003cdiv class=\"pd-head\"\u003e\n    \u003cdiv\u003e\n      \u003cdiv class=\"pd-title\"\u003eKey Features\u003c\/div\u003e\n      \u003cdiv class=\"pd-sub\"\u003eWhy you'll love it\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003csvg class=\"pd-chevron\" viewbox=\"0 0 24 24\"\u003e\n      \u003cpath d=\"M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z\"\u003e\u003c\/path\u003e\n    \u003c\/svg\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pd-content\"\u003e\n    \u003cul class=\"pd-list\"\u003e\n      \u003cli\u003eAdorable mermaid-inspired design\u003c\/li\u003e\n      \u003cli\u003eDreamy pastel colours that don’t overpower text\u003c\/li\u003e\n      \u003cli\u003eSmooth ink flow for effortless highlighting\u003c\/li\u003e\n      \u003cli\u003ePerfect for students, journaling \u0026amp; office use\u003c\/li\u003e\n      \u003cli\u003eAdds a fun aesthetic to your stationery collection\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- CARE --\u003e\n\u003cdiv class=\"pd-section pd-accordion\"\u003e\n  \u003cdiv class=\"pd-head\"\u003e\n    \u003cdiv\u003e\n      \u003cdiv class=\"pd-title\"\u003eCare Instructions\u003c\/div\u003e\n      \u003cdiv class=\"pd-sub\"\u003eFor long-lasting use\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003csvg class=\"pd-chevron\" viewbox=\"0 0 24 24\"\u003e\n      \u003cpath d=\"M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z\"\u003e\u003c\/path\u003e\n    \u003c\/svg\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pd-content\"\u003e\n    \u003cul class=\"pd-list\"\u003e\n      \u003cli\u003eAlways close the cap tightly after use\u003c\/li\u003e\n      \u003cli\u003eStore in a cool, dry place\u003c\/li\u003e\n      \u003cli\u003eAvoid dropping to prevent tip damage\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- RETURNS --\u003e\n\u003cdiv class=\"pd-section pd-accordion\"\u003e\n  \u003cdiv class=\"pd-head\"\u003e\n    \u003cdiv\u003e\n      \u003cdiv class=\"pd-title\"\u003eReturns, Exchange \u0026amp; Refund\u003c\/div\u003e\n      \u003cdiv class=\"pd-sub\"\u003eDamaged items only\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003csvg class=\"pd-chevron\" viewbox=\"0 0 24 24\"\u003e\n      \u003cpath d=\"M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z\"\u003e\u003c\/path\u003e\n    \u003c\/svg\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pd-content\"\u003e\n    \u003cul class=\"pd-list\"\u003e\n      \u003cli\u003eReturns accepted only if product is damaged or defective on delivery.\u003c\/li\u003e\n      \u003cli\u003eReport issues within \u003cstrong\u003e48 hours\u003c\/strong\u003e with proof.\u003c\/li\u003e\n      \u003cli\u003eApproved cases receive replacement or store credit.\u003c\/li\u003e\n      \u003cli\u003eUsed products are not eligible for return.\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\n\u003cscript\u003e document.addEventListener('DOMContentLoaded', function () { const accordions = Array.from(document.querySelectorAll('.pd-accordion')); accordions.forEach(acc =\u003e { const content = acc.querySelector('.pd-content'); if (!content) return; if (acc.classList.contains('pd-open')) { content.style.maxHeight = content.scrollHeight + 'px'; content.addEventListener('transitionend', function handler(e) { if (e.propertyName === 'max-height') { content.style.maxHeight = 'none'; content.style.overflow = 'visible'; content.removeEventListener('transitionend', handler); } }); content.style.overflow = 'visible'; } else { content.style.maxHeight = '0px'; content.style.overflow = 'hidden'; } }); accordions.forEach(acc =\u003e { const head = acc.querySelector('.pd-head'); const content = acc.querySelector('.pd-content'); head.addEventListener('click', function () { if (!content) return; if (acc.classList.contains('pd-open')) { if (content.style.maxHeight === 'none' || content.style.maxHeight === '') { content.style.maxHeight = content.scrollHeight + 'px'; } requestAnimationFrame(() =\u003e { content.style.overflow = 'hidden'; content.style.maxHeight = '0px'; acc.classList.remove('pd-open'); }); const onCloseEnd = function (e) { if (e.propertyName === 'max-height') { content.style.overflow = 'hidden'; content.removeEventListener('transitionend', onCloseEnd); } }; content.addEventListener('transitionend', onCloseEnd); } else { content.style.maxHeight = '0px'; content.style.overflow = 'hidden'; requestAnimationFrame(() =\u003e { const full = content.scrollHeight; content.style.maxHeight = full + 'px'; acc.classList.add('pd-open'); }); const onOpenEnd = function (e) { if (e.propertyName === 'max-height') { content.style.maxHeight = 'none'; content.style.overflow = 'visible'; content.removeEventListener('transitionend', onOpenEnd); } }; content.addEventListener('transitionend', onOpenEnd); } }); }); window.addEventListener('resize', function () { accordions.forEach(acc =\u003e { const content = acc.querySelector('.pd-content'); if (!content) return; if (acc.classList.contains('pd-open')) { if (content.style.maxHeight === 'none' || content.style.maxHeight === '') { content.style.maxHeight = content.scrollHeight + 'px'; requestAnimationFrame(() =\u003e { content.style.maxHeight = 'none'; }); } else { content.style.maxHeight = content.scrollHeight + 'px'; } } }); }); }); \u003c\/script\u003e\n","brand":"ZapZoo","offers":[{"title":"Default Title","offer_id":43291579220042,"sku":null,"price":299.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0677\/0088\/3530\/files\/WhatsAppImage2026-02-06at4.16.27PM_2.jpg?v=1770375369","url":"https:\/\/zapzoo.in\/products\/mermaid-highlighter","provider":"ZapZoo","version":"1.0","type":"link"}