{"product_id":"large-desktop-step-storage-box","title":"Large desktop step storage box","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{\n      display:flex;\n      gap:30px;\n      align-items:center;\n      margin:0;\n    }\n    .sq-img{\n      flex:1 1 380px;\n      display:flex;\n      justify-content:center;\n    }\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=\"Large Desktop Tiered Storage Box\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0660\/2466\/9272\/files\/Screenshot_2026-02-25_at_8.20.37_PM.png?v=1772043709\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq-text\"\u003e\n\u003ch3 class=\"sq-title\"\u003eLarge Desktop Tiered Storage Box\u003c\/h3\u003e\n\u003cp class=\"sq-desc\"\u003eA practical tiered desktop storage box designed to organize stationery and small desk items neatly. The stepped design maximizes space, while the transparent drawers allow you to see contents at a glance for quick access.\u003c\/p\u003e\n\u003cp class=\"sq-desc\"\u003e\u003cb\u003eSize\/Dimensions:\u003c\/b\u003e 180 × 164 × 132 mm\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\u003eDesktop tiered storage box with drawers.\u003c\/div\u003e\n\u003cdiv class=\"sq-feature\"\u003e\n\u003cb\u003eFunction\u003c\/b\u003e\u003cbr\u003eSuitable for storing stationery, small accessories, and desk items.\u003c\/div\u003e\n\u003cdiv class=\"sq-feature\"\u003e\n\u003cb\u003eDesign\u003c\/b\u003e\u003cbr\u003eTransparent drawers with small pull handles for smooth and convenient opening.\u003c\/div\u003e\n\u003cdiv class=\"sq-feature\"\u003e\n\u003cb\u003eSize and Weight\u003c\/b\u003e\u003cbr\u003e180 × 164 × 132 mm, 317 g.\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\"\u003ePull the small handle to open the drawer, then sort and place your small items inside according to category. Ideal for desks at home, school, or office to keep your workspace tidy and organized.\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      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      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":43336691777624,"sku":"6978063944644","price":6.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0660\/2466\/9272\/files\/Screenshot_2026-02-25_at_8.19.55_PM.png?v=1772043709","url":"https:\/\/ximivogue.com.lb\/products\/large-desktop-step-storage-box","provider":"XIMI-V","version":"1.0","type":"link"}