{"product_id":"a-lavender-highlighter","title":"A lavender highlighter","description":"\u003cstyle\u003e\n    .sq-tabs-wrap{\n      font-family:Arial, sans-serif;\n      line-height:1.6;\n      margin-bottom:10px !important;\n    }\n    .sq-tablist{\n      display:flex;\n      justify-content:flex-start;\n      gap:14px;\n      border-bottom:1px solid #eee;\n      margin-bottom:18px;\n      flex-wrap:wrap;\n    }\n    .sq-tab{\n      padding:10px 14px;\n      cursor:pointer;\n      border-radius:8px 8px 0 0;\n      background:#f7f7f7;\n      font-weight:700;\n      letter-spacing:.2px;\n      user-select:none;\n    }\n    .sq-tab[aria-selected=\"true\"]{\n      background:#0090a1;\n      color:#fff;\n    }\n    .sq-panel{\n      display:none;\n      height:auto !important;\n      min-height:0 !important;\n      margin:0 0 10px !important;\n      padding:0;\n    }\n    .sq-panel.active{ display:block; }\n    .sq-row{ display:flex; gap:30px; align-items:center; margin:0; }\n    .sq-img{ flex:1 1 380px; display:flex; justify-content:center; }\n    .sq-img img{\n      width:100%;\n      max-width:520px;\n      aspect-ratio:1\/1;\n      object-fit:cover;\n      border-radius:14px;\n      display:block;\n    }\n    .sq-text{ flex:1 1 420px; text-align:left; }\n    .sq-title{ font-size:22px; font-weight:700; margin:0 0 10px; }\n    .sq-desc{ font-size:16px; line-height:1.7; max-width:640px; margin:0 0 6px; }\n    .sq-features{\n      display:grid;\n      grid-template-columns:repeat(2, minmax(200px,1fr));\n      gap:16px;\n    }\n    .sq-feature{\n      background:#f8f8f8;\n      border-radius:12px;\n      padding:14px 16px;\n      font-size:15px;\n      line-height:1.6;\n    }\n    .sq-feature b{font-weight:700;}\n    @media (max-width:767px){\n      .sq-row{ flex-direction:column; align-items:flex-start; gap:12px; }\n      .sq-text{\n        flex:0 0 auto !important;\n        width:100%;\n        max-width:100%;\n        height:auto !important;\n        min-height:0 !important;\n        margin:0 auto;\n      }\n      .sq-img{ width:100%; }\n      .sq-img img{ width:100%; max-width:100%; margin:0 auto; }\n      .sq-features{ width:100%; max-width:520px; margin:0 auto; gap:18px; }\n      .sq-tabs-wrap{ height:auto !important; min-height:0 !important; }\n    }\n    @media (max-width:480px){\n      .sq-features{ grid-template-columns:1fr; }\n    }\n  \u003c\/style\u003e\n\u003cdiv class=\"sq-tabs-wrap\"\u003e\n\u003c!-- Tabs --\u003e\n\u003cdiv aria-label=\"Product details\" role=\"tablist\" class=\"sq-tablist\"\u003e\n\u003cdiv aria-selected=\"true\" aria-controls=\"panel-desc\" id=\"tab-desc\" role=\"tab\" class=\"sq-tab\" tabindex=\"0\"\u003eDescription\u003c\/div\u003e\n\u003cdiv aria-selected=\"false\" aria-controls=\"panel-feat\" id=\"tab-feat\" role=\"tab\" class=\"sq-tab\" tabindex=\"-1\"\u003eSpecification\u003c\/div\u003e\n\u003cdiv aria-selected=\"false\" aria-controls=\"panel-use\" id=\"tab-use\" role=\"tab\" class=\"sq-tab\" tabindex=\"-1\"\u003eUse\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Description --\u003e\n\u003csection aria-labelledby=\"tab-desc\" role=\"tabpanel\" id=\"panel-desc\" class=\"sq-panel active\"\u003e\n\u003cdiv class=\"sq-row\"\u003e\n\u003cdiv class=\"sq-img\"\u003e\u003cimg alt=\"Light Purple Highlighter Pen\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0660\/2466\/9272\/files\/Screenshot_2026-02-22_at_4.17.09_PM.png?v=1771769968\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq-text\"\u003e\n\u003ch3 class=\"sq-title\"\u003eLight Purple Highlighter Pen\u003c\/h3\u003e\n\u003cp class=\"sq-desc\"\u003eA smooth light purple highlighter designed to make your notes stand out with bright, clear color. Comfortable to hold and easy to use, perfect for school, office work, planners, and study sessions.\u003c\/p\u003e\n\u003cp class=\"sq-desc\"\u003e\u003cb\u003eSize\/Dimensions:\u003c\/b\u003e Approx. 145 mm length\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Specification --\u003e\n\u003csection aria-labelledby=\"tab-feat\" role=\"tabpanel\" id=\"panel-feat\" class=\"sq-panel\"\u003e\n\u003cdiv class=\"sq-row\"\u003e\n\u003cdiv class=\"sq-text\"\u003e\n\u003ch3 class=\"sq-title\"\u003eKey Specifications\u003c\/h3\u003e\n\u003cdiv class=\"sq-features\"\u003e\n\u003cdiv class=\"sq-feature\"\u003e\n\u003cb\u003eProduct Type\u003c\/b\u003e\u003cbr\u003eHighlighter pen.\u003c\/div\u003e\n\u003cdiv class=\"sq-feature\"\u003e\n\u003cb\u003eMaterial\u003c\/b\u003e\u003cbr\u003ePVC body with high quality ink.\u003c\/div\u003e\n\u003cdiv class=\"sq-feature\"\u003e\n\u003cb\u003eInk Color\u003c\/b\u003e\u003cbr\u003eLight purple, bright and easy to see on the page.\u003c\/div\u003e\n\u003cdiv class=\"sq-feature\"\u003e\n\u003cb\u003eWeight\u003c\/b\u003e\u003cbr\u003eApprox. 12 g, lightweight and comfortable for long use.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Use --\u003e\n\u003csection aria-labelledby=\"tab-use\" role=\"tabpanel\" id=\"panel-use\" class=\"sq-panel\"\u003e\n\u003cdiv class=\"sq-row\"\u003e\n\u003cdiv class=\"sq-text\"\u003e\n\u003ch3 class=\"sq-title\"\u003eHow to Use\u003c\/h3\u003e\n\u003cp class=\"sq-desc\"\u003eTake off the pen cap and highlight the desired text. Cover the cap tightly after use to prevent the ink from drying. Keep away from fire and high temperature areas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cscript\u003e\n    (function(){\n      const wrap = document.querySelector('.sq-tabs-wrap');\n      if (!wrap) return;\n      const tabs = wrap.querySelectorAll('.sq-tab');\n      const panels = wrap.querySelectorAll('.sq-panel');\n\n      function activate(idx){\n        tabs.forEach((t,i)=\u003e{\n          const sel = i === idx;\n          t.setAttribute('aria-selected', sel);\n          t.tabIndex = sel ? 0 : -1;\n        });\n        panels.forEach((p,i)=\u003e{\n          p.classList.toggle('active', i === idx);\n        });\n      }\n\n      tabs.forEach((tab,i)=\u003e{\n        tab.addEventListener('click', ()=\u003eactivate(i));\n        tab.addEventListener('keydown', (e)=\u003e{\n          if (e.key === 'ArrowRight') activate((i+1) % tabs.length);\n          if (e.key === 'ArrowLeft') activate((i-1+tabs.length) % tabs.length);\n        });\n      });\n    })();\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"XIMI-V","offers":[{"title":"Default Title","offer_id":43336728117336,"sku":"6942156255504","price":0.6,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0660\/2466\/9272\/files\/XIMI-V_PRODUCT_IMAGES_ADJUSTMENTS_13_a9bbc4fd-b4ee-4e6a-95f5-c54f7b68182b.jpg?v=1771769997","url":"https:\/\/ximivogue.com.lb\/products\/a-lavender-highlighter","provider":"XIMI-V","version":"1.0","type":"link"}