{"product_id":"test","title":"Test","description":"\u003c!-- ============================================================\n     PRODUCT INFO SECTION — Tabs + Specifications\n     Self-contained snippet for Shopify Product Description\n     ============================================================ --\u003e\n\u003cdiv class=\"pis-wrapper\"\u003e\n  \u003cstyle\u003e\n    .pis-wrapper {\n      --color-primary: #034D9F;\n      --color-secondary: #0E4076;\n      --color-navy: #0B294B;\n      --color-text: #222222;\n      --color-bg: #F8FAFD;\n      --color-white: #FFFFFF;\n      --color-border: #E5E7EB;\n\n      font-family: \"Poppins\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n      color: var(--color-text);\n      background: var(--color-white);\n      border: 1px solid var(--color-border);\n      border-radius: 14px;\n      max-width: 1100px;\n      margin: 24px auto;\n      overflow: hidden;\n      box-shadow: 0 1px 3px rgba(11, 41, 75, 0.06);\n    }\n\n    .pis-wrapper * {\n      box-sizing: border-box;\n    }\n\n    \/* ---------- Tabs ---------- *\/\n    .pis-tabs {\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-bottom: 1px solid var(--color-border);\n      background: var(--color-white);\n      overflow-x: auto;\n      scrollbar-width: none;\n      padding: 0 32px;\n    }\n\n    .pis-tabs::-webkit-scrollbar {\n      display: none;\n    }\n\n    .pis-tab {\n      position: relative;\n      flex: 0 0 auto;\n      padding: 20px 28px;\n      font-size: 15px;\n      font-weight: 500;\n      color: #6B7280 !important;\n      background: transparent !important;\n      background-color: transparent !important;\n      border: none !important;\n      border-bottom: 2px solid transparent !important;\n      outline: none !important;\n      box-shadow: none !important;\n      border-radius: 0 !important;\n      cursor: pointer;\n      white-space: nowrap;\n      transition: color 0.25s ease, border-color 0.25s ease;\n      -webkit-appearance: none;\n      appearance: none;\n    }\n\n    .pis-tab:hover,\n    .pis-tab:focus,\n    .pis-tab:active {\n      background: transparent !important;\n      background-color: transparent !important;\n      color: var(--color-secondary) !important;\n      box-shadow: none !important;\n    }\n\n    .pis-tab.active,\n    .pis-tab.active:hover,\n    .pis-tab.active:focus {\n      color: var(--color-primary) !important;\n      font-weight: 600;\n      background: transparent !important;\n      border-bottom-color: var(--color-primary) !important;\n    }\n\n    \/* ---------- Panels ---------- *\/\n    .pis-panels {\n      padding: 32px;\n      background: var(--color-white);\n    }\n\n    .pis-panel {\n      display: none;\n      animation: pisFade 0.35s ease;\n    }\n\n    .pis-panel.active {\n      display: block;\n    }\n\n    @keyframes pisFade {\n      from { opacity: 0; transform: translateY(4px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* ---------- Specifications layout ---------- *\/\n    .pis-specs-grid {\n      display: grid;\n      grid-template-columns: 1.1fr 1fr;\n      gap: 40px;\n      align-items: start;\n    }\n\n    .pis-spec-table {\n      width: 100%;\n      border-collapse: collapse;\n      border: 1px solid var(--color-border);\n      border-radius: 8px;\n      overflow: hidden;\n    }\n\n    .pis-spec-table tr {\n      border-bottom: 1px solid var(--color-border);\n    }\n\n    .pis-spec-table tr:last-child {\n      border-bottom: none;\n    }\n\n    .pis-spec-table tr:nth-child(odd) {\n      background: var(--color-bg);\n    }\n\n    .pis-spec-table tr:nth-child(even) {\n      background: var(--color-white);\n    }\n\n    .pis-spec-table td {\n      padding: 14px 18px;\n      font-size: 14px;\n      line-height: 1.5;\n      vertical-align: top;\n    }\n\n    .pis-spec-table td:first-child {\n      font-weight: 500;\n      color: var(--color-navy);\n      width: 42%;\n    }\n\n    .pis-spec-table td:last-child {\n      color: var(--color-text);\n    }\n\n    \/* ---------- Right column ---------- *\/\n    .pis-desc {\n      font-size: 14.5px;\n      line-height: 1.7;\n      color: var(--color-text);\n      margin: 0 0 22px 0;\n    }\n\n    .pis-feature-list {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 14px;\n    }\n\n    .pis-feature-list li {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      font-size: 14.5px;\n      color: var(--color-text);\n    }\n\n    .pis-check {\n      flex: 0 0 auto;\n      width: 20px;\n      height: 20px;\n      border-radius: 50%;\n      background: var(--color-primary);\n      color: #fff;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 12px;\n    }\n\n    \/* ---------- Description tab ---------- *\/\n    .pis-description-content h3 {\n      color: var(--color-navy);\n      font-size: 18px;\n      font-weight: 600;\n      margin: 0 0 12px 0;\n    }\n\n    .pis-description-content p {\n      font-size: 14.5px;\n      line-height: 1.75;\n      color: var(--color-text);\n      margin: 0 0 16px 0;\n    }\n\n    .pis-description-content ul {\n      margin: 0 0 20px 0;\n      padding-left: 20px;\n      color: var(--color-text);\n    }\n\n    .pis-description-content li {\n      font-size: 14.5px;\n      line-height: 1.9;\n    }\n\n    \/* ---------- Info cards (shipping \/ returns) ---------- *\/\n    .pis-info-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 24px;\n    }\n\n    .pis-info-card {\n      padding: 28px 26px;\n      background: var(--color-white);\n      border: 1px solid var(--color-border);\n      border-radius: 14px;\n    }\n\n    .pis-info-icon {\n      font-size: 30px;\n      line-height: 1;\n      margin-bottom: 18px;\n      display: block;\n    }\n\n    .pis-info-title {\n      font-size: 16.5px;\n      font-weight: 700;\n      color: var(--color-navy);\n      margin: 0 0 6px 0;\n    }\n\n    .pis-info-text {\n      font-size: 14px;\n      color: #6B7280;\n      margin: 0;\n      line-height: 1.55;\n    }\n\n    \/* ---------- Responsive ---------- *\/\n    @media (max-width: 900px) {\n      .pis-specs-grid {\n        grid-template-columns: 1fr;\n        gap: 28px;\n      }\n      .pis-info-grid {\n        grid-template-columns: 1fr;\n      }\n      .pis-tabs {\n        padding: 0 16px;\n        justify-content: flex-start;\n      }\n      .pis-panels {\n        padding: 24px 18px;\n      }\n    }\n\n    @media (max-width: 480px) {\n      .pis-tab {\n        padding: 16px 18px;\n        font-size: 13.5px;\n      }\n      .pis-spec-table td {\n        padding: 12px 14px;\n        font-size: 13px;\n      }\n      .pis-desc,\n      .pis-feature-list li {\n        font-size: 13.5px;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003c!-- Tabs --\u003e\n  \u003cdiv class=\"pis-tabs\" id=\"pisTabs\"\u003e\n    \u003cbutton class=\"pis-tab active\" data-tab=\"specs\"\u003eSpecifications\u003c\/button\u003e\n    \u003cbutton class=\"pis-tab\" data-tab=\"description\"\u003eDescription\u003c\/button\u003e\n    \u003cbutton class=\"pis-tab\" data-tab=\"shipping\"\u003eShipping \u0026amp; Delivery\u003c\/button\u003e\n    \u003cbutton class=\"pis-tab\" data-tab=\"returns\"\u003eReturns \u0026amp; Warranty\u003c\/button\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Panels --\u003e\n  \u003cdiv class=\"pis-panels\"\u003e\n\n    \u003c!-- Specifications --\u003e\n    \u003cdiv class=\"pis-panel active\" data-panel=\"specs\"\u003e\n      \u003cdiv class=\"pis-specs-grid\"\u003e\n        \u003ctable class=\"pis-spec-table\"\u003e\n          \u003ctbody\u003e\n            \u003ctr\u003e\n\u003ctd\u003eProcessor\u003c\/td\u003e\n\u003ctd\u003eIntel Core Ultra 7 155H\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003eRAM\u003c\/td\u003e\n\u003ctd\u003e32GB DDR5\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003eStorage\u003c\/td\u003e\n\u003ctd\u003e1TB PCIe Gen4 SSD\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003eGraphics\u003c\/td\u003e\n\u003ctd\u003eIntel Arc Graphics\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003eDisplay\u003c\/td\u003e\n\u003ctd\u003e15.6\" OLED 2.8K\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003eResolution\u003c\/td\u003e\n\u003ctd\u003e2880 × 1800\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003eRefresh Rate\u003c\/td\u003e\n\u003ctd\u003e120Hz\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003eOperating System\u003c\/td\u003e\n\u003ctd\u003eWindows 11 Pro\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003eWireless\u003c\/td\u003e\n\u003ctd\u003eWi-Fi 6E\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003eBluetooth\u003c\/td\u003e\n\u003ctd\u003e5.3\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003eBattery\u003c\/td\u003e\n\u003ctd\u003e75Wh\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003ePorts\u003c\/td\u003e\n\u003ctd\u003eThunderbolt 4, USB-A, HDMI, Audio Jack\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003eWeight\u003c\/td\u003e\n\u003ctd\u003e1.48 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003eWarranty\u003c\/td\u003e\n\u003ctd\u003e2 Years Official Warranty\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003c\/tbody\u003e\n        \u003c\/table\u003e\n\n        \u003cdiv\u003e\n          \u003cp class=\"pis-desc\"\u003eThe ZenBook OLED is built for professionals who need premium performance, exceptional display quality, and lightweight portability. Powered by Intel Core Ultra processors and ultra-fast SSD storage, it delivers an outstanding everyday experience.\u003c\/p\u003e\n          \u003cul class=\"pis-feature-list\"\u003e\n            \u003cli\u003e\n\u003cspan class=\"pis-check\"\u003e✓\u003c\/span\u003eIntel Core Ultra Processor\u003c\/li\u003e\n            \u003cli\u003e\n\u003cspan class=\"pis-check\"\u003e✓\u003c\/span\u003e32GB DDR5 Memory\u003c\/li\u003e\n            \u003cli\u003e\n\u003cspan class=\"pis-check\"\u003e✓\u003c\/span\u003e1TB PCIe SSD\u003c\/li\u003e\n            \u003cli\u003e\n\u003cspan class=\"pis-check\"\u003e✓\u003c\/span\u003eOLED Display\u003c\/li\u003e\n            \u003cli\u003e\n\u003cspan class=\"pis-check\"\u003e✓\u003c\/span\u003eLightweight Design\u003c\/li\u003e\n            \u003cli\u003e\n\u003cspan class=\"pis-check\"\u003e✓\u003c\/span\u003eWi-Fi 6E\u003c\/li\u003e\n            \u003cli\u003e\n\u003cspan class=\"pis-check\"\u003e✓\u003c\/span\u003eLong Battery Life\u003c\/li\u003e\n            \u003cli\u003e\n\u003cspan class=\"pis-check\"\u003e✓\u003c\/span\u003eWindows 11 Pro\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Description --\u003e\n    \u003cdiv class=\"pis-panel\" data-panel=\"description\"\u003e\n      \u003cdiv class=\"pis-description-content\"\u003e\n        \u003ch3\u003eEngineered for Performance, Designed for Life\u003c\/h3\u003e\n        \u003cp\u003eThis laptop pairs the latest Intel Core Ultra architecture with a lightweight magnesium-aluminum chassis, giving you desktop-class power in a body you'll actually want to carry. Every detail, from the OLED panel to the acoustic tuning of the speakers, is calibrated for creative and professional workloads alike.\u003c\/p\u003e\n        \u003cp\u003eThe 2.8K OLED display covers 100% of the DCI-P3 color gamut, making it a reliable reference screen for photo and video work, while the 120Hz refresh rate keeps everyday scrolling and motion silky smooth.\u003c\/p\u003e\n        \u003cul\u003e\n          \u003cli\u003eMilitary-grade durability testing (MIL-STD-810H)\u003c\/li\u003e\n          \u003cli\u003eHarman Kardon certified quad-speaker audio system\u003c\/li\u003e\n          \u003cli\u003eFast-charge battery: 60% in approximately 39 minutes\u003c\/li\u003e\n          \u003cli\u003eErgonomic backlit keyboard with 1.4mm key travel\u003c\/li\u003e\n          \u003cli\u003eDual Thunderbolt 4 ports for high-speed docking and displays\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \u003cp\u003eWhether you're rendering timelines, compiling code, or presenting to a client, this machine is built to keep pace without compromise.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Shipping \u0026 Delivery --\u003e\n    \u003cdiv class=\"pis-panel\" data-panel=\"shipping\"\u003e\n      \u003cdiv class=\"pis-info-grid\"\u003e\n        \u003cdiv class=\"pis-info-card\"\u003e\n          \u003cspan class=\"pis-info-icon\"\u003e🚚\u003c\/span\u003e\n          \u003cp class=\"pis-info-title\"\u003eFree Shipping\u003c\/p\u003e\n          \u003cp class=\"pis-info-text\"\u003eOrders over $100 qualify for free delivery.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pis-info-card\"\u003e\n          \u003cspan class=\"pis-info-icon\"\u003e📦\u003c\/span\u003e\n          \u003cp class=\"pis-info-title\"\u003eFast Dispatch\u003c\/p\u003e\n          \u003cp class=\"pis-info-text\"\u003eShips within 24 hours.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pis-info-card\"\u003e\n          \u003cspan class=\"pis-info-icon\"\u003e🌐\u003c\/span\u003e\n          \u003cp class=\"pis-info-title\"\u003eWorldwide Delivery\u003c\/p\u003e\n          \u003cp class=\"pis-info-text\"\u003eInternational shipping available.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pis-info-card\"\u003e\n          \u003cspan class=\"pis-info-icon\"\u003e🔒\u003c\/span\u003e\n          \u003cp class=\"pis-info-title\"\u003eSecure Packaging\u003c\/p\u003e\n          \u003cp class=\"pis-info-text\"\u003eProducts are safely packed to prevent damage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Returns \u0026 Warranty --\u003e\n    \u003cdiv class=\"pis-panel\" data-panel=\"returns\"\u003e\n      \u003cdiv class=\"pis-info-grid\"\u003e\n        \u003cdiv class=\"pis-info-card\"\u003e\n          \u003cspan class=\"pis-info-icon\"\u003e↩\u003c\/span\u003e\n          \u003cp class=\"pis-info-title\"\u003e30-Day Returns\u003c\/p\u003e\n          \u003cp class=\"pis-info-text\"\u003eEasy return policy.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pis-info-card\"\u003e\n          \u003cspan class=\"pis-info-icon\"\u003e🛡\u003c\/span\u003e\n          \u003cp class=\"pis-info-title\"\u003eOfficial Warranty\u003c\/p\u003e\n          \u003cp class=\"pis-info-text\"\u003e2 Years Manufacturer Warranty.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pis-info-card\"\u003e\n          \u003cspan class=\"pis-info-icon\"\u003e💬\u003c\/span\u003e\n          \u003cp class=\"pis-info-title\"\u003eCustomer Support\u003c\/p\u003e\n          \u003cp class=\"pis-info-text\"\u003eSupport available 7 days a week.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pis-info-card\"\u003e\n          \u003cspan class=\"pis-info-icon\"\u003e💳\u003c\/span\u003e\n          \u003cp class=\"pis-info-title\"\u003eRefund Policy\u003c\/p\u003e\n          \u003cp class=\"pis-info-text\"\u003eRefund processed within 5 business days after inspection.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function () {\n  \/\/ Do not rely on document.currentScript — Shopify's editor\/theme injection\n  \/\/ can load this asynchronously, which leaves currentScript null and\n  \/\/ caused the \"Cannot read properties of null\" error.\n  \/\/ Instead, initialize every .pis-wrapper found on the page (also makes\n  \/\/ this safe if the block is used more than once on a page).\n\n  function initPisWrapper(root) {\n    if (!root || root.dataset.pisInit === 'true') return;\n    root.dataset.pisInit = 'true';\n\n    var tabs = root.querySelectorAll('.pis-tab');\n    var panels = root.querySelectorAll('.pis-panel');\n\n    if (!tabs.length || !panels.length) return;\n\n    function activate(tab) {\n      tabs.forEach(function (t) { t.classList.remove('active'); });\n      panels.forEach(function (p) { p.classList.remove('active'); });\n\n      tab.classList.add('active');\n      var panel = root.querySelector('.pis-panel[data-panel=\"' + tab.dataset.tab + '\"]');\n      if (panel) panel.classList.add('active');\n    }\n\n    tabs.forEach(function (tab) {\n      tab.addEventListener('click', function () { activate(tab); });\n    });\n  }\n\n  function initAll() {\n    document.querySelectorAll('.pis-wrapper').forEach(initPisWrapper);\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initAll);\n  } else {\n    initAll();\n  }\n})();\n\u003c\/script\u003e","brand":"YAS","offers":[{"title":"Default Title","offer_id":51516681912598,"sku":null,"price":0.0,"currency_code":"EGP","in_stock":false}],"url":"https:\/\/www.yas-eg.com\/products\/test","provider":"YAS","version":"1.0","type":"link"}