{"product_id":"titanium-remnant-granite-leathered-3cm-2","title":"TITANIUM REMNANT - GRANITE \/ LEATHERED \/ 3CM","description":"\u003cdiv class=\"pd-hero\"\u003e\n\u003c!-- Images --\u003e\n\u003cdiv class=\"pd-hero__img\"\u003e\n\u003c!-- Main image \/ first gallery image --\u003e \u003ca class=\"lightgallery-item\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0626\/1656\/7904\/files\/Granite_Titanium_3cm_Leather_2118832_STOCK_Size76.878x39.92_0abd5f31-dfba-49b9-97f3-05c7e32e66e3.png?v=1770848964\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0626\/1656\/7904\/files\/Granite_Titanium_3cm_Leather_2118832_STOCK_Size76.878x39.92_0abd5f31-dfba-49b9-97f3-05c7e32e66e3.png?v=1770848964\" data-thumb=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0626\/1656\/7904\/files\/Granite_Titanium_3cm_Leather_2118832_STOCK_Size76.878x39.92_0abd5f31-dfba-49b9-97f3-05c7e32e66e3.png?v=1770848964\"\u003e \u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0626\/1656\/7904\/files\/Granite_Titanium_3cm_Leather_2118832_STOCK_Size76.878x39.92_0abd5f31-dfba-49b9-97f3-05c7e32e66e3.png?v=1770848964\"\u003e \u003c\/a\u003e \u003c!-- Second image for gallery only --\u003e \u003ca class=\"lightgallery-item\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0626\/1656\/7904\/files\/Screenshot_19-2-2026_10590_fusiondrivecloud.com.jpg?v=1771520388\" data-sub-html=\"\u0026lt;h4\u0026gt;Fabrication Layout Reference\u0026lt;\/h4\u0026gt;\u0026lt;p\u0026gt;Usable dimensions shown\u0026lt;\/p\u0026gt;\" data-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0626\/1656\/7904\/files\/Screenshot_19-2-2026_10590_fusiondrivecloud.com.jpg?v=1771520388\" data-thumb=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0626\/1656\/7904\/files\/Screenshot_19-2-2026_10590_fusiondrivecloud.com.jpg?v=1771520388\"\u003e \u003c!-- hidden img for thumbnail --\u003e \u003cimg alt=\"\" style=\"display: none;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0626\/1656\/7904\/files\/Screenshot_19-2-2026_10590_fusiondrivecloud.com.jpg?v=1771520388\"\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- Details --\u003e\n\u003cdiv class=\"pd-hero__info\"\u003e\n\u003cdiv class=\"DetailInfo\"\u003e\n\u003ch2 class=\"pd-hero__title\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 class=\"pd-hero__title\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 class=\"pd-hero__title\"\u003eTITANIUM\u003c\/h2\u003e\n\u003cul class=\"pd-hero__specs\"\u003e\n\u003cli\u003e\n\u003clabel\u003eITEM ID:\u003c\/label\u003e \u003cspan\u003e2118832\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003clabel\u003eMATERIAL:\u003c\/label\u003e \u003cspan\u003eGRANITE\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003clabel\u003eTHICKNESS:\u003c\/label\u003e \u003cspan\u003e3CM\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003clabel\u003eFINISH:\u003c\/label\u003e \u003cspan\u003eLEATHERED\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"color: #ff2a00; font-weight: bold;\"\u003e\u003cstrong\u003e \u003clabel\u003eCLICK ON IMAGE FOR DIMENSIONS\u003c\/label\u003e \u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Styles --\u003e\n\u003cstyle\u003e\n\n.pd-hero {\n  display:flex;\n  flex-direction:column;\n  gap:2rem;\n  width:100%;\n}\n\n.pd-hero__img img {\n  width:100%;\n  height:auto;\n  display:block;\n  border-radius:8px;\n  object-fit:cover;\n  cursor:zoom-in;\n}\n\n.pd-hero__info {\n  width:100%;\n  max-width:none;\n}\n\n.pd-hero__specs {\n  list-style:none;\n  padding:0;\n  margin:0;\n}\n\n.pd-hero__specs li {\n  display:flex;\n  justify-content:space-between;\n  gap:1rem;\n  padding:8px 0;\n  border-bottom:1px solid #eee;\n}\n\n.pd-hero__specs li:last-child {\n  border-bottom:0;\n}\n\n.pd-hero__title {\n  font-size:2rem;\n  line-height:1.2;\n  margin:0 0 16px 0;\n  font-weight:700;\n}\n\n@media (min-width:981px) {\n\n  .pd-hero {\n    flex-direction:row;\n    align-items:flex-start;\n    gap:3rem;\n  }\n\n  .pd-hero__img {\n    flex:1 1 auto;\n    min-width:0;\n  }\n\n  .pd-hero__info {\n    flex:0 0 350px;\n    max-width:350px;\n  }\n\n  .pd-hero__title {\n    font-size:3.5rem;\n    margin-bottom:20px;\n  }\n\n}\n\n\u003c\/style\u003e\n\u003c!-- LightGallery --\u003e\n\u003cp\u003e\u003clink rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/lightgallery\/css\/lightgallery-bundle.min.css\"\u003e \u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/lightgallery\/lightgallery.min.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/lightgallery\/plugins\/zoom\/lg-zoom.min.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/lightgallery\/plugins\/thumbnail\/lg-thumbnail.min.js\"\u003e\u003c\/script\u003e \u003cscript\u003e\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  lightGallery(document.querySelector(\".pd-hero__img\"), {\n\n    selector: \"a\",\n\n    plugins: [lgZoom, lgThumbnail],\n\n    zoom: true,\n\n    thumbnail: true,\n\n    speed: 400,\n\n  });\n\n});\n\n\u003c\/script\u003e\u003c\/p\u003e","brand":"Austin Granite Direct","offers":[{"title":"Leathered \/ GRANITE \/ 2118832","offer_id":42581259124832,"sku":"2118832","price":799.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0626\/1656\/7904\/files\/Granite_Titanium_3cm_Leather_2118832_STOCK_Size76.878x39.921..png?v=1770848979","url":"https:\/\/shop.austingranitedirect.com\/products\/titanium-remnant-granite-leathered-3cm-2","provider":"Austin Granite Direct ","version":"1.0","type":"link"}