{"product_id":"boy-series-pencil-case","title":"Boy Series Pencil Case","description":"\u003cdiv class=\"sq-tabs-wrap\"\u003e\n  \u003cstyle\u003e\n    .sq-tabs-wrap{ font-family:Arial, sans-serif; line-height:1.6; margin-bottom:10px !important; }\n    .sq-tablist{ display:flex; justify-content:flex-start; gap:14px; border-bottom:1px solid #eee; margin-bottom:18px; flex-wrap:wrap; }\n    .sq-tab{ padding:10px 14px; cursor:pointer; border-radius:8px 8px 0 0; background:#f7f7f7; font-weight:700; letter-spacing:.2px; user-select:none; }\n    .sq-tab[aria-selected=\"true\"]{ background:#0090a1; color:#fff; }\n    .sq-panel{ display:none; height:auto !important; min-height:0 !important; margin:0 0 10px !important; padding:0; }\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{ width:100%; max-width:520px; aspect-ratio:1\/1; object-fit:cover; border-radius:14px; display:block; }\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{ display:grid; grid-template-columns:repeat(2, minmax(200px,1fr)); gap:16px; }\n    .sq-feature{ background:#f8f8f8; border-radius:12px; padding:14px 16px; font-size:15px; line-height:1.6; }\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{ flex:0 0 auto !important; width:100%; max-width:100%; height:auto !important; min-height:0 !important; margin:0 auto; }\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){ .sq-features{ grid-template-columns:1fr; } }\n  \u003c\/style\u003e\n\n  \u003c!-- Tabs --\u003e\n  \u003cdiv class=\"sq-tablist\" role=\"tablist\" aria-label=\"Product details\"\u003e\n    \u003cdiv class=\"sq-tab\" role=\"tab\" id=\"tab-desc\" aria-controls=\"panel-desc\" aria-selected=\"true\" tabindex=\"0\"\u003eDescription\u003c\/div\u003e\n    \u003cdiv class=\"sq-tab\" role=\"tab\" id=\"tab-feat\" aria-controls=\"panel-feat\" aria-selected=\"false\" tabindex=\"-1\"\u003eSpecification\u003c\/div\u003e\n    \u003cdiv class=\"sq-tab\" role=\"tab\" id=\"tab-use\" aria-controls=\"panel-use\" aria-selected=\"false\" tabindex=\"-1\"\u003eUse\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Description --\u003e\n  \u003csection class=\"sq-panel active\" id=\"panel-desc\" role=\"tabpanel\" aria-labelledby=\"tab-desc\"\u003e\n    \u003cdiv class=\"sq-row\"\u003e\n      \u003cdiv class=\"sq-img\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0660\/2466\/9272\/files\/Screenshot_2026-01-27_at_9.42.14_PM.png?v=1769542974\" alt=\"Boy Series Pencil Case\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sq-text\"\u003e\n        \u003ch3 class=\"sq-title\"\u003eBoy Series Pencil Case\u003c\/h3\u003e\n        \u003cp class=\"sq-desc\"\u003e\n          A fun and sturdy pencil case featuring bold cartoon designs from the Boy Series. The hard plastic shell helps protect stationery while keeping everything neatly organized—perfect for school, travel, or daily use.\n        \u003c\/p\u003e\n        \u003cp class=\"sq-desc\"\u003e\u003cb\u003eSize\/Dimensions:\u003c\/b\u003e 220 × 80 × 40 mm\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Specification --\u003e\n  \u003csection class=\"sq-panel\" id=\"panel-feat\" role=\"tabpanel\" aria-labelledby=\"tab-feat\"\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\u003eMaterial\u003c\/b\u003e\u003cbr\u003e\n            Plastic hard shell for everyday protection and durability.\n          \u003c\/div\u003e\n          \u003cdiv class=\"sq-feature\"\u003e\n            \u003cb\u003eDesign\u003c\/b\u003e\u003cbr\u003e\n            Cute cartoon characters with a playful, boy-themed style.\n          \u003c\/div\u003e\n          \u003cdiv class=\"sq-feature\"\u003e\n            \u003cb\u003eProtective Storage\u003c\/b\u003e\u003cbr\u003e\n            Helps keep pens and small items safe inside backpacks.\n          \u003c\/div\u003e\n          \u003cdiv class=\"sq-feature\"\u003e\n            \u003cb\u003eWeight\u003c\/b\u003e\u003cbr\u003e\n            80 g.\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Use --\u003e\n  \u003csection class=\"sq-panel\" id=\"panel-use\" role=\"tabpanel\" aria-labelledby=\"tab-use\"\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\"\u003e\n          Open the zipper and place pens, pencils, erasers, or small accessories inside. Close securely to keep items protected and easy to access.\n        \u003c\/p\u003e\n        \u003cp class=\"sq-desc\"\u003e\u003cb\u003eNotes:\u003c\/b\u003e Avoid contact with sharp objects.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\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      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{ p.classList.toggle('active', i === idx); });\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\n","brand":"XIMI-V","offers":[{"title":"Default Title","offer_id":43336697544792,"sku":"6941963938334","price":4.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0660\/2466\/9272\/files\/Screenshot_2026-01-27_at_9.41.53_PM.png?v=1769542974","url":"https:\/\/ximivogue.com.lb\/products\/boy-series-pencil-case","provider":"XIMI-V","version":"1.0","type":"link"}