{"title":"Vista Railing Systems","description":"","products":[{"product_id":"pb7453-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-5ft-60-in-includes-1-support-leg","title":"PB7453 2.25\"W x 2.5\"H Top and Bottom Rail Package 5ft (60\") Aluminum Railing","description":"\u003c!-- PB7453 PB7453 2.25\"W x 2.5\"H Top and Bottom Rail Package 5ft (60\") Aluminum Railing - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\n .msp-compatible-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 8px;\n margin-top: 12px;\n }\n .msp-compatible-item {\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n text-align: center;\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n }\n\n a.msp-compatible-item {\n display: block;\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n }\n a.msp-compatible-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB7453 2.25\"W x 2.5\"H Top and Bottom Rail Package 5ft (60\") Aluminum Railing may differ from the configuration pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e2.25\"W x 2.5\"H Top and Bottom Rail Package 5ft (60\") - (includes 1 support leg)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e2.25\"W x 2.5\"H\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Railing\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e6.27 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e4\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e80\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum railing\u003c\/li\u003e\n \u003cli\u003ePackage includes: 1 support leg\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n\n\n\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Aluminum Posts (36\")\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003ePosts for a 36\" railing height:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5734-2-in-w-mid-stair-post-with-splice\" class=\"msp-compatible-item\"\u003ePB5734\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5737-2-5-in-w-x-36-in-h-top-stair-post-with-stair-hole-cover\" class=\"msp-compatible-item\"\u003ePB5737\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5804-2-in-w-x-36-in-h-end-post\" class=\"msp-compatible-item\"\u003ePB5804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5805-2-in-w-x-36-in-h-90-deg-corner-post\" class=\"msp-compatible-item\"\u003ePB5805\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5806-2-in-w-x-36-in-h-mid-post\" class=\"msp-compatible-item\"\u003ePB5806\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5809-2-in-w-x-36-in-h-45-deg-corner-post\" class=\"msp-compatible-item\"\u003ePB5809\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7758-2-5-in-w-x-36-in-h-blank-post\" class=\"msp-compatible-item\"\u003ePB7758\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Aluminum Posts (42\")\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003ePosts for a 42\" railing height:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5468-2-in-w-x-42-in-h-end-post\" class=\"msp-compatible-item\"\u003ePB5468\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5469-2-in-w-x-42-in-h-90-deg-corner-post\" class=\"msp-compatible-item\"\u003ePB5469\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5470-2-in-w-x-42-in-h-mid-post\" class=\"msp-compatible-item\"\u003ePB5470\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5494-2-in-w-x-42-in-h-45-deg-corner-post\" class=\"msp-compatible-item\"\u003ePB5494\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5733-2-5-in-w-x-42-in-h-top-stair-post-with-stair-hole-cover\" class=\"msp-compatible-item\"\u003ePB5733\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5734-2-in-w-mid-stair-post-with-splice\" class=\"msp-compatible-item\"\u003ePB5734\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7759-2-5-in-w-x-42-in-h-blank-post\" class=\"msp-compatible-item\"\u003ePB7759\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7761-4-in-w-x-42-in-h-blank-post-with-flat-post-cap\" class=\"msp-compatible-item\"\u003ePB7761\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Aluminum Posts (60\")\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003ePosts for a 60\" railing height:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5734-2-in-w-mid-stair-post-with-splice\" class=\"msp-compatible-item\"\u003ePB5734\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7706-2-in-w-x-60-in-h-end-post\" class=\"msp-compatible-item\"\u003ePB7706\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7707-2-in-w-x-60-in-h-90-deg-corner-post\" class=\"msp-compatible-item\"\u003ePB7707\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7708-2-in-w-x-60-in-h-mid-post\" class=\"msp-compatible-item\"\u003ePB7708\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7725-2-5-in-w-x-60-in-h-blank-post\" class=\"msp-compatible-item\"\u003ePB7725\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Stair Bracket Package\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5757-new-pivoting-stair-bracket-package-1x-top-rail-and-1x-bottom-rail-bracket\" class=\"msp-compatible-item\"\u003ePB5757\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783493165296,"sku":"PB7453-XB","price":106.53,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783493198064,"sku":"PB7453-WT","price":106.53,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783493230832,"sku":"PB7453-YB","price":106.53,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783493263600,"sku":"PB7453-TG","price":106.53,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb7453-xb.jpg?v=1780338372"},{"product_id":"pb5804-2-in-w-x-36-in-h-end-post","title":"PB5804 2\"W x 36\"H End Post Aluminum Post","description":"\u003c!-- PB5804 PB5804 2\"W x 36\"H End Post Aluminum Post - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\n .msp-compatible-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 8px;\n margin-top: 12px;\n }\n .msp-compatible-item {\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n text-align: center;\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n }\n\n a.msp-compatible-item {\n display: block;\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n }\n a.msp-compatible-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB5804 post may differ from what is pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e2\"W x 36\"H End Post\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e2\"W x 36\"H\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Post\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e2.75 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e6\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e108\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum post\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n\n\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Rail Packages\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eTop and bottom rail packages:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7453-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-5ft-60-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7453\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7455-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-7ft-84-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7455\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7457-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-6ft-72-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7457\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7458-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-8ft-96-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7458\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Picket Packages\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb6801-36-in-regular-5-8-in-picket-package-6ft-includes-15-pickets-32-spacers\" class=\"msp-compatible-item\"\u003ePB6801\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7750-36-in-regular-5-8-in-picket-package-4ft-includes-10-pickets-22-spacers\" class=\"msp-compatible-item\"\u003ePB7750\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7752-36-in-wide-1-1-2-in-x5-8-in-picket-package-4ft-includes-9-pickets-20-spacers\" class=\"msp-compatible-item\"\u003ePB7752\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Base Plate Covers\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7744-2-in-post-aluminum-base-plate-cover\" class=\"msp-compatible-item\"\u003ePB7744\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783493296368,"sku":"PB5804-XB","price":88.06,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783493329136,"sku":"PB5804-WT","price":88.06,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783493361904,"sku":"PB5804-YB","price":88.06,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783493394672,"sku":"PB5804-TG","price":88.06,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb5804-1.png?v=1780338397"},{"product_id":"pb5485-regular-5-8-in-stair-picket-package-4ft-includes-8-pickets-18-spacers","title":"PB5485 Regular 5\/8\" STAIR Picket Package 4ft","description":"\u003c!-- PB5485 PB5485 Regular 5\/8\" STAIR Picket Package 4ft - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista picket railing installation for reference. Your PB5485 Regular 5\/8\" STAIR Picket Package 4ft may differ from the infill pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003eRegular 5\/8\" STAIR Picket Package 4ft - (includes 8 pickets, 18 spacers)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003ePicket Package\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e3.5 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e120\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems picket package\u003c\/li\u003e\n \u003cli\u003ePackage includes: 8 pickets, 18 spacers\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783493427440,"sku":"PB5485-XB","price":91.72,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783493460208,"sku":"PB5485-WT","price":91.72,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783493492976,"sku":"PB5485-YB","price":91.72,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783493525744,"sku":"PB5485-TG","price":91.72,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb5485-xb.jpg?v=1780338444"},{"product_id":"pb7480-48-in-wide-gate-straight-picket-42-in-height","title":"PB7480 48\" Wide Gate - Straight Picket (42\" Height) Aluminum Gate","description":"\u003c!-- PB7480 PB7480 48\" Wide Gate - Straight Picket (42\" Height) Aluminum Gate - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum gate in a typical installation. Your PB7480 48\" Wide Gate - Straight Picket (42\" Height) Aluminum Gate may differ from the gate pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e48\" Wide Gate - Straight Picket (42\" Height)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Gate\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e8 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum gate\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783493558512,"sku":"PB7480-XB","price":570.58,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783493591280,"sku":"PB7480-WT","price":570.58,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783493624048,"sku":"PB7480-YB","price":570.58,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783493656816,"sku":"PB7480-TG","price":570.58,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb7480-wt.jpg?v=1780338457"},{"product_id":"pb7864-2-5-in-x-36-in-cable-rail-end-post-top-sleeved-bottom-rail-connector-and-9-pre-drilled-and-threaded-holes-one-fac","title":"PB7864 2.5\" x 36\" Cable Rail End Post - Top Sleeved \/ bottom rail connector and 9 pre-drilled \u0026 threaded holes one face","description":"\u003c!-- PB7864 PB7864 2.5\" x 36\" Cable Rail End Post - Top Sleeved \/ bottom rail connector and 9 pre-drilled \u0026amp; threaded holes one face - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\n .msp-compatible-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 8px;\n margin-top: 12px;\n }\n .msp-compatible-item {\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n text-align: center;\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n }\n\n a.msp-compatible-item {\n display: block;\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n }\n a.msp-compatible-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista cable railing installation for reference. Your PB7864 2.5\" x 36\" Cable Rail End Post - Top Sleeved \/ bottom rail connector and 9 pre-drilled \u0026amp; threaded holes one face may differ from the configuration pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e2.5\" x 36\" Cable Rail End Post - Top Sleeved \/ bottom rail connector and 9 pre-drilled \u0026amp; threaded holes one face\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e2.5\" x 36\"\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eCable Railing\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e8.3 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e6\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e108\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems cable railing\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n\n\n\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Cable Railing Accessories\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eStainless cable fittings, infill, and consumables:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/ck102ecssw-stainless-steel-end-cap-10-end-caps-in-a-bag\" class=\"msp-compatible-item\"\u003eCK102ECSSW\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/ck102ptssw-stainless-steel-3-4-in-protector-tube-10-protectors-in-a-bag\" class=\"msp-compatible-item\"\u003eCK102PTSSW\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/ck102scssw-cable-railing-wall-connecting-pivoting-hardware-non-tensioner-each-bulk\" class=\"msp-compatible-item\"\u003eCK102SCSSW\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/ck102stssw-cable-railing-wall-connecting-pivoting-hardware-tensioner-each-bulk\" class=\"msp-compatible-item\"\u003eCK102STSSW\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/ck102wcssw-cable-railing-wall-connecting-level-hardware-non-tensioner-each-bulk\" class=\"msp-compatible-item\"\u003eCK102WCSSW\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/ck102wtssw-cable-railing-wall-connecting-level-hardware-tensioner-each-bulk\" class=\"msp-compatible-item\"\u003eCK102WTSSW\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/ck10205ssw-5-ft-wide-cable-infill-pack-one-5-long-cable-with-fittings\" class=\"msp-compatible-item\"\u003eCK10205SSW\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/ck10210ssw-10-ft-wide-cable-infill-kit-one-10-long-cable-with-fittings\" class=\"msp-compatible-item\"\u003eCK10210SSW\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/ck10215ssw-15-ft-wide-cable-infill-kit-one-15-long-cable-with-fittings\" class=\"msp-compatible-item\"\u003eCK10215SSW\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/ck10220ssw-20-ft-wide-cable-infill-kit-one-20-long-cable-with-fittings\" class=\"msp-compatible-item\"\u003eCK10220SSW\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/ck10250ssw-50-ft-wide-cable-infill-kit-one-50-long-cable-with-fittings\" class=\"msp-compatible-item\"\u003eCK10250SSW\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb780200-stainless-steel-cable-cutters\" class=\"msp-compatible-item\"\u003ePB780200\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/v5180m000i-cable-railing-system-level-cable-fitting-tensioner-each-bulk\" class=\"msp-compatible-item\"\u003eV5180M000I\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/v5181m000i-cable-railing-system-level-cable-fitting-non-tensioner-each-bulk\" class=\"msp-compatible-item\"\u003eV5181M000I\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/v5182m000i-cable-railing-system-stair-pivoting-cable-fitting-tensioner-each-bulk\" class=\"msp-compatible-item\"\u003eV5182M000I\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/v5183m000i-cable-railing-system-stair-pivoting-cable-fitting-non-tensioner-each-bulk\" class=\"msp-compatible-item\"\u003eV5183M000I\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/v5184m000i-cable-release-tool-each\" class=\"msp-compatible-item\"\u003eV5184M000I\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Level Cable Hardware Sets\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7815-complete-36-in-set-stainless-steel-level-cable-rail-hardware-1-set-hardware-for-both-ends-of-9-cable-strands-with\" class=\"msp-compatible-item\"\u003ePB7815\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Cable Spacer Pickets\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5847-5-8-in-cable-rail-intermediate-stair-space-picket-5-8-in-7-pre-drilled-holes-2-faces\" class=\"msp-compatible-item\"\u003ePB5847\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7845-5-8-in-cable-rail-intermediate-36-in-level-space-picket-5-8-in-9-pre-drilled-holes-2-faces\" class=\"msp-compatible-item\"\u003ePB7845\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Cable Rail Supplies\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7801-316-stainless-steel-cable-wire-100-ft-spool\" class=\"msp-compatible-item\"\u003ePB7801\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7806-cable-rail-4ft-rail-chanel-cover-2-pcs-notched-at-end\" class=\"msp-compatible-item\"\u003ePB7806\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783493689584,"sku":"PB7864","price":201.09,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb7864-thumb-1.png?v=1780338552"},{"product_id":"ck102wcssw-cable-railing-wall-connecting-level-hardware-non-tensioner-each-bulk","title":"CK102WCSSW Cable Railing Wall Connecting Level Hardware - Non Tensioner (Each\/Bulk)","description":"\u003c!-- CK102WCSSW CK102WCSSW Cable Railing Wall Connecting Level Hardware - Non Tensioner (Each\/Bulk) - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-compatible-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 8px;\n margin-top: 12px;\n }\n .msp-compatible-item {\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n text-align: center;\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n }\n\n a.msp-compatible-item {\n display: block;\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n }\n a.msp-compatible-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows Vista cable railing hardware in a typical installation. Your CK102WCSSW accessory may differ from what is pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003eCable Railing Wall Connecting Level Hardware - Non Tensioner (Each\/Bulk)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eStainless Steel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eCable Railing Accessory\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e0.46 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems cable railing accessory\u003c\/li\u003e\n \u003cli\u003eStainless Steel construction\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n\n\n\n\n\n\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Wall Cable Hardware (Level)\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eLevel wall-connecting fittings (tensioner and non-tensioner):\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/ck102wtssw-cable-railing-wall-connecting-level-hardware-tensioner-each-bulk\" class=\"msp-compatible-item\"\u003eCK102WTSSW\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Wall Cable Hardware (All Types)\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eAll wall-connecting cable hardware:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/ck102scssw-cable-railing-wall-connecting-pivoting-hardware-non-tensioner-each-bulk\" class=\"msp-compatible-item\"\u003eCK102SCSSW\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/ck102stssw-cable-railing-wall-connecting-pivoting-hardware-tensioner-each-bulk\" class=\"msp-compatible-item\"\u003eCK102STSSW\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/ck102wtssw-cable-railing-wall-connecting-level-hardware-tensioner-each-bulk\" class=\"msp-compatible-item\"\u003eCK102WTSSW\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Post Cable Fitting (Matching)\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003ePost-mounted fitting for the same level\/orientation:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/v5181m000i-cable-railing-system-level-cable-fitting-non-tensioner-each-bulk\" class=\"msp-compatible-item\"\u003eV5181M000I\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/v5184m000i-cable-release-tool-each\" class=\"msp-compatible-item\"\u003eV5184M000I\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Post Cable Fittings (All Types)\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/v5180m000i-cable-railing-system-level-cable-fitting-tensioner-each-bulk\" class=\"msp-compatible-item\"\u003eV5180M000I\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/v5181m000i-cable-railing-system-level-cable-fitting-non-tensioner-each-bulk\" class=\"msp-compatible-item\"\u003eV5181M000I\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/v5182m000i-cable-railing-system-stair-pivoting-cable-fitting-tensioner-each-bulk\" class=\"msp-compatible-item\"\u003eV5182M000I\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/v5183m000i-cable-railing-system-stair-pivoting-cable-fitting-non-tensioner-each-bulk\" class=\"msp-compatible-item\"\u003eV5183M000I\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/v5184m000i-cable-release-tool-each\" class=\"msp-compatible-item\"\u003eV5184M000I\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Cable Release Tool\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/v5184m000i-cable-release-tool-each\" class=\"msp-compatible-item\"\u003eV5184M000I\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Cable Infill Lengths\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/ck10205ssw-5-ft-wide-cable-infill-pack-one-5-long-cable-with-fittings\" class=\"msp-compatible-item\"\u003eCK10205SSW\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/ck10210ssw-10-ft-wide-cable-infill-kit-one-10-long-cable-with-fittings\" class=\"msp-compatible-item\"\u003eCK10210SSW\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/ck10215ssw-15-ft-wide-cable-infill-kit-one-15-long-cable-with-fittings\" class=\"msp-compatible-item\"\u003eCK10215SSW\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/ck10220ssw-20-ft-wide-cable-infill-kit-one-20-long-cable-with-fittings\" class=\"msp-compatible-item\"\u003eCK10220SSW\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/ck10250ssw-50-ft-wide-cable-infill-kit-one-50-long-cable-with-fittings\" class=\"msp-compatible-item\"\u003eCK10250SSW\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Cable Consumables\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eEnd caps and protector tubes:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/ck102ecssw-stainless-steel-end-cap-10-end-caps-in-a-bag\" class=\"msp-compatible-item\"\u003eCK102ECSSW\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/ck102ptssw-stainless-steel-3-4-in-protector-tube-10-protectors-in-a-bag\" class=\"msp-compatible-item\"\u003eCK102PTSSW\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Cable Spool\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb780200-stainless-steel-cable-cutters\" class=\"msp-compatible-item\"\u003ePB780200\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Default Title","offer_id":49783910760688,"sku":"CK102WCSSW","price":39.53,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-ck102wcssw-1.jpg?v=1780338613"},{"product_id":"pb7457-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-6ft-72-in-includes-1-support-leg","title":"PB7457 2.25\"W x 2.5\"H Top and Bottom Rail Package 6ft (72\") Aluminum Railing","description":"\u003c!-- PB7457 PB7457 2.25\"W x 2.5\"H Top and Bottom Rail Package 6ft (72\") Aluminum Railing - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\n .msp-compatible-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 8px;\n margin-top: 12px;\n }\n .msp-compatible-item {\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n text-align: center;\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n }\n\n a.msp-compatible-item {\n display: block;\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n }\n a.msp-compatible-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB7457 2.25\"W x 2.5\"H Top and Bottom Rail Package 6ft (72\") Aluminum Railing may differ from the configuration pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e2.25\"W x 2.5\"H Top and Bottom Rail Package 6ft (72\") - (includes 1 support leg)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e2.25\"W x 2.5\"H\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Railing\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e7.31 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e4\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e80\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum railing\u003c\/li\u003e\n \u003cli\u003ePackage includes: 1 support leg\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n\n\n\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Aluminum Posts (36\")\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003ePosts for a 36\" railing height:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5734-2-in-w-mid-stair-post-with-splice\" class=\"msp-compatible-item\"\u003ePB5734\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5737-2-5-in-w-x-36-in-h-top-stair-post-with-stair-hole-cover\" class=\"msp-compatible-item\"\u003ePB5737\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5804-2-in-w-x-36-in-h-end-post\" class=\"msp-compatible-item\"\u003ePB5804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5805-2-in-w-x-36-in-h-90-deg-corner-post\" class=\"msp-compatible-item\"\u003ePB5805\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5806-2-in-w-x-36-in-h-mid-post\" class=\"msp-compatible-item\"\u003ePB5806\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5809-2-in-w-x-36-in-h-45-deg-corner-post\" class=\"msp-compatible-item\"\u003ePB5809\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7758-2-5-in-w-x-36-in-h-blank-post\" class=\"msp-compatible-item\"\u003ePB7758\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Aluminum Posts (42\")\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003ePosts for a 42\" railing height:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5468-2-in-w-x-42-in-h-end-post\" class=\"msp-compatible-item\"\u003ePB5468\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5469-2-in-w-x-42-in-h-90-deg-corner-post\" class=\"msp-compatible-item\"\u003ePB5469\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5470-2-in-w-x-42-in-h-mid-post\" class=\"msp-compatible-item\"\u003ePB5470\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5494-2-in-w-x-42-in-h-45-deg-corner-post\" class=\"msp-compatible-item\"\u003ePB5494\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5733-2-5-in-w-x-42-in-h-top-stair-post-with-stair-hole-cover\" class=\"msp-compatible-item\"\u003ePB5733\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5734-2-in-w-mid-stair-post-with-splice\" class=\"msp-compatible-item\"\u003ePB5734\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7759-2-5-in-w-x-42-in-h-blank-post\" class=\"msp-compatible-item\"\u003ePB7759\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7761-4-in-w-x-42-in-h-blank-post-with-flat-post-cap\" class=\"msp-compatible-item\"\u003ePB7761\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Aluminum Posts (60\")\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003ePosts for a 60\" railing height:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5734-2-in-w-mid-stair-post-with-splice\" class=\"msp-compatible-item\"\u003ePB5734\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7706-2-in-w-x-60-in-h-end-post\" class=\"msp-compatible-item\"\u003ePB7706\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7707-2-in-w-x-60-in-h-90-deg-corner-post\" class=\"msp-compatible-item\"\u003ePB7707\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7708-2-in-w-x-60-in-h-mid-post\" class=\"msp-compatible-item\"\u003ePB7708\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7725-2-5-in-w-x-60-in-h-blank-post\" class=\"msp-compatible-item\"\u003ePB7725\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Stair Bracket Package\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5757-new-pivoting-stair-bracket-package-1x-top-rail-and-1x-bottom-rail-bracket\" class=\"msp-compatible-item\"\u003ePB5757\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783911809264,"sku":"PB7457-XB","price":127.84,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783911842032,"sku":"PB7457-WT","price":127.84,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783911874800,"sku":"PB7457-YB","price":127.84,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783911907568,"sku":"PB7457-TG","price":127.84,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb7457-xb.jpg?v=1780338374"},{"product_id":"pb7455-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-7ft-84-in-includes-1-support-leg","title":"PB7455 2.25\"W x 2.5\"H Top and Bottom Rail Package 7ft (84\") Aluminum Railing","description":"\u003c!-- PB7455 PB7455 2.25\"W x 2.5\"H Top and Bottom Rail Package 7ft (84\") Aluminum Railing - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\n .msp-compatible-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 8px;\n margin-top: 12px;\n }\n .msp-compatible-item {\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n text-align: center;\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n }\n\n a.msp-compatible-item {\n display: block;\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n }\n a.msp-compatible-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB7455 2.25\"W x 2.5\"H Top and Bottom Rail Package 7ft (84\") Aluminum Railing may differ from the configuration pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e2.25\"W x 2.5\"H Top and Bottom Rail Package 7ft (84\") - (includes 1 support leg)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e2.25\"W x 2.5\"H\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Railing\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e8.76 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e4\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e80\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum railing\u003c\/li\u003e\n \u003cli\u003ePackage includes: 1 support leg\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n\n\n\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Aluminum Posts (36\")\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003ePosts for a 36\" railing height:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5734-2-in-w-mid-stair-post-with-splice\" class=\"msp-compatible-item\"\u003ePB5734\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5737-2-5-in-w-x-36-in-h-top-stair-post-with-stair-hole-cover\" class=\"msp-compatible-item\"\u003ePB5737\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5804-2-in-w-x-36-in-h-end-post\" class=\"msp-compatible-item\"\u003ePB5804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5805-2-in-w-x-36-in-h-90-deg-corner-post\" class=\"msp-compatible-item\"\u003ePB5805\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5806-2-in-w-x-36-in-h-mid-post\" class=\"msp-compatible-item\"\u003ePB5806\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5809-2-in-w-x-36-in-h-45-deg-corner-post\" class=\"msp-compatible-item\"\u003ePB5809\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7758-2-5-in-w-x-36-in-h-blank-post\" class=\"msp-compatible-item\"\u003ePB7758\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Aluminum Posts (42\")\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003ePosts for a 42\" railing height:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5468-2-in-w-x-42-in-h-end-post\" class=\"msp-compatible-item\"\u003ePB5468\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5469-2-in-w-x-42-in-h-90-deg-corner-post\" class=\"msp-compatible-item\"\u003ePB5469\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5470-2-in-w-x-42-in-h-mid-post\" class=\"msp-compatible-item\"\u003ePB5470\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5494-2-in-w-x-42-in-h-45-deg-corner-post\" class=\"msp-compatible-item\"\u003ePB5494\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5733-2-5-in-w-x-42-in-h-top-stair-post-with-stair-hole-cover\" class=\"msp-compatible-item\"\u003ePB5733\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5734-2-in-w-mid-stair-post-with-splice\" class=\"msp-compatible-item\"\u003ePB5734\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7759-2-5-in-w-x-42-in-h-blank-post\" class=\"msp-compatible-item\"\u003ePB7759\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7761-4-in-w-x-42-in-h-blank-post-with-flat-post-cap\" class=\"msp-compatible-item\"\u003ePB7761\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Aluminum Posts (60\")\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003ePosts for a 60\" railing height:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5734-2-in-w-mid-stair-post-with-splice\" class=\"msp-compatible-item\"\u003ePB5734\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7706-2-in-w-x-60-in-h-end-post\" class=\"msp-compatible-item\"\u003ePB7706\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7707-2-in-w-x-60-in-h-90-deg-corner-post\" class=\"msp-compatible-item\"\u003ePB7707\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7708-2-in-w-x-60-in-h-mid-post\" class=\"msp-compatible-item\"\u003ePB7708\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7725-2-5-in-w-x-60-in-h-blank-post\" class=\"msp-compatible-item\"\u003ePB7725\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Stair Bracket Package\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5757-new-pivoting-stair-bracket-package-1x-top-rail-and-1x-bottom-rail-bracket\" class=\"msp-compatible-item\"\u003ePB5757\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783912005872,"sku":"PB7455-XB","price":149.15,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783912038640,"sku":"PB7455-WT","price":149.15,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783912071408,"sku":"PB7455-YB","price":149.15,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783912104176,"sku":"PB7455-TG","price":149.15,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb7455-xb_189fe30e-debc-440a-af3c-b34006429f7c.jpg?v=1780338376"},{"product_id":"pb7458-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-8ft-96-in-includes-1-support-leg","title":"PB7458 2.25\"W x 2.5\"H Top and Bottom Rail Package 8ft (96\") Aluminum Railing","description":"\u003c!-- PB7458 PB7458 2.25\"W x 2.5\"H Top and Bottom Rail Package 8ft (96\") Aluminum Railing - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\n .msp-compatible-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 8px;\n margin-top: 12px;\n }\n .msp-compatible-item {\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n text-align: center;\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n }\n\n a.msp-compatible-item {\n display: block;\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n }\n a.msp-compatible-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB7458 2.25\"W x 2.5\"H Top and Bottom Rail Package 8ft (96\") Aluminum Railing may differ from the configuration pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e2.25\"W x 2.5\"H Top and Bottom Rail Package 8ft (96\") - (includes 1 support leg)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e2.25\"W x 2.5\"H\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Railing\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e9.71 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e4\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e80\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum railing\u003c\/li\u003e\n \u003cli\u003ePackage includes: 1 support leg\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n\n\n\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Aluminum Posts (36\")\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003ePosts for a 36\" railing height:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5734-2-in-w-mid-stair-post-with-splice\" class=\"msp-compatible-item\"\u003ePB5734\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5737-2-5-in-w-x-36-in-h-top-stair-post-with-stair-hole-cover\" class=\"msp-compatible-item\"\u003ePB5737\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5804-2-in-w-x-36-in-h-end-post\" class=\"msp-compatible-item\"\u003ePB5804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5805-2-in-w-x-36-in-h-90-deg-corner-post\" class=\"msp-compatible-item\"\u003ePB5805\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5806-2-in-w-x-36-in-h-mid-post\" class=\"msp-compatible-item\"\u003ePB5806\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5809-2-in-w-x-36-in-h-45-deg-corner-post\" class=\"msp-compatible-item\"\u003ePB5809\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7758-2-5-in-w-x-36-in-h-blank-post\" class=\"msp-compatible-item\"\u003ePB7758\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Aluminum Posts (42\")\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003ePosts for a 42\" railing height:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5468-2-in-w-x-42-in-h-end-post\" class=\"msp-compatible-item\"\u003ePB5468\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5469-2-in-w-x-42-in-h-90-deg-corner-post\" class=\"msp-compatible-item\"\u003ePB5469\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5470-2-in-w-x-42-in-h-mid-post\" class=\"msp-compatible-item\"\u003ePB5470\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5494-2-in-w-x-42-in-h-45-deg-corner-post\" class=\"msp-compatible-item\"\u003ePB5494\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5733-2-5-in-w-x-42-in-h-top-stair-post-with-stair-hole-cover\" class=\"msp-compatible-item\"\u003ePB5733\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5734-2-in-w-mid-stair-post-with-splice\" class=\"msp-compatible-item\"\u003ePB5734\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7759-2-5-in-w-x-42-in-h-blank-post\" class=\"msp-compatible-item\"\u003ePB7759\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7761-4-in-w-x-42-in-h-blank-post-with-flat-post-cap\" class=\"msp-compatible-item\"\u003ePB7761\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Aluminum Posts (60\")\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003ePosts for a 60\" railing height:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5734-2-in-w-mid-stair-post-with-splice\" class=\"msp-compatible-item\"\u003ePB5734\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7706-2-in-w-x-60-in-h-end-post\" class=\"msp-compatible-item\"\u003ePB7706\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7707-2-in-w-x-60-in-h-90-deg-corner-post\" class=\"msp-compatible-item\"\u003ePB7707\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7708-2-in-w-x-60-in-h-mid-post\" class=\"msp-compatible-item\"\u003ePB7708\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7725-2-5-in-w-x-60-in-h-blank-post\" class=\"msp-compatible-item\"\u003ePB7725\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Stair Bracket Package\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5757-new-pivoting-stair-bracket-package-1x-top-rail-and-1x-bottom-rail-bracket\" class=\"msp-compatible-item\"\u003ePB5757\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783912136944,"sku":"PB7458-XB","price":170.45,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783912169712,"sku":"PB7458-WT","price":170.45,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783912202480,"sku":"PB7458-YB","price":170.45,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783912235248,"sku":"PB7458-TG","price":170.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb7458-xb.jpg?v=1780338377"},{"product_id":"pb5486-1-5-8-in-top-and-bottom-stair-rail-package-6ft-72-in","title":"PB5486 1 5\/8\" Top and Bottom Stair Rail Package 6ft (72\") Aluminum Railing","description":"\u003c!-- PB5486 PB5486 1 5\/8\" Top and Bottom Stair Rail Package 6ft (72\") Aluminum Railing - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB5486 1 5\/8\" Top and Bottom Stair Rail Package 6ft (72\") Aluminum Railing may differ from the configuration pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e1 5\/8\" Top and Bottom Stair Rail Package 6ft (72\")\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Railing\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e9.7 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e4\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e120\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum railing\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783912268016,"sku":"PB5486-XB","price":142.76,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783912300784,"sku":"PB5486-WT","price":142.76,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783912333552,"sku":"PB5486-YB","price":142.76,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783912366320,"sku":"PB5486-TG","price":142.76,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb5486-1.jpg?v=1780338380"},{"product_id":"pb5484-1-5-8-in-top-and-bottom-stair-rail-package-8ft-96-in","title":"PB5484 1 5\/8\" Top and Bottom Stair Rail Package 8ft (96\") Aluminum Railing","description":"\u003c!-- PB5484 PB5484 1 5\/8\" Top and Bottom Stair Rail Package 8ft (96\") Aluminum Railing - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB5484 1 5\/8\" Top and Bottom Stair Rail Package 8ft (96\") Aluminum Railing may differ from the configuration pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e1 5\/8\" Top and Bottom Stair Rail Package 8ft (96\")\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Railing\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e9.7 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e4\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e120\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum railing\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783912399088,"sku":"PB5484-XB","price":177.66,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783912431856,"sku":"PB5484-WT","price":177.66,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783912464624,"sku":"PB5484-YB","price":177.66,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783912497392,"sku":"PB5484-TG","price":177.66,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb5484-1.jpg?v=1780338381"},{"product_id":"pb7444-96-in-drink-rail-adapter-includes-fasteners","title":"PB7444 96\" Drink Rail Adapter - includes fasteners Aluminum Railing","description":"\u003c!-- PB7444 PB7444 96\" Drink Rail Adapter - includes fasteners Aluminum Railing - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\n .msp-compatible-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 8px;\n margin-top: 12px;\n }\n .msp-compatible-item {\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n text-align: center;\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n }\n\n a.msp-compatible-item {\n display: block;\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n }\n a.msp-compatible-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB7444 96\" Drink Rail Adapter - includes fasteners Aluminum Railing may differ from the configuration pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e96\" Drink Rail Adapter - includes fasteners\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Railing\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e8.2 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e10\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e120\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum railing\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Rail Packages (36\" systems)\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7453-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-5ft-60-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7453\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7455-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-7ft-84-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7455\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7457-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-6ft-72-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7457\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7458-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-8ft-96-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7458\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Rail Packages (42\" systems)\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7453-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-5ft-60-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7453\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7455-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-7ft-84-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7455\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7457-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-6ft-72-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7457\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7458-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-8ft-96-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7458\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783912530160,"sku":"PB7444-XB","price":96.69,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783912562928,"sku":"PB7444-WT","price":96.69,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783912595696,"sku":"PB7444-YB","price":96.69,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783912628464,"sku":"PB7444-TG","price":96.69,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb7444-1.jpg?v=1780338383"},{"product_id":"pb7477-level-rail-bracket-package","title":"PB7477 Level Rail Bracket Package Aluminum Railing","description":"\u003c!-- PB7477 PB7477 Level Rail Bracket Package Aluminum Railing - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB7477 Level Rail Bracket Package Aluminum Railing may differ from the configuration pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003eLevel Rail Bracket Package\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Railing\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e50\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e500\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum railing\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783912661232,"sku":"PB7477-XB","price":28.66,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783912694000,"sku":"PB7477-WT","price":28.66,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783912726768,"sku":"PB7477-YB","price":28.66,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783912759536,"sku":"PB7477-TG","price":28.66,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb7477-wt.jpg?v=1780338385"},{"product_id":"pb5757-new-pivoting-stair-bracket-package-1x-top-rail-and-1x-bottom-rail-bracket","title":"PB5757 Pivoting Stair Bracket Package (1x Top Rail \u0026 1x Bottom Rail Bracket) Aluminum Railing","description":"\u003c!-- PB5757 PB5757 Pivoting Stair Bracket Package (1x Top Rail \u0026amp; 1x Bottom Rail Bracket) Aluminum Railing - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\n .msp-compatible-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 8px;\n margin-top: 12px;\n }\n .msp-compatible-item {\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n text-align: center;\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n }\n\n a.msp-compatible-item {\n display: block;\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n }\n a.msp-compatible-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB5757 Pivoting Stair Bracket Package (1x Top Rail \u0026amp; 1x Bottom Rail Bracket) Aluminum Railing may differ from the configuration pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003eNEW Pivoting Stair Bracket Package (1x Top Rail \u0026amp; 1x Bottom Rail Bracket)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Railing\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1.5 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e50\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum railing\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Rail Packages\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7453-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-5ft-60-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7453\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7455-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-7ft-84-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7455\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7457-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-6ft-72-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7457\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7458-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-8ft-96-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7458\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783912792304,"sku":"PB5757-XB","price":58.7,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783912825072,"sku":"PB5757-WT","price":58.7,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783912857840,"sku":"PB5757-YB","price":58.7,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783912890608,"sku":"PB5757-TG","price":58.7,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb5757-1.png?v=1780338388"},{"product_id":"pb5569-universal-angle-bracket","title":"PB5569 Universal Angle Bracket Aluminum Railing","description":"\u003c!-- PB5569 PB5569 Universal Angle Bracket Aluminum Railing - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB5569 Universal Angle Bracket Aluminum Railing may differ from the configuration pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Railing\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum railing\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Default Title","offer_id":49783913054448,"sku":"PB5569","price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb5569-wt.jpg?v=1780338388"},{"product_id":"pb7410-support-leg-fastener-included","title":"PB7410 Support Leg fastener included Aluminum Railing","description":"\u003c!-- PB7410 PB7410 Support Leg fastener included Aluminum Railing - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB7410 Support Leg fastener included Aluminum Railing may differ from the configuration pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003eSupport Leg fastener included\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Railing\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e0.5 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum railing\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Default Title","offer_id":49783913087216,"sku":"PB7410","price":9.59,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb7410-thumb-1.png?v=1780338389"},{"product_id":"pb6766-touch-up-paint-pen-standard-colors","title":"PB6766 Touch Up Paint Pen (Standard Colors) Aluminum Railing","description":"\u003c!-- PB6766 PB6766 Touch Up Paint Pen (Standard Colors) Aluminum Railing - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB6766 Touch Up Paint Pen (Standard Colors) Aluminum Railing may differ from the configuration pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003eTouch Up Paint Pen (Standard Colors)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Railing\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e0.25 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum railing\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783913119984,"sku":"PB6766-XB","price":22.76,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783913152752,"sku":"PB6766-WT","price":22.76,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783913185520,"sku":"PB6766-YB","price":22.76,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783913218288,"sku":"PB6766-TG","price":22.76,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb6766-xb.jpg?v=1780338390"},{"product_id":"pb5468-2-in-w-x-42-in-h-end-post","title":"PB5468 2\"W x 42\"H End Post Aluminum Post","description":"\u003c!-- PB5468 PB5468 2\"W x 42\"H End Post Aluminum Post - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\n .msp-compatible-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 8px;\n margin-top: 12px;\n }\n .msp-compatible-item {\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n text-align: center;\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n }\n\n a.msp-compatible-item {\n display: block;\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n }\n a.msp-compatible-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB5468 post may differ from what is pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e2\"W x 42\"H End Post\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e2\"W x 42\"H\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Post\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e3.75 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e6\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e108\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum post\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n\n\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Rail Packages\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eTop and bottom rail packages:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7453-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-5ft-60-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7453\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7455-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-7ft-84-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7455\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7457-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-6ft-72-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7457\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7458-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-8ft-96-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7458\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Picket Packages\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7461-42-in-regular-5-8-in-picket-package-6ft-includes-15-pickets-32-spacers\" class=\"msp-compatible-item\"\u003ePB7461\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7730-42-in-wide-1-1-2-in-x5-8-in-picket-package-4ft-includes-9-pickets-20-spacers\" class=\"msp-compatible-item\"\u003ePB7730\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7739-42-in-regular-5-8-in-picket-package-4ft-includes-10-pickets-22-spacers\" class=\"msp-compatible-item\"\u003ePB7739\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Base Plate Covers\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7744-2-in-post-aluminum-base-plate-cover\" class=\"msp-compatible-item\"\u003ePB7744\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783913251056,"sku":"PB5468-XB","price":91.01,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783913283824,"sku":"PB5468-WT","price":91.01,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783913316592,"sku":"PB5468-YB","price":91.01,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783913349360,"sku":"PB5468-TG","price":91.01,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb5468-wt_fefa351e-dc62-41a5-a436-461c525de9c6.jpg?v=1780338391"},{"product_id":"pb5469-2-in-w-x-42-in-h-90-deg-corner-post","title":"PB5469 2\"W x 42\"H 90 Deg Corner Post Aluminum Post","description":"\u003c!-- PB5469 PB5469 2\"W x 42\"H 90 Deg Corner Post Aluminum Post - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\n .msp-compatible-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 8px;\n margin-top: 12px;\n }\n .msp-compatible-item {\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n text-align: center;\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n }\n\n a.msp-compatible-item {\n display: block;\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n }\n a.msp-compatible-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB5469 post may differ from what is pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e2\"W x 42\"H 90 Deg Corner Post\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e2\"W x 42\"H 90\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Post\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e4.1 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e5\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e60\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum post\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n\n\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Rail Packages\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eTop and bottom rail packages:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7453-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-5ft-60-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7453\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7455-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-7ft-84-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7455\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7457-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-6ft-72-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7457\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7458-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-8ft-96-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7458\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Picket Packages\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7461-42-in-regular-5-8-in-picket-package-6ft-includes-15-pickets-32-spacers\" class=\"msp-compatible-item\"\u003ePB7461\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7730-42-in-wide-1-1-2-in-x5-8-in-picket-package-4ft-includes-9-pickets-20-spacers\" class=\"msp-compatible-item\"\u003ePB7730\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7739-42-in-regular-5-8-in-picket-package-4ft-includes-10-pickets-22-spacers\" class=\"msp-compatible-item\"\u003ePB7739\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Base Plate Covers\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7744-2-in-post-aluminum-base-plate-cover\" class=\"msp-compatible-item\"\u003ePB7744\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783913382128,"sku":"PB5469-XB","price":91.0,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783913414896,"sku":"PB5469-WT","price":91.0,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783913447664,"sku":"PB5469-YB","price":91.0,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783913480432,"sku":"PB5469-TG","price":91.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb5469-xb_f91437d5-8359-494e-9e85-bd07d14d7a07.jpg?v=1780338393"},{"product_id":"pb5494-2-in-w-x-42-in-h-45-deg-corner-post","title":"PB5494 2\"W x 42\"H 45 Deg Corner Post Aluminum Post","description":"\u003c!-- PB5494 PB5494 2\"W x 42\"H 45 Deg Corner Post Aluminum Post - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\n .msp-compatible-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 8px;\n margin-top: 12px;\n }\n .msp-compatible-item {\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n text-align: center;\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n }\n\n a.msp-compatible-item {\n display: block;\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n }\n a.msp-compatible-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB5494 post may differ from what is pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e2\"W x 42\"H 45 Deg Corner Post\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e2\"W x 42\"H 45\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Post\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e4.1 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e5\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e60\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum post\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n\n\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Rail Packages\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eTop and bottom rail packages:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7453-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-5ft-60-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7453\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7455-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-7ft-84-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7455\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7457-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-6ft-72-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7457\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7458-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-8ft-96-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7458\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Picket Packages\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7461-42-in-regular-5-8-in-picket-package-6ft-includes-15-pickets-32-spacers\" class=\"msp-compatible-item\"\u003ePB7461\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7730-42-in-wide-1-1-2-in-x5-8-in-picket-package-4ft-includes-9-pickets-20-spacers\" class=\"msp-compatible-item\"\u003ePB7730\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7739-42-in-regular-5-8-in-picket-package-4ft-includes-10-pickets-22-spacers\" class=\"msp-compatible-item\"\u003ePB7739\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Base Plate Covers\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7744-2-in-post-aluminum-base-plate-cover\" class=\"msp-compatible-item\"\u003ePB7744\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783913513200,"sku":"PB5494-XB","price":189.72,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783913545968,"sku":"PB5494-WT","price":189.72,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783913578736,"sku":"PB5494-YB","price":189.72,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783913611504,"sku":"PB5494-TG","price":189.72,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-product-placeholder.jpg?v=1780338394"},{"product_id":"pb5470-2-in-w-x-42-in-h-mid-post","title":"PB5470 2\"W x 42\"H Mid Post Aluminum Post","description":"\u003c!-- PB5470 PB5470 2\"W x 42\"H Mid Post Aluminum Post - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\n .msp-compatible-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 8px;\n margin-top: 12px;\n }\n .msp-compatible-item {\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n text-align: center;\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n }\n\n a.msp-compatible-item {\n display: block;\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n }\n a.msp-compatible-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB5470 post may differ from what is pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e2\"W x 42\"H Mid Post\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e2\"W x 42\"H\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Post\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e4.1 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e6\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e108\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum post\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n\n\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Rail Packages\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eTop and bottom rail packages:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7453-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-5ft-60-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7453\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7455-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-7ft-84-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7455\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7457-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-6ft-72-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7457\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7458-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-8ft-96-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7458\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Picket Packages\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7461-42-in-regular-5-8-in-picket-package-6ft-includes-15-pickets-32-spacers\" class=\"msp-compatible-item\"\u003ePB7461\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7730-42-in-wide-1-1-2-in-x5-8-in-picket-package-4ft-includes-9-pickets-20-spacers\" class=\"msp-compatible-item\"\u003ePB7730\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7739-42-in-regular-5-8-in-picket-package-4ft-includes-10-pickets-22-spacers\" class=\"msp-compatible-item\"\u003ePB7739\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Base Plate Covers\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7744-2-in-post-aluminum-base-plate-cover\" class=\"msp-compatible-item\"\u003ePB7744\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783913644272,"sku":"PB5470-XB","price":91.0,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783913677040,"sku":"PB5470-WT","price":91.0,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783913709808,"sku":"PB5470-YB","price":91.0,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783913742576,"sku":"PB5470-TG","price":91.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb5470-wt_c6c7b245-1a60-4325-968a-8b19663188ef.jpg?v=1780338396"},{"product_id":"pb5805-2-in-w-x-36-in-h-90-deg-corner-post","title":"PB5805 2\"W x 36\"H 90 Deg Corner Post Aluminum Post","description":"\u003c!-- PB5805 PB5805 2\"W x 36\"H 90 Deg Corner Post Aluminum Post - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\n .msp-compatible-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 8px;\n margin-top: 12px;\n }\n .msp-compatible-item {\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n text-align: center;\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n }\n\n a.msp-compatible-item {\n display: block;\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n }\n a.msp-compatible-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB5805 post may differ from what is pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e2\"W x 36\"H 90 Deg Corner Post\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e2\"W x 36\"H 90\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Post\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e3.1 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e5\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e60\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum post\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n\n\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Rail Packages\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eTop and bottom rail packages:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7453-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-5ft-60-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7453\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7455-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-7ft-84-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7455\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7457-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-6ft-72-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7457\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7458-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-8ft-96-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7458\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Picket Packages\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb6801-36-in-regular-5-8-in-picket-package-6ft-includes-15-pickets-32-spacers\" class=\"msp-compatible-item\"\u003ePB6801\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7750-36-in-regular-5-8-in-picket-package-4ft-includes-10-pickets-22-spacers\" class=\"msp-compatible-item\"\u003ePB7750\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7752-36-in-wide-1-1-2-in-x5-8-in-picket-package-4ft-includes-9-pickets-20-spacers\" class=\"msp-compatible-item\"\u003ePB7752\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Base Plate Covers\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7744-2-in-post-aluminum-base-plate-cover\" class=\"msp-compatible-item\"\u003ePB7744\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783913775344,"sku":"PB5805-XB","price":88.06,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783913808112,"sku":"PB5805-WT","price":88.06,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783913840880,"sku":"PB5805-YB","price":88.06,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783913873648,"sku":"PB5805-TG","price":88.06,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb5805-wt.jpg?v=1780338399"},{"product_id":"pb5809-2-in-w-x-36-in-h-45-deg-corner-post","title":"PB5809 2\"W x 36\"H 45 Deg Corner Post Aluminum Post","description":"\u003c!-- PB5809 PB5809 2\"W x 36\"H 45 Deg Corner Post Aluminum Post - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\n .msp-compatible-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 8px;\n margin-top: 12px;\n }\n .msp-compatible-item {\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n text-align: center;\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n }\n\n a.msp-compatible-item {\n display: block;\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n }\n a.msp-compatible-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB5809 post may differ from what is pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e2\"W x 36\"H 45 Deg Corner Post\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e2\"W x 36\"H 45\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Post\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e3.1 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e5\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e60\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum post\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n\n\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Rail Packages\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eTop and bottom rail packages:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7453-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-5ft-60-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7453\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7455-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-7ft-84-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7455\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7457-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-6ft-72-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7457\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7458-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-8ft-96-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7458\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Picket Packages\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb6801-36-in-regular-5-8-in-picket-package-6ft-includes-15-pickets-32-spacers\" class=\"msp-compatible-item\"\u003ePB6801\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7750-36-in-regular-5-8-in-picket-package-4ft-includes-10-pickets-22-spacers\" class=\"msp-compatible-item\"\u003ePB7750\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7752-36-in-wide-1-1-2-in-x5-8-in-picket-package-4ft-includes-9-pickets-20-spacers\" class=\"msp-compatible-item\"\u003ePB7752\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Base Plate Covers\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7744-2-in-post-aluminum-base-plate-cover\" class=\"msp-compatible-item\"\u003ePB7744\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783913906416,"sku":"PB5809-XB","price":177.18,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783913939184,"sku":"PB5809-WT","price":177.18,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783913971952,"sku":"PB5809-YB","price":177.18,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783914004720,"sku":"PB5809-TG","price":177.18,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-product-placeholder_aa183712-c85d-4381-b3dd-4064005fc269.jpg?v=1780338400"},{"product_id":"pb5806-2-in-w-x-36-in-h-mid-post","title":"PB5806 2\"W x 36\"H Mid Post Aluminum Post","description":"\u003c!-- PB5806 PB5806 2\"W x 36\"H Mid Post Aluminum Post - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\n .msp-compatible-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 8px;\n margin-top: 12px;\n }\n .msp-compatible-item {\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n text-align: center;\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n }\n\n a.msp-compatible-item {\n display: block;\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n }\n a.msp-compatible-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB5806 post may differ from what is pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e2\"W x 36\"H Mid Post\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e2\"W x 36\"H\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Post\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e3.1 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e6\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e108\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum post\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n\n\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Rail Packages\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eTop and bottom rail packages:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7453-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-5ft-60-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7453\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7455-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-7ft-84-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7455\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7457-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-6ft-72-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7457\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7458-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-8ft-96-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7458\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Picket Packages\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb6801-36-in-regular-5-8-in-picket-package-6ft-includes-15-pickets-32-spacers\" class=\"msp-compatible-item\"\u003ePB6801\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7750-36-in-regular-5-8-in-picket-package-4ft-includes-10-pickets-22-spacers\" class=\"msp-compatible-item\"\u003ePB7750\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7752-36-in-wide-1-1-2-in-x5-8-in-picket-package-4ft-includes-9-pickets-20-spacers\" class=\"msp-compatible-item\"\u003ePB7752\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Base Plate Covers\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7744-2-in-post-aluminum-base-plate-cover\" class=\"msp-compatible-item\"\u003ePB7744\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783914037488,"sku":"PB5806-XB","price":88.06,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783914070256,"sku":"PB5806-WT","price":88.06,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783914103024,"sku":"PB5806-YB","price":88.06,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783914135792,"sku":"PB5806-TG","price":88.06,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb5806-xb.jpg?v=1780338402"},{"product_id":"pb7706-2-in-w-x-60-in-h-end-post","title":"PB7706 2\"W x 60\"H End Post Aluminum Post","description":"\u003c!-- PB7706 PB7706 2\"W x 60\"H End Post Aluminum Post - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-compatible-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 8px;\n margin-top: 12px;\n }\n .msp-compatible-item {\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n text-align: center;\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n }\n\n a.msp-compatible-item {\n display: block;\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n }\n a.msp-compatible-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB7706 post may differ from what is pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e2\"W x 60\"H End Post\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e2\"W x 60\"H\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Post\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e4.7 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e6\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e54\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum post\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Rail Packages\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eTop and bottom rail packages:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7453-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-5ft-60-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7453\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7455-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-7ft-84-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7455\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7457-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-6ft-72-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7457\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7458-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-8ft-96-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7458\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Base Plate Covers\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7744-2-in-post-aluminum-base-plate-cover\" class=\"msp-compatible-item\"\u003ePB7744\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Default Title","offer_id":49783914168560,"sku":"PB7706","price":193.72,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-product-placeholder_5d8c3c06-5b33-4d94-8a9f-76e06226d7ca.jpg?v=1780338404"},{"product_id":"pb7707-2-in-w-x-60-in-h-90-deg-corner-post","title":"PB7707 2\"W x 60\"H 90 Deg Corner Post Aluminum Post","description":"\u003c!-- PB7707 PB7707 2\"W x 60\"H 90 Deg Corner Post Aluminum Post - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-compatible-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 8px;\n margin-top: 12px;\n }\n .msp-compatible-item {\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n text-align: center;\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n }\n\n a.msp-compatible-item {\n display: block;\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n }\n a.msp-compatible-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB7707 post may differ from what is pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e2\"W x 60\"H 90 Deg Corner Post\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e2\"W x 60\"H 90\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Post\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e4.9 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e5\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e30\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum post\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Rail Packages\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eTop and bottom rail packages:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7453-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-5ft-60-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7453\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7455-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-7ft-84-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7455\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7457-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-6ft-72-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7457\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7458-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-8ft-96-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7458\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Base Plate Covers\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7744-2-in-post-aluminum-base-plate-cover\" class=\"msp-compatible-item\"\u003ePB7744\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Default Title","offer_id":49783914201328,"sku":"PB7707","price":193.72,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-product-placeholder_39088ffc-016d-49af-b9af-f7e5b5e5219f.jpg?v=1780338405"},{"product_id":"pb7708-2-in-w-x-60-in-h-mid-post","title":"PB7708 2\"W x 60\"H Mid Post Aluminum Post","description":"\u003c!-- PB7708 PB7708 2\"W x 60\"H Mid Post Aluminum Post - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-compatible-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 8px;\n margin-top: 12px;\n }\n .msp-compatible-item {\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n text-align: center;\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n }\n\n a.msp-compatible-item {\n display: block;\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n }\n a.msp-compatible-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB7708 post may differ from what is pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e2\"W x 60\"H Mid Post\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e2\"W x 60\"H\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Post\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e4.9 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e6\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e54\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum post\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Rail Packages\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eTop and bottom rail packages:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7453-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-5ft-60-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7453\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7455-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-7ft-84-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7455\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7457-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-6ft-72-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7457\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7458-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-8ft-96-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7458\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Base Plate Covers\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7744-2-in-post-aluminum-base-plate-cover\" class=\"msp-compatible-item\"\u003ePB7744\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Default Title","offer_id":49783914234096,"sku":"PB7708","price":193.72,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb7708-thumb-1.png?v=1780338406"},{"product_id":"pb5733-2-5-in-w-x-42-in-h-top-stair-post-with-stair-hole-cover","title":"PB5733 2.5\"W x 42\"H Top Stair Post - With Stair Hole Cover Aluminum Post","description":"\u003c!-- PB5733 PB5733 2.5\"W x 42\"H Top Stair Post - With Stair Hole Cover Aluminum Post - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\n .msp-compatible-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 8px;\n margin-top: 12px;\n }\n .msp-compatible-item {\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n text-align: center;\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n }\n\n a.msp-compatible-item {\n display: block;\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n }\n a.msp-compatible-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB5733 post may differ from what is pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e2.5\"W x 42\"H Top Stair Post - With Stair Hole Cover\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e2.5\"W x 42\"H\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Post\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e5.1 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e5\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e90\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum post\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n\n\n\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Rail Packages\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eTop and bottom rail packages:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7453-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-5ft-60-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7453\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7455-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-7ft-84-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7455\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7457-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-6ft-72-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7457\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7458-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-8ft-96-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7458\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Picket Packages\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7461-42-in-regular-5-8-in-picket-package-6ft-includes-15-pickets-32-spacers\" class=\"msp-compatible-item\"\u003ePB7461\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7730-42-in-wide-1-1-2-in-x5-8-in-picket-package-4ft-includes-9-pickets-20-spacers\" class=\"msp-compatible-item\"\u003ePB7730\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7739-42-in-regular-5-8-in-picket-package-4ft-includes-10-pickets-22-spacers\" class=\"msp-compatible-item\"\u003ePB7739\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Stair Bracket Package\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5757-new-pivoting-stair-bracket-package-1x-top-rail-and-1x-bottom-rail-bracket\" class=\"msp-compatible-item\"\u003ePB5757\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Base Plate Covers\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7744-2-in-post-aluminum-base-plate-cover\" class=\"msp-compatible-item\"\u003ePB7744\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7746-2-1-2-in-post-aluminum-base-plate-cover\" class=\"msp-compatible-item\"\u003ePB7746\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783914266864,"sku":"PB5733-XB","price":103.21,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783914299632,"sku":"PB5733-WT","price":103.21,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783914332400,"sku":"PB5733-YB","price":103.21,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783914365168,"sku":"PB5733-TG","price":103.21,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb5733-wt_f21a1d07-6bc1-44cd-8ad7-75da31283151.jpg?v=1780338408"},{"product_id":"pb5737-2-5-in-w-x-36-in-h-top-stair-post-with-stair-hole-cover","title":"PB5737 2.5\"W x 36\"H Top Stair Post - With Stair Hole Cover Aluminum Post","description":"\u003c!-- PB5737 PB5737 2.5\"W x 36\"H Top Stair Post - With Stair Hole Cover Aluminum Post - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\n .msp-compatible-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 8px;\n margin-top: 12px;\n }\n .msp-compatible-item {\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n text-align: center;\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n }\n\n a.msp-compatible-item {\n display: block;\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n }\n a.msp-compatible-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB5737 post may differ from what is pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e2.5\"W x 36\"H Top Stair Post - With Stair Hole Cover\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e2.5\"W x 36\"H\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Post\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e4.7 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e5\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e90\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum post\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n\n\n\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Rail Packages\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eTop and bottom rail packages:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7453-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-5ft-60-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7453\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7455-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-7ft-84-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7455\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7457-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-6ft-72-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7457\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7458-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-8ft-96-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7458\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Picket Packages\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb6801-36-in-regular-5-8-in-picket-package-6ft-includes-15-pickets-32-spacers\" class=\"msp-compatible-item\"\u003ePB6801\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7750-36-in-regular-5-8-in-picket-package-4ft-includes-10-pickets-22-spacers\" class=\"msp-compatible-item\"\u003ePB7750\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7752-36-in-wide-1-1-2-in-x5-8-in-picket-package-4ft-includes-9-pickets-20-spacers\" class=\"msp-compatible-item\"\u003ePB7752\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Stair Bracket Package\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5757-new-pivoting-stair-bracket-package-1x-top-rail-and-1x-bottom-rail-bracket\" class=\"msp-compatible-item\"\u003ePB5757\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Base Plate Covers\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7746-2-1-2-in-post-aluminum-base-plate-cover\" class=\"msp-compatible-item\"\u003ePB7746\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783914397936,"sku":"PB5737-XB","price":100.12,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783914430704,"sku":"PB5737-WT","price":100.12,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783914463472,"sku":"PB5737-YB","price":100.12,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783914496240,"sku":"PB5737-TG","price":100.12,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb5737-wt.jpg?v=1780338410"},{"product_id":"pb5735-2-5-in-w-bottom-stair-post-with-stair-hole-cover-same-post-for-36-in-42-in-system","title":"PB5735 2.5\"W Bottom Stair Post - With Stair Hole Cover (same post for 36\" \/42\" system) Aluminum Post","description":"\u003c!-- PB5735 PB5735 2.5\"W Bottom Stair Post - With Stair Hole Cover (same post for 36\" \/42\" system) Aluminum Post - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\n .msp-compatible-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 8px;\n margin-top: 12px;\n }\n .msp-compatible-item {\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n text-align: center;\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n }\n\n a.msp-compatible-item {\n display: block;\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n }\n a.msp-compatible-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB5735 post may differ from what is pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e2.5\"W Bottom Stair Post - With Stair Hole Cover (same post for 36\" \/42\" system)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Post\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e5.1 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e5\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e90\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum post\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Deck Railing (36\")\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb6801-36-in-regular-5-8-in-picket-package-6ft-includes-15-pickets-32-spacers\" class=\"msp-compatible-item\"\u003ePB6801\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7453-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-5ft-60-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7453\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7455-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-7ft-84-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7455\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7457-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-6ft-72-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7457\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7458-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-8ft-96-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7458\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7750-36-in-regular-5-8-in-picket-package-4ft-includes-10-pickets-22-spacers\" class=\"msp-compatible-item\"\u003ePB7750\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7752-36-in-wide-1-1-2-in-x5-8-in-picket-package-4ft-includes-9-pickets-20-spacers\" class=\"msp-compatible-item\"\u003ePB7752\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Deck Railing (42\")\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7453-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-5ft-60-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7453\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7455-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-7ft-84-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7455\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7457-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-6ft-72-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7457\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7458-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-8ft-96-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7458\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7461-42-in-regular-5-8-in-picket-package-6ft-includes-15-pickets-32-spacers\" class=\"msp-compatible-item\"\u003ePB7461\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7730-42-in-wide-1-1-2-in-x5-8-in-picket-package-4ft-includes-9-pickets-20-spacers\" class=\"msp-compatible-item\"\u003ePB7730\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7739-42-in-regular-5-8-in-picket-package-4ft-includes-10-pickets-22-spacers\" class=\"msp-compatible-item\"\u003ePB7739\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783914529008,"sku":"PB5735-XB","price":103.21,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783914561776,"sku":"PB5735-WT","price":103.21,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783914594544,"sku":"PB5735-YB","price":103.21,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783914627312,"sku":"PB5735-TG","price":103.21,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb5735-1.jpg?v=1780338411"},{"product_id":"pb5734-2-in-w-mid-stair-post-with-splice","title":"PB5734 2\"W Mid Stair Post (with Splice) Aluminum Post","description":"\u003c!-- PB5734 PB5734 2\"W Mid Stair Post (with Splice) Aluminum Post - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB5734 post may differ from what is pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e2\"W Mid Stair Post (with Splice)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Post\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e4.2 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e6\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e54\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum post\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783914660080,"sku":"PB5734-XB","price":174.24,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783914692848,"sku":"PB5734-WT","price":174.24,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783914725616,"sku":"PB5734-YB","price":174.24,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783914758384,"sku":"PB5734-TG","price":174.24,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb5734-wt.jpg?v=1780338413"},{"product_id":"pb7758-2-5-in-w-x-36-in-h-blank-post","title":"PB7758 2.5\"W x 36\"H Blank Post Aluminum Post","description":"\u003c!-- PB7758 PB7758 2.5\"W x 36\"H Blank Post Aluminum Post - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\n .msp-compatible-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 8px;\n margin-top: 12px;\n }\n .msp-compatible-item {\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n text-align: center;\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n }\n\n a.msp-compatible-item {\n display: block;\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n }\n a.msp-compatible-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB7758 post may differ from what is pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e2.5\"W x 36\"H Blank Post\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e2.5\"W x 36\"H\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Post\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e5.2 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e5\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e45\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum post\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n\n\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Rail Packages\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eTop and bottom rail packages:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7453-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-5ft-60-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7453\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7455-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-7ft-84-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7455\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7457-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-6ft-72-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7457\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7458-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-8ft-96-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7458\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Picket Packages\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb6801-36-in-regular-5-8-in-picket-package-6ft-includes-15-pickets-32-spacers\" class=\"msp-compatible-item\"\u003ePB6801\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7750-36-in-regular-5-8-in-picket-package-4ft-includes-10-pickets-22-spacers\" class=\"msp-compatible-item\"\u003ePB7750\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7752-36-in-wide-1-1-2-in-x5-8-in-picket-package-4ft-includes-9-pickets-20-spacers\" class=\"msp-compatible-item\"\u003ePB7752\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Base Plate Covers\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7746-2-1-2-in-post-aluminum-base-plate-cover\" class=\"msp-compatible-item\"\u003ePB7746\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783914791152,"sku":"PB7758-XB","price":114.3,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783914823920,"sku":"PB7758-WT","price":114.3,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783914856688,"sku":"PB7758-YB","price":114.3,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783914889456,"sku":"PB7758-TG","price":114.3,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-product-placeholder_e91ee590-fad6-47e5-85be-53b97696a381.jpg?v=1780338414"},{"product_id":"pb7759-2-5-in-w-x-42-in-h-blank-post","title":"PB7759 2.5\"W x 42\"H Blank Post Aluminum Post","description":"\u003c!-- PB7759 PB7759 2.5\"W x 42\"H Blank Post Aluminum Post - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\n .msp-compatible-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 8px;\n margin-top: 12px;\n }\n .msp-compatible-item {\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n text-align: center;\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n }\n\n a.msp-compatible-item {\n display: block;\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n }\n a.msp-compatible-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB7759 post may differ from what is pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e2.5\"W x 42\"H Blank Post\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e2.5\"W x 42\"H\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Post\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e5.2 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e5\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e45\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum post\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n\n\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Rail Packages\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eTop and bottom rail packages:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7453-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-5ft-60-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7453\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7455-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-7ft-84-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7455\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7457-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-6ft-72-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7457\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7458-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-8ft-96-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7458\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Picket Packages\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7461-42-in-regular-5-8-in-picket-package-6ft-includes-15-pickets-32-spacers\" class=\"msp-compatible-item\"\u003ePB7461\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7730-42-in-wide-1-1-2-in-x5-8-in-picket-package-4ft-includes-9-pickets-20-spacers\" class=\"msp-compatible-item\"\u003ePB7730\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7739-42-in-regular-5-8-in-picket-package-4ft-includes-10-pickets-22-spacers\" class=\"msp-compatible-item\"\u003ePB7739\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Base Plate Covers\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7744-2-in-post-aluminum-base-plate-cover\" class=\"msp-compatible-item\"\u003ePB7744\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7746-2-1-2-in-post-aluminum-base-plate-cover\" class=\"msp-compatible-item\"\u003ePB7746\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783914922224,"sku":"PB7759-XB","price":114.3,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783914954992,"sku":"PB7759-WT","price":114.3,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783914987760,"sku":"PB7759-YB","price":114.3,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783915020528,"sku":"PB7759-TG","price":114.3,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb7759-tg.png?v=1780338416"},{"product_id":"pb7725-2-5-in-w-x-60-in-h-blank-post","title":"PB7725 2.5\"W x 60\"H Blank Post Aluminum Post","description":"\u003c!-- PB7725 PB7725 2.5\"W x 60\"H Blank Post Aluminum Post - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\n .msp-compatible-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 8px;\n margin-top: 12px;\n }\n .msp-compatible-item {\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n text-align: center;\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n }\n\n a.msp-compatible-item {\n display: block;\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n }\n a.msp-compatible-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB7725 post may differ from what is pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e2.5\"W x 60\"H Blank Post\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e2.5\"W x 60\"H\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Post\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e5.3 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e6\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e54\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum post\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Rail Packages\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eTop and bottom rail packages:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7453-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-5ft-60-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7453\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7455-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-7ft-84-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7455\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7457-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-6ft-72-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7457\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7458-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-8ft-96-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7458\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Base Plate Covers\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7746-2-1-2-in-post-aluminum-base-plate-cover\" class=\"msp-compatible-item\"\u003ePB7746\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783915053296,"sku":"PB7725-XB","price":167.73,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783915086064,"sku":"PB7725-WT","price":167.73,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783915118832,"sku":"PB7725-YB","price":167.73,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783915151600,"sku":"PB7725-TG","price":167.73,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-product-placeholder_f8262fad-4e2d-446c-9565-eab8dd8358ea.jpg?v=1780338418"},{"product_id":"pb7761-4-in-w-x-42-in-h-blank-post-with-flat-post-cap","title":"PB7761 4\"W x 42\"H Blank post with flat post cap Aluminum Post","description":"\u003c!-- PB7761 PB7761 4\"W x 42\"H Blank post with flat post cap Aluminum Post - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-compatible-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 8px;\n margin-top: 12px;\n }\n .msp-compatible-item {\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n text-align: center;\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n }\n\n a.msp-compatible-item {\n display: block;\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n }\n a.msp-compatible-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB7761 post may differ from what is pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e4\"W x 42\"H Blank post with flat post cap\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e4\"W x 42\"H\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Post\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e6.1 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e40\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum post\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Rail Packages\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eTop and bottom rail packages:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7453-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-5ft-60-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7453\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7455-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-7ft-84-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7455\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7457-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-6ft-72-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7457\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7458-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-8ft-96-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7458\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Picket Packages\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7461-42-in-regular-5-8-in-picket-package-6ft-includes-15-pickets-32-spacers\" class=\"msp-compatible-item\"\u003ePB7461\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7730-42-in-wide-1-1-2-in-x5-8-in-picket-package-4ft-includes-9-pickets-20-spacers\" class=\"msp-compatible-item\"\u003ePB7730\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7739-42-in-regular-5-8-in-picket-package-4ft-includes-10-pickets-22-spacers\" class=\"msp-compatible-item\"\u003ePB7739\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Base Plate Covers\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7744-2-in-post-aluminum-base-plate-cover\" class=\"msp-compatible-item\"\u003ePB7744\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Default Title","offer_id":49783915184368,"sku":"PB7761","price":295.03,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-product-placeholder_4a5e6249-f81a-45ae-bfe1-3c20846b7982.jpg?v=1780338421"},{"product_id":"pb7744-2-in-post-aluminum-base-plate-cover","title":"PB7744 2\" Post Aluminum Base Plate Cover","description":"\u003c!-- PB7744 PB7744 2\" Post Aluminum Base Plate Cover - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB7744 post may differ from what is pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e2\" Post Aluminum Base Plate Cover\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Post\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e0.9 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum post\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783915249904,"sku":"PB7744-XB","price":12.87,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783915282672,"sku":"PB7744-WT","price":12.87,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783915315440,"sku":"PB7744-YB","price":12.87,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783915348208,"sku":"PB7744-TG","price":12.87,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb7744-wt.jpg?v=1780338426"},{"product_id":"pb7746-2-1-2-in-post-aluminum-base-plate-cover","title":"PB7746 2-1\/2\" Post Aluminum Base Plate Cover","description":"\u003c!-- PB7746 PB7746 2-1\/2\" Post Aluminum Base Plate Cover - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB7746 post may differ from what is pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e2-1\/2\" Post Aluminum Base Plate Cover\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Post\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e0.9 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum post\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783915380976,"sku":"PB7746-XB","price":12.87,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783915413744,"sku":"PB7746-WT","price":12.87,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783915446512,"sku":"PB7746-YB","price":12.87,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783915479280,"sku":"PB7746-TG","price":12.87,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb7746-wt.jpg?v=1780338427"},{"product_id":"pb7747-4-in-post-aluminum-base-plate-cover-custom-4-week-lead-time","title":"PB7747 4\" Post Aluminum Base Plate Cover (Custom 4 week lead time)","description":"\u003c!-- PB7747 PB7747 4\" Post Aluminum Base Plate Cover (Custom 4 week lead time) - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB7747 post may differ from what is pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e4\" Post Aluminum Base Plate Cover (Custom 4 week lead time)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Post\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e0.6 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum post\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Default Title","offer_id":49783915512048,"sku":"PB7747","price":52.58,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb7747-thumb-1.png?v=1780338429"},{"product_id":"pb5040-line-inside-90deg-stair-fascia-bracket","title":"PB5040 Line \/ Inside 90deg \/ Stair Fascia Bracket Aluminum Post","description":"\u003c!-- PB5040 PB5040 Line \/ Inside 90deg \/ Stair Fascia Bracket Aluminum Post - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB5040 post may differ from what is pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003eLine \/ Inside 90deg \/ Stair Fascia Bracket\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Post\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e2.75 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum post\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783915544816,"sku":"PB5040-XB","price":145.44,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783915577584,"sku":"PB5040-WT","price":145.44,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783915610352,"sku":"PB5040-YB","price":145.44,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783915643120,"sku":"PB5040-TG","price":145.44,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-product-placeholder_4c283c84-4e2b-421e-a496-a1d6b74fb34b.jpg?v=1780338430"},{"product_id":"pb5041-outside-90deg-fascia-bracket","title":"PB5041 Outside 90deg Fascia Bracket Aluminum Post","description":"\u003c!-- PB5041 PB5041 Outside 90deg Fascia Bracket Aluminum Post - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB5041 post may differ from what is pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003eOutside 90deg Fascia Bracket\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Post\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e3.25 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum post\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783915675888,"sku":"PB5041-XB","price":145.44,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783915708656,"sku":"PB5041-WT","price":145.44,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783915741424,"sku":"PB5041-YB","price":145.44,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783915774192,"sku":"PB5041-TG","price":145.44,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-product-placeholder_46b9cc68-8e06-4314-ba90-b094f4ba4cab.jpg?v=1780338431"},{"product_id":"pb5042-inside-135deg-fascia-bracket","title":"PB5042 Inside 135deg Fascia Bracket Aluminum Post","description":"\u003c!-- PB5042 PB5042 Inside 135deg Fascia Bracket Aluminum Post - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB5042 post may differ from what is pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003eInside 135deg Fascia Bracket\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Post\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e3.25 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum post\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783915806960,"sku":"PB5042-XB","price":145.44,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783915839728,"sku":"PB5042-WT","price":145.44,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783915872496,"sku":"PB5042-YB","price":145.44,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783915905264,"sku":"PB5042-TG","price":145.44,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-product-placeholder_dc44f93d-ac70-4bdd-9caf-b60841343893.jpg?v=1780338432"},{"product_id":"pb5043-outside-135deg-fascia-bracket","title":"PB5043 Outside 135deg Fascia Bracket Aluminum Post","description":"\u003c!-- PB5043 PB5043 Outside 135deg Fascia Bracket Aluminum Post - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB5043 post may differ from what is pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003eOutside 135deg Fascia Bracket\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Post\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e3.25 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum post\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783915938032,"sku":"PB5043-XB","price":145.44,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783915970800,"sku":"PB5043-WT","price":145.44,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783916003568,"sku":"PB5043-YB","price":145.44,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783916036336,"sku":"PB5043-TG","price":145.44,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-product-placeholder_c8310fc9-acd6-46c1-ad7d-3383755bbeef.jpg?v=1780338434"},{"product_id":"pb5410-fascia-support-leg-required-with-framed-glass-fascia-mount-railing","title":"PB5410 Fascia Support Leg (Required with Framed Glass Fascia Mount Railing) Aluminum Post","description":"\u003c!-- PB5410 PB5410 Fascia Support Leg (Required with Framed Glass Fascia Mount Railing) Aluminum Post - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\n .msp-compatible-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 8px;\n margin-top: 12px;\n }\n .msp-compatible-item {\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n text-align: center;\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n }\n\n a.msp-compatible-item {\n display: block;\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n }\n a.msp-compatible-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB5410 post may differ from what is pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003eFascia Support Leg (Required with Framed Glass Fascia Mount Railing)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Post\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e0.5 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum post\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Fascia Brackets\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5040-line-inside-90deg-stair-fascia-bracket\" class=\"msp-compatible-item\"\u003ePB5040\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5041-outside-90deg-fascia-bracket\" class=\"msp-compatible-item\"\u003ePB5041\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5042-inside-135deg-fascia-bracket\" class=\"msp-compatible-item\"\u003ePB5042\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5043-outside-135deg-fascia-bracket\" class=\"msp-compatible-item\"\u003ePB5043\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783916069104,"sku":"PB5410-XB","price":23.04,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783916101872,"sku":"PB5410-WT","price":23.04,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783916134640,"sku":"PB5410-YB","price":23.04,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783916167408,"sku":"PB5410-TG","price":23.04,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb5410-thumb-1.png?v=1780338435"},{"product_id":"pb7490-fastener-package","title":"PB7490 Fastener Package Aluminum Post","description":"\u003c!-- PB7490 PB7490 Fastener Package Aluminum Post - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum railing installation for reference. Your PB7490 post may differ from what is pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum Post\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e0.2 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems aluminum post\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Default Title","offer_id":49783916200176,"sku":"PB7490","price":6.97,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb7490-thumb-1.png?v=1780338437"},{"product_id":"pb7739-42-in-regular-5-8-in-picket-package-4ft-includes-10-pickets-22-spacers","title":"PB7739 42\" Regular 5\/8\" Picket Package 4ft","description":"\u003c!-- PB7739 PB7739 42\" Regular 5\/8\" Picket Package 4ft - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\n .msp-compatible-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 8px;\n margin-top: 12px;\n }\n .msp-compatible-item {\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n text-align: center;\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n }\n\n a.msp-compatible-item {\n display: block;\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n }\n a.msp-compatible-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista picket railing installation for reference. Your PB7739 42\" Regular 5\/8\" Picket Package 4ft may differ from the infill pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e42\" Regular 5\/8\" Picket Package 4ft - (includes 10 pickets, 22 spacers)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003ePicket Package\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e5.06 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e120\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems picket package\u003c\/li\u003e\n \u003cli\u003ePackage includes: 10 pickets, 22 spacers\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n\n\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Aluminum Posts (42\")\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5468-2-in-w-x-42-in-h-end-post\" class=\"msp-compatible-item\"\u003ePB5468\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5469-2-in-w-x-42-in-h-90-deg-corner-post\" class=\"msp-compatible-item\"\u003ePB5469\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5470-2-in-w-x-42-in-h-mid-post\" class=\"msp-compatible-item\"\u003ePB5470\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5494-2-in-w-x-42-in-h-45-deg-corner-post\" class=\"msp-compatible-item\"\u003ePB5494\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5733-2-5-in-w-x-42-in-h-top-stair-post-with-stair-hole-cover\" class=\"msp-compatible-item\"\u003ePB5733\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5734-2-in-w-mid-stair-post-with-splice\" class=\"msp-compatible-item\"\u003ePB5734\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7759-2-5-in-w-x-42-in-h-blank-post\" class=\"msp-compatible-item\"\u003ePB7759\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7761-4-in-w-x-42-in-h-blank-post-with-flat-post-cap\" class=\"msp-compatible-item\"\u003ePB7761\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Rail Packages\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7453-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-5ft-60-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7453\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7455-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-7ft-84-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7455\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7457-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-6ft-72-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7457\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7458-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-8ft-96-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7458\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Spacers\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5485-regular-5-8-in-stair-picket-package-4ft-includes-8-pickets-18-spacers\" class=\"msp-compatible-item\"\u003ePB5485\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5731-wide-1-1-2-in-x5-8-in-stair-picket-package-4ft-includes-7-pickets-16-spacers\" class=\"msp-compatible-item\"\u003ePB5731\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb6774-wide-picket-stair-spacer-ea\" class=\"msp-compatible-item\"\u003ePB6774\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb6775-wide-picket-level-spacer-ea\" class=\"msp-compatible-item\"\u003ePB6775\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb6801-36-in-regular-5-8-in-picket-package-6ft-includes-15-pickets-32-spacers\" class=\"msp-compatible-item\"\u003ePB6801\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7405-regular-picket-stair-spacer-ea\" class=\"msp-compatible-item\"\u003ePB7405\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7416-regular-picket-level-spacers-ea\" class=\"msp-compatible-item\"\u003ePB7416\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7461-42-in-regular-5-8-in-picket-package-6ft-includes-15-pickets-32-spacers\" class=\"msp-compatible-item\"\u003ePB7461\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7730-42-in-wide-1-1-2-in-x5-8-in-picket-package-4ft-includes-9-pickets-20-spacers\" class=\"msp-compatible-item\"\u003ePB7730\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7750-36-in-regular-5-8-in-picket-package-4ft-includes-10-pickets-22-spacers\" class=\"msp-compatible-item\"\u003ePB7750\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7752-36-in-wide-1-1-2-in-x5-8-in-picket-package-4ft-includes-9-pickets-20-spacers\" class=\"msp-compatible-item\"\u003ePB7752\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783916232944,"sku":"PB7739-XB","price":87.13,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783916265712,"sku":"PB7739-WT","price":87.13,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783916298480,"sku":"PB7739-YB","price":87.13,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783916331248,"sku":"PB7739-TG","price":87.13,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-product-placeholder_b601b968-ef4c-4f27-b4a9-b013192173d7.jpg?v=1780338438"},{"product_id":"pb7461-42-in-regular-5-8-in-picket-package-6ft-includes-15-pickets-32-spacers","title":"PB7461 42\" Regular 5\/8\" Picket Package 6ft","description":"\u003c!-- PB7461 PB7461 42\" Regular 5\/8\" Picket Package 6ft - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\n .msp-compatible-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 8px;\n margin-top: 12px;\n }\n .msp-compatible-item {\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n text-align: center;\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n }\n\n a.msp-compatible-item {\n display: block;\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n }\n a.msp-compatible-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista picket railing installation for reference. Your PB7461 42\" Regular 5\/8\" Picket Package 6ft may differ from the infill pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e42\" Regular 5\/8\" Picket Package 6ft - (includes 15 pickets, 32 spacers)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003ePicket Package\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e7.6 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e90\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems picket package\u003c\/li\u003e\n \u003cli\u003ePackage includes: 15 pickets, 32 spacers\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n\n\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Aluminum Posts (42\")\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5468-2-in-w-x-42-in-h-end-post\" class=\"msp-compatible-item\"\u003ePB5468\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5469-2-in-w-x-42-in-h-90-deg-corner-post\" class=\"msp-compatible-item\"\u003ePB5469\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5470-2-in-w-x-42-in-h-mid-post\" class=\"msp-compatible-item\"\u003ePB5470\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5494-2-in-w-x-42-in-h-45-deg-corner-post\" class=\"msp-compatible-item\"\u003ePB5494\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5733-2-5-in-w-x-42-in-h-top-stair-post-with-stair-hole-cover\" class=\"msp-compatible-item\"\u003ePB5733\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5734-2-in-w-mid-stair-post-with-splice\" class=\"msp-compatible-item\"\u003ePB5734\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7759-2-5-in-w-x-42-in-h-blank-post\" class=\"msp-compatible-item\"\u003ePB7759\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7761-4-in-w-x-42-in-h-blank-post-with-flat-post-cap\" class=\"msp-compatible-item\"\u003ePB7761\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Rail Packages\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7453-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-5ft-60-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7453\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7455-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-7ft-84-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7455\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7457-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-6ft-72-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7457\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7458-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-8ft-96-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7458\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Spacers\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5485-regular-5-8-in-stair-picket-package-4ft-includes-8-pickets-18-spacers\" class=\"msp-compatible-item\"\u003ePB5485\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5731-wide-1-1-2-in-x5-8-in-stair-picket-package-4ft-includes-7-pickets-16-spacers\" class=\"msp-compatible-item\"\u003ePB5731\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb6774-wide-picket-stair-spacer-ea\" class=\"msp-compatible-item\"\u003ePB6774\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb6775-wide-picket-level-spacer-ea\" class=\"msp-compatible-item\"\u003ePB6775\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb6801-36-in-regular-5-8-in-picket-package-6ft-includes-15-pickets-32-spacers\" class=\"msp-compatible-item\"\u003ePB6801\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7405-regular-picket-stair-spacer-ea\" class=\"msp-compatible-item\"\u003ePB7405\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7416-regular-picket-level-spacers-ea\" class=\"msp-compatible-item\"\u003ePB7416\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7730-42-in-wide-1-1-2-in-x5-8-in-picket-package-4ft-includes-9-pickets-20-spacers\" class=\"msp-compatible-item\"\u003ePB7730\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7739-42-in-regular-5-8-in-picket-package-4ft-includes-10-pickets-22-spacers\" class=\"msp-compatible-item\"\u003ePB7739\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7750-36-in-regular-5-8-in-picket-package-4ft-includes-10-pickets-22-spacers\" class=\"msp-compatible-item\"\u003ePB7750\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7752-36-in-wide-1-1-2-in-x5-8-in-picket-package-4ft-includes-9-pickets-20-spacers\" class=\"msp-compatible-item\"\u003ePB7752\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783916364016,"sku":"PB7461-XB","price":129.13,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783916396784,"sku":"PB7461-WT","price":129.13,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783916429552,"sku":"PB7461-YB","price":129.13,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783916462320,"sku":"PB7461-TG","price":129.13,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb7461-thumb-1.png?v=1780338439"},{"product_id":"pb7750-36-in-regular-5-8-in-picket-package-4ft-includes-10-pickets-22-spacers","title":"PB7750 36\" Regular 5\/8\" Picket Package 4ft","description":"\u003c!-- PB7750 PB7750 36\" Regular 5\/8\" Picket Package 4ft - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\n .msp-compatible-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 8px;\n margin-top: 12px;\n }\n .msp-compatible-item {\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n text-align: center;\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n }\n\n a.msp-compatible-item {\n display: block;\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n }\n a.msp-compatible-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista picket railing installation for reference. Your PB7750 36\" Regular 5\/8\" Picket Package 4ft may differ from the infill pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e36\" Regular 5\/8\" Picket Package 4ft - (includes 10 pickets, 22 spacers)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003ePicket Package\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e4.91 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e120\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems picket package\u003c\/li\u003e\n \u003cli\u003ePackage includes: 10 pickets, 22 spacers\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n\n\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Aluminum Posts (36\")\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5734-2-in-w-mid-stair-post-with-splice\" class=\"msp-compatible-item\"\u003ePB5734\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5737-2-5-in-w-x-36-in-h-top-stair-post-with-stair-hole-cover\" class=\"msp-compatible-item\"\u003ePB5737\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5804-2-in-w-x-36-in-h-end-post\" class=\"msp-compatible-item\"\u003ePB5804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5805-2-in-w-x-36-in-h-90-deg-corner-post\" class=\"msp-compatible-item\"\u003ePB5805\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5806-2-in-w-x-36-in-h-mid-post\" class=\"msp-compatible-item\"\u003ePB5806\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5809-2-in-w-x-36-in-h-45-deg-corner-post\" class=\"msp-compatible-item\"\u003ePB5809\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7758-2-5-in-w-x-36-in-h-blank-post\" class=\"msp-compatible-item\"\u003ePB7758\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Rail Packages\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7453-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-5ft-60-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7453\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7455-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-7ft-84-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7455\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7457-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-6ft-72-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7457\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7458-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-8ft-96-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7458\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Spacers\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5485-regular-5-8-in-stair-picket-package-4ft-includes-8-pickets-18-spacers\" class=\"msp-compatible-item\"\u003ePB5485\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5731-wide-1-1-2-in-x5-8-in-stair-picket-package-4ft-includes-7-pickets-16-spacers\" class=\"msp-compatible-item\"\u003ePB5731\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb6774-wide-picket-stair-spacer-ea\" class=\"msp-compatible-item\"\u003ePB6774\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb6775-wide-picket-level-spacer-ea\" class=\"msp-compatible-item\"\u003ePB6775\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb6801-36-in-regular-5-8-in-picket-package-6ft-includes-15-pickets-32-spacers\" class=\"msp-compatible-item\"\u003ePB6801\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7405-regular-picket-stair-spacer-ea\" class=\"msp-compatible-item\"\u003ePB7405\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7416-regular-picket-level-spacers-ea\" class=\"msp-compatible-item\"\u003ePB7416\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7461-42-in-regular-5-8-in-picket-package-6ft-includes-15-pickets-32-spacers\" class=\"msp-compatible-item\"\u003ePB7461\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7730-42-in-wide-1-1-2-in-x5-8-in-picket-package-4ft-includes-9-pickets-20-spacers\" class=\"msp-compatible-item\"\u003ePB7730\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7739-42-in-regular-5-8-in-picket-package-4ft-includes-10-pickets-22-spacers\" class=\"msp-compatible-item\"\u003ePB7739\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7752-36-in-wide-1-1-2-in-x5-8-in-picket-package-4ft-includes-9-pickets-20-spacers\" class=\"msp-compatible-item\"\u003ePB7752\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783916495088,"sku":"PB7750-XB","price":87.13,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783916527856,"sku":"PB7750-WT","price":87.13,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783916560624,"sku":"PB7750-YB","price":87.13,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783916593392,"sku":"PB7750-TG","price":87.13,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb7750-1.png?v=1780338441"},{"product_id":"pb6801-36-in-regular-5-8-in-picket-package-6ft-includes-15-pickets-32-spacers","title":"PB6801 36\" Regular 5\/8\" Picket Package 6ft","description":"\u003c!-- PB6801 PB6801 36\" Regular 5\/8\" Picket Package 6ft - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\n .msp-compatible-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 8px;\n margin-top: 12px;\n }\n .msp-compatible-item {\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n text-align: center;\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n }\n\n a.msp-compatible-item {\n display: block;\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n }\n a.msp-compatible-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista picket railing installation for reference. Your PB6801 36\" Regular 5\/8\" Picket Package 6ft may differ from the infill pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e36\" Regular 5\/8\" Picket Package 6ft - (includes 15 pickets, 32 spacers)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003ePicket Package\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e6.84 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e120\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems picket package\u003c\/li\u003e\n \u003cli\u003ePackage includes: 15 pickets, 32 spacers\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n\n\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Aluminum Posts (36\")\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5734-2-in-w-mid-stair-post-with-splice\" class=\"msp-compatible-item\"\u003ePB5734\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5737-2-5-in-w-x-36-in-h-top-stair-post-with-stair-hole-cover\" class=\"msp-compatible-item\"\u003ePB5737\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5804-2-in-w-x-36-in-h-end-post\" class=\"msp-compatible-item\"\u003ePB5804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5805-2-in-w-x-36-in-h-90-deg-corner-post\" class=\"msp-compatible-item\"\u003ePB5805\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5806-2-in-w-x-36-in-h-mid-post\" class=\"msp-compatible-item\"\u003ePB5806\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5809-2-in-w-x-36-in-h-45-deg-corner-post\" class=\"msp-compatible-item\"\u003ePB5809\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7758-2-5-in-w-x-36-in-h-blank-post\" class=\"msp-compatible-item\"\u003ePB7758\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Rail Packages\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7453-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-5ft-60-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7453\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7455-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-7ft-84-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7455\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7457-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-6ft-72-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7457\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7458-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-8ft-96-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7458\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Spacers\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5485-regular-5-8-in-stair-picket-package-4ft-includes-8-pickets-18-spacers\" class=\"msp-compatible-item\"\u003ePB5485\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5731-wide-1-1-2-in-x5-8-in-stair-picket-package-4ft-includes-7-pickets-16-spacers\" class=\"msp-compatible-item\"\u003ePB5731\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb6774-wide-picket-stair-spacer-ea\" class=\"msp-compatible-item\"\u003ePB6774\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb6775-wide-picket-level-spacer-ea\" class=\"msp-compatible-item\"\u003ePB6775\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7405-regular-picket-stair-spacer-ea\" class=\"msp-compatible-item\"\u003ePB7405\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7416-regular-picket-level-spacers-ea\" class=\"msp-compatible-item\"\u003ePB7416\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7461-42-in-regular-5-8-in-picket-package-6ft-includes-15-pickets-32-spacers\" class=\"msp-compatible-item\"\u003ePB7461\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7730-42-in-wide-1-1-2-in-x5-8-in-picket-package-4ft-includes-9-pickets-20-spacers\" class=\"msp-compatible-item\"\u003ePB7730\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7739-42-in-regular-5-8-in-picket-package-4ft-includes-10-pickets-22-spacers\" class=\"msp-compatible-item\"\u003ePB7739\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7750-36-in-regular-5-8-in-picket-package-4ft-includes-10-pickets-22-spacers\" class=\"msp-compatible-item\"\u003ePB7750\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7752-36-in-wide-1-1-2-in-x5-8-in-picket-package-4ft-includes-9-pickets-20-spacers\" class=\"msp-compatible-item\"\u003ePB7752\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783916626160,"sku":"PB6801-XB","price":129.13,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783916658928,"sku":"PB6801-WT","price":129.13,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783916691696,"sku":"PB6801-YB","price":129.13,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783916724464,"sku":"PB6801-TG","price":129.13,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb6801-1.png?v=1780338442"},{"product_id":"pb7730-42-in-wide-1-1-2-in-x5-8-in-picket-package-4ft-includes-9-pickets-20-spacers","title":"PB7730 42\" WIDE 1-1\/2\"x5\/8\" Picket Package 4ft","description":"\u003c!-- PB7730 PB7730 42\" WIDE 1-1\/2\"x5\/8\" Picket Package 4ft - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\n .msp-compatible-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 8px;\n margin-top: 12px;\n }\n .msp-compatible-item {\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n text-align: center;\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n }\n\n a.msp-compatible-item {\n display: block;\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n }\n a.msp-compatible-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista picket railing installation for reference. Your PB7730 42\" WIDE 1-1\/2\"x5\/8\" Picket Package 4ft may differ from the infill pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e42\" WIDE 1-1\/2\"x5\/8\" Picket Package 4ft - (includes 9 pickets, 20 spacers)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2\"x5\/8\"\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003ePicket Package\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e4.3 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e60\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems picket package\u003c\/li\u003e\n \u003cli\u003ePackage includes: 9 pickets, 20 spacers\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n\n\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Aluminum Posts (42\")\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5468-2-in-w-x-42-in-h-end-post\" class=\"msp-compatible-item\"\u003ePB5468\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5469-2-in-w-x-42-in-h-90-deg-corner-post\" class=\"msp-compatible-item\"\u003ePB5469\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5470-2-in-w-x-42-in-h-mid-post\" class=\"msp-compatible-item\"\u003ePB5470\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5494-2-in-w-x-42-in-h-45-deg-corner-post\" class=\"msp-compatible-item\"\u003ePB5494\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5733-2-5-in-w-x-42-in-h-top-stair-post-with-stair-hole-cover\" class=\"msp-compatible-item\"\u003ePB5733\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5734-2-in-w-mid-stair-post-with-splice\" class=\"msp-compatible-item\"\u003ePB5734\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7759-2-5-in-w-x-42-in-h-blank-post\" class=\"msp-compatible-item\"\u003ePB7759\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7761-4-in-w-x-42-in-h-blank-post-with-flat-post-cap\" class=\"msp-compatible-item\"\u003ePB7761\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Rail Packages\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7453-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-5ft-60-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7453\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7455-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-7ft-84-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7455\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7457-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-6ft-72-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7457\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7458-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-8ft-96-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7458\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Spacers\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5485-regular-5-8-in-stair-picket-package-4ft-includes-8-pickets-18-spacers\" class=\"msp-compatible-item\"\u003ePB5485\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5731-wide-1-1-2-in-x5-8-in-stair-picket-package-4ft-includes-7-pickets-16-spacers\" class=\"msp-compatible-item\"\u003ePB5731\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb6774-wide-picket-stair-spacer-ea\" class=\"msp-compatible-item\"\u003ePB6774\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb6775-wide-picket-level-spacer-ea\" class=\"msp-compatible-item\"\u003ePB6775\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb6801-36-in-regular-5-8-in-picket-package-6ft-includes-15-pickets-32-spacers\" class=\"msp-compatible-item\"\u003ePB6801\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7405-regular-picket-stair-spacer-ea\" class=\"msp-compatible-item\"\u003ePB7405\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7416-regular-picket-level-spacers-ea\" class=\"msp-compatible-item\"\u003ePB7416\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7461-42-in-regular-5-8-in-picket-package-6ft-includes-15-pickets-32-spacers\" class=\"msp-compatible-item\"\u003ePB7461\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7739-42-in-regular-5-8-in-picket-package-4ft-includes-10-pickets-22-spacers\" class=\"msp-compatible-item\"\u003ePB7739\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7750-36-in-regular-5-8-in-picket-package-4ft-includes-10-pickets-22-spacers\" class=\"msp-compatible-item\"\u003ePB7750\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7752-36-in-wide-1-1-2-in-x5-8-in-picket-package-4ft-includes-9-pickets-20-spacers\" class=\"msp-compatible-item\"\u003ePB7752\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783916757232,"sku":"PB7730-XB","price":112.33,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783916790000,"sku":"PB7730-WT","price":112.33,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783916822768,"sku":"PB7730-YB","price":112.33,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783916855536,"sku":"PB7730-TG","price":112.33,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-product-placeholder_66050591-8654-408f-83b7-39073306503f.jpg?v=1780338445"},{"product_id":"pb7752-36-in-wide-1-1-2-in-x5-8-in-picket-package-4ft-includes-9-pickets-20-spacers","title":"PB7752 36\" WIDE 1-1\/2\"x5\/8\" Picket Package 4ft","description":"\u003c!-- PB7752 PB7752 36\" WIDE 1-1\/2\"x5\/8\" Picket Package 4ft - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n .msp-product-info * { box-sizing: border-box; }\n .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n .msp-finish-swatches {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .msp-swatch {\n position: relative;\n width: 50px;\n height: 50px;\n border-radius: 6px;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-swatch:hover {\n border-color: #8cc63f;\n transform: scale(1.1);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .msp-swatch img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .msp-swatch-label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(0,0,0,0.75);\n color: #fff;\n font-size: 8px;\n text-align: center;\n padding: 2px;\n text-transform: uppercase;\n letter-spacing: 0.3px;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .msp-swatch:hover .msp-swatch-label {\n opacity: 1;\n }\n .msp-swatch-enlarged {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n .msp-swatch-enlarged.active {\n display: flex;\n }\n .msp-swatch-enlarged img {\n max-width: 300px;\n max-height: 300px;\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n }\n .msp-swatch-enlarged-name {\n color: #fff;\n font-size: 18px;\n font-weight: 600;\n margin-top: 16px;\n }\n .msp-swatch-enlarged-close {\n position: absolute;\n top: 20px;\n right: 20px;\n color: #fff;\n font-size: 32px;\n cursor: pointer;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n }\n .msp-swatch-enlarged-close:hover {\n background: rgba(255,255,255,0.2);\n }\n\n .msp-compatible-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 8px;\n margin-top: 12px;\n }\n .msp-compatible-item {\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n text-align: center;\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n }\n\n a.msp-compatible-item {\n display: block;\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n }\n a.msp-compatible-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n \u003cp class=\"msp-note\"\u003ePhoto shows a Vista picket railing installation for reference. Your PB7752 36\" WIDE 1-1\/2\"x5\/8\" Picket Package 4ft may differ from the infill pictured.\u003c\/p\u003e\n \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e36\" WIDE 1-1\/2\"x5\/8\" Picket Package 4ft - (includes 9 pickets, 20 spacers)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n \u003cdiv class=\"msp-spec-grid\"\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2\"x5\/8\"\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003ePicket Package\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e3.41 lb\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePallet Qty\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e60\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n \u003cli\u003eGenuine Vista Railing Systems picket package\u003c\/li\u003e\n \u003cli\u003ePackage includes: 9 pickets, 20 spacers\u003c\/li\u003e\n \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n\n\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Aluminum Posts (36\")\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5734-2-in-w-mid-stair-post-with-splice\" class=\"msp-compatible-item\"\u003ePB5734\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5737-2-5-in-w-x-36-in-h-top-stair-post-with-stair-hole-cover\" class=\"msp-compatible-item\"\u003ePB5737\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5804-2-in-w-x-36-in-h-end-post\" class=\"msp-compatible-item\"\u003ePB5804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5805-2-in-w-x-36-in-h-90-deg-corner-post\" class=\"msp-compatible-item\"\u003ePB5805\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5806-2-in-w-x-36-in-h-mid-post\" class=\"msp-compatible-item\"\u003ePB5806\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5809-2-in-w-x-36-in-h-45-deg-corner-post\" class=\"msp-compatible-item\"\u003ePB5809\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7758-2-5-in-w-x-36-in-h-blank-post\" class=\"msp-compatible-item\"\u003ePB7758\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Rail Packages\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7453-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-5ft-60-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7453\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7455-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-7ft-84-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7455\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7457-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-6ft-72-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7457\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7458-2-25-in-w-x-2-5-in-h-top-and-bottom-rail-package-8ft-96-in-includes-1-support-leg\" class=\"msp-compatible-item\"\u003ePB7458\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Spacers\u003c\/h3\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5485-regular-5-8-in-stair-picket-package-4ft-includes-8-pickets-18-spacers\" class=\"msp-compatible-item\"\u003ePB5485\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb5731-wide-1-1-2-in-x5-8-in-stair-picket-package-4ft-includes-7-pickets-16-spacers\" class=\"msp-compatible-item\"\u003ePB5731\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb6774-wide-picket-stair-spacer-ea\" class=\"msp-compatible-item\"\u003ePB6774\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb6775-wide-picket-level-spacer-ea\" class=\"msp-compatible-item\"\u003ePB6775\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb6801-36-in-regular-5-8-in-picket-package-6ft-includes-15-pickets-32-spacers\" class=\"msp-compatible-item\"\u003ePB6801\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7405-regular-picket-stair-spacer-ea\" class=\"msp-compatible-item\"\u003ePB7405\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7416-regular-picket-level-spacers-ea\" class=\"msp-compatible-item\"\u003ePB7416\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7461-42-in-regular-5-8-in-picket-package-6ft-includes-15-pickets-32-spacers\" class=\"msp-compatible-item\"\u003ePB7461\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7730-42-in-wide-1-1-2-in-x5-8-in-picket-package-4ft-includes-9-pickets-20-spacers\" class=\"msp-compatible-item\"\u003ePB7730\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7739-42-in-regular-5-8-in-picket-package-4ft-includes-10-pickets-22-spacers\" class=\"msp-compatible-item\"\u003ePB7739\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7750-36-in-regular-5-8-in-picket-package-4ft-includes-10-pickets-22-spacers\" class=\"msp-compatible-item\"\u003ePB7750\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Gloss White')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eGloss White\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Textured Grey')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eTextured Grey\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"msp-note\" style=\"font-style: normal;\"\u003e\n \u003cem\u003eNot every Vista railing component is offered in every powder-coat color.\u003c\/em\u003e Select your color using the \u003cstrong\u003eColor\u003c\/strong\u003e option above when adding to cart. \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for help choosing a system, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/vista-railings-powder-coat-colors\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview Vista powder-coat color descriptions and sample photos →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"msp-swatch-enlarged\" id=\"swatchLightbox\" onclick=\"closeSwatch()\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-close\"\u003e×\u003c\/span\u003e\n \u003cimg id=\"swatchLightboxImg\" src=\"\" alt=\"\"\u003e\n \u003cspan class=\"msp-swatch-enlarged-name\" id=\"swatchLightboxName\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openSwatch(el, name) {\n event.stopPropagation();\n var img = el.querySelector('img').src;\n document.getElementById('swatchLightboxImg').src = img;\n document.getElementById('swatchLightboxName').textContent = name;\n document.getElementById('swatchLightbox').classList.add('active');\n}\nfunction closeSwatch() {\n document.getElementById('swatchLightbox').classList.remove('active');\n}\n\u003c\/script\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783916888304,"sku":"PB7752-XB","price":112.33,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783916921072,"sku":"PB7752-WT","price":112.33,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783916953840,"sku":"PB7752-YB","price":112.33,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783916986608,"sku":"PB7752-TG","price":112.33,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-product-placeholder_50ad886a-0cb8-4fa4-b23f-7e660ae9e732.jpg?v=1780338446"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/collections\/Vista-Railings.jpg?v=1780267625","url":"https:\/\/www.midweststairparts.com\/collections\/vista-railing-systems\/frameless-glass-hardware.oembed","provider":"Midwest Stair Parts","version":"1.0","type":"link"}