{"product_id":"relax-black-leather-cushions-stu001-c-bl","title":"Relax Black Leather Cushions","description":"\u003cp\u003e \u003c\/p\u003e \u003cul\u003e \u003cli\u003e \u003c\/li\u003e\n\u003cli\u003e \u003c\/li\u003e\n\u003cli\u003e \u003c\/li\u003e\n\u003c\/ul\u003e\u003cbr\u003e\u003cbr\u003e\u003cdiv id=\"sl-savings-banner\" style=\"display:none\"\u003e \u003cdiv class=\"sl-banner-inner\"\u003e \u003cdiv class=\"sl-savings-icon\"\u003e \u003csvg width=\"15\" height=\"15\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z\"\u003e\u003c\/path\u003e\u003cline x1=\"7\" y1=\"7\" x2=\"7.01\" y2=\"7\"\u003e\u003c\/line\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"sl-banner-body\"\u003e \u003cspan class=\"sl-banner-price\" id=\"sl-banner-price\"\u003e\u003c\/span\u003e \u003cspan class=\"sl-banner-sub\" id=\"sl-banner-sub\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e #sl-savings-banner { margin-top: 12px; } .sl-banner-inner { display: flex; align-items: center; gap: 12px; background: #EAF3DE; border: 0.5px solid #97C459; border-radius: 8px; padding: 12px 16px; } .sl-savings-icon { width: 32px; height: 32px; min-width: 32px; background: #639922; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .sl-banner-body { display: flex; flex-direction: column; gap: 3px; } .sl-banner-price { font-size: 16px; font-weight: 500; color: #27500A; } .sl-banner-sub { font-size: 12px; color: #3B6D11; } \u003c\/style\u003e \u003cscript\u003e (function () { const DISCOUNT_RATE = 0.3; const banner = document.getElementById('sl-savings-banner'); if (!banner) return; function parsePrice(text) { return parseFloat(text.replace(\/[^0-9.]\/g, '')); } function formatPrice(num, prefix) { return prefix + num.toFixed(2).replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, ','); } function populate(wholesalePrice, currencyPrefix) { const salePrice = wholesalePrice * (1 - DISCOUNT_RATE); const saving = wholesalePrice * DISCOUNT_RATE; const pct = Math.round(DISCOUNT_RATE * 100); document.getElementById('sl-banner-price').textContent = 'Last Chance Sale — ' + formatPrice(salePrice, currencyPrefix); document.getElementById('sl-banner-sub').textContent = 'Save ' + formatPrice(saving, currencyPrefix) + '— Add to cart now for this price'; const sparkPdp = document.querySelector('spark-pdp'); if (sparkPdp \u0026\u0026 sparkPdp.parentNode) { sparkPdp.parentNode.insertBefore(banner, sparkPdp.nextSibling); } banner.style.display = 'block'; } function tryRead() { const sparkPdp = document.querySelector('spark-pdp'); if (!sparkPdp || !sparkPdp.shadowRoot) return false; const priceEl = sparkPdp.shadowRoot.querySelector('.sl-pricing-alignment p'); if (!priceEl || !priceEl.textContent.trim()) return false; const raw = priceEl.textContent.trim(); const prefix = raw.startsWith('CA') ? 'CA$' : '$'; const wholesale = parsePrice(raw); if (!wholesale) return false; populate(wholesale, prefix); return true; } if (!tryRead()) { const interval = setInterval(function () { const sparkPdp = document.querySelector('spark-pdp'); if (!sparkPdp) return; if (sparkPdp.shadowRoot) { clearInterval(interval); const mo = new MutationObserver(function () { if (tryRead()) mo.disconnect(); }); mo.observe(sparkPdp.shadowRoot, { childList: true, subtree: true }); tryRead(); } }, 150); } })(); \u003c\/script\u003e \u003cdiv class=\"dimensions-container\"\u003e \u003cdiv class=\"dimensions-content\"\u003e \u003c!-- Main Dimensions --\u003e \u003cdiv class=\"dimension-row\"\u003e \u003cdiv class=\"dimension-label\"\u003eAssembled Dimensions WDH\":\u003c\/div\u003e \u003cdiv class=\"dimension-value dimension-highlight\"\u003e 26.4 x 22.8 x 5.9 in  · 16 lbs \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"box-dimensions-block\"\u003e \u003cdiv class=\"box-dimensions-header\"\u003eBox Dimensions WDH\":\u003c\/div\u003e \u003cdiv class=\"box-dimensions-body\"\u003e \u003cdiv class=\"box-row\"\u003e \u003cspan class=\"box-tag\"\u003eBox 1\u003c\/span\u003e \u003cspan class=\"box-val\"\u003e28 x 26 x 13 in · 15.4 lbs\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- Additional Specs Grid --\u003e \u003cdiv class=\"specs-grid\"\u003e \u003cdiv class=\"spec-item\"\u003e \u003cdiv class=\"spec-label\"\u003eCBM\u003c\/div\u003e \u003cdiv class=\"spec-value\"\u003e0.15\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"spec-item\"\u003e \u003cdiv class=\"spec-label\"\u003eCapacity\u003c\/div\u003e \u003cdiv class=\"spec-value\"\u003e— lbs\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"spec-item\"\u003e \u003cdiv class=\"spec-label\"\u003eOrigin\u003c\/div\u003e \u003cdiv class=\"spec-value\"\u003eChina\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"spec-item\"\u003e \u003cdiv class=\"spec-label\"\u003eBoxes\u003c\/div\u003e \u003cdiv class=\"spec-value\"\u003e 1\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- Materials Row --\u003e \u003cdiv class=\"dimension-row materials-row\"\u003e \u003cdiv class=\"dimension-label\"\u003eMaterials:\u003c\/div\u003e \u003cdiv class=\"dimension-value\"\u003eTop Grain Leather, Feathers\u003c\/div\u003e \u003c\/div\u003e \u003c!-- Finish Row --\u003e \u003cdiv class=\"dimension-row\"\u003e \u003cdiv class=\"dimension-label\"\u003eFinish:\u003c\/div\u003e \u003cdiv class=\"dimension-value\"\u003e—\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e .dimensions-container { max-width: 100%; background: white; border: 1px solid #e0e0e0; overflow: hidden; } .dimensions-content { padding: 20px; } .dimension-row { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid #f0f0f0; align-items: flex-start; } .materials-row { border-top: 1px solid #f0f0f0; margin-top: 20px; padding-top: 20px; } .dimension-label { font-size: 14px; color: #000; font-weight: 600; letter-spacing: 1px; flex: 1; } .dimension-value { font-size: 16px; color: #red; text-align: right; flex: 1; } .dimension-highlight { font-weight: 600; } .box-dimensions-list { display: flex; flex-direction: column; gap: 4px; text-align: right; } .box-dimensions-block { padding: 12px 0; border-bottom: 1px solid #f0f0f0; } .box-dimensions-header { font-size: 14px; color: #000; font-weight: 600; letter-spacing: 1px; margin-bottom: 8px; } .box-dimensions-body { display: flex; flex-direction: column; gap: 4px; } .box-row { display: flex; justify-content: space-between; align-items: center; } .box-tag { font-size: 11px; font-weight: 600; letter-spacing: 1px; color: #888; text-transform: uppercase; } .box-val { font-size: 14px; color: #000; } @media (max-width: 480px) { .box-row { justify-content: center; gap: 8px; } } .box-line { display: block; font-size: 16px; } .box-label { font-size: 12px; font-weight: 600; letter-spacing: 1px; color: #888; margin-right: 6px; text-transform: uppercase; } .specs-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 20px; padding-top: 20px; } .spec-item { display: flex; flex-direction: column; gap: 4px; } .spec-label { font-size: 14px; color: #000; font-weight: 600; letter-spacing: 1px; } .spec-value { font-size: 16px; color: #000; font-weight: 500; } \/* Responsive Breakpoints *\/ @media (max-width: 768px) { .dimensions-content { padding: 16px; } .specs-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; } } @media (max-width: 480px) { .dimensions-content { padding: 12px; } .dimension-row { flex-direction: column; gap: 4px; padding: 10px 0; align-items: center; text-align: center; } .dimension-label, .dimension-value { text-align: center; } .dimension-highlight { font-weight: 400; } .dimension-value { font-size: 16px; } .specs-grid { grid-template-columns: 1fr; gap: 12px; margin-top: 10px; padding-top: 0; } .spec-item { padding: 8px 0; border-bottom: 1px solid #f0f0f0; align-items: center; text-align: center; } .spec-item:last-child { border-bottom: none; } .materials-row { margin-top: 10px; padding-top: 10px; } } \u003c\/style\u003e","brand":"LHHome","offers":[{"title":"Default Title","offer_id":49083687960798,"sku":"12-STU001-C-BL","price":963.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0262\/8947\/1541\/files\/STU001CBL.jpg?v=1789950108","url":"https:\/\/instylehome.ca\/products\/relax-black-leather-cushions-stu001-c-bl","provider":"InSTYLE Home \u0026 Rugs","version":"1.0","type":"link"}