{"title":"Midwest Stair Parts Iron Balusters","description":null,"products":[{"product_id":"msp-47-single-basket-with-spoons-iron-baluster","title":"MSP-47 Single Basket with Spoons Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-47 - Hammered Face: Single Basket with Spoons - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-47\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSingle Basket with Spoons\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Hammered Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eGothic \/ Hammered\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eGothic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron hammered-profile shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cp class=\"msp-note\"\u003e\u003cstrong\u003eNote:\u003c\/strong\u003e Standard flat and pitch shoes (such as MSP-900 and MSP-904) do not fit hammered-profile balusters. Use the hammered shoes listed below.\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-901-flat-shoe-with-screw-hammered-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-901\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-905-slant-shoe-with-screw-hammered-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-905\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49782701392112,"sku":"MSP-47-SB","price":15.9,"currency_code":"USD","in_stock":true},{"title":"Rubbed Copper","offer_id":49782701523184,"sku":"MSP-47-RC","price":18.4,"currency_code":"USD","in_stock":true},{"title":"Rubbed Bronze","offer_id":49782701555952,"sku":"MSP-47-RB","price":20.15,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t47-rb-large_8accd0a3-8e7e-4be9-a83f-d4b739bd1b63.jpg?v=1780259862"},{"product_id":"msp-r01-plain-iron-baluster","title":"MSP-R01 Plain Iron Baluster - 1\/2 in Round","description":"\u003c!-- MSP-R01 - Plain - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-R01\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003ePlain\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Round Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003ePlain, Urn \u0026amp; Ball\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003ePlain, Urn \u0026amp; Ball\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" round balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-500r-flat-shoe-with-screw-solid-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-500R\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-504r-slant-shoe-with-screw-solid-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-504R\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-r900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-R900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-r904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-R904\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783122657520,"sku":"MSP-R01","price":4.85,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-tr01-rb-large.jpg?v=1780259791"},{"product_id":"msp-r22-single-ball-iron-baluster","title":"MSP-R22 Single Ball Iron Baluster - 1\/2 in Round","description":"\u003c!-- MSP-R22 - Single Ball - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-R22\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSingle Ball\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Round Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003ePlain, Urn \u0026amp; Ball\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003ePlain, Urn \u0026amp; Ball\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" round balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-500r-flat-shoe-with-screw-solid-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-500R\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-504r-slant-shoe-with-screw-solid-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-504R\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-r900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-R900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-r904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-R904\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783123017968,"sku":"MSP-R22","price":9.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-tr22-sb-large.jpg?v=1780259792"},{"product_id":"msp-r23-double-ball-iron-baluster","title":"MSP-R23 Double Ball Iron Baluster - 1\/2 in Round","description":"\u003c!-- MSP-R23 - Double Ball - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-R23\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eDouble Ball\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Round Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003ePlain, Urn \u0026amp; Ball\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003ePlain, Urn \u0026amp; Ball\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" round balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-500r-flat-shoe-with-screw-solid-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-500R\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-504r-slant-shoe-with-screw-solid-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-504R\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-r900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-R900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-r904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-R904\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783123378416,"sku":"MSP-R23","price":13.75,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-tr23-rb-large.jpg?v=1780259795"},{"product_id":"msp-s20-solid-iron-baluster","title":"MSP-S20 Solid Iron Baluster - 1\/2 in Round","description":"\u003c!-- MSP-S20 - Plain Distressed: Solid - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-S20\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003ePlain Distressed: Solid\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Round Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003ePlain, Urn \u0026amp; Ball\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003ePlain, Urn \u0026amp; Ball\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" round balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-500r-flat-shoe-with-screw-solid-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-500R\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-504r-slant-shoe-with-screw-solid-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-504R\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-r900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-R900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-r904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-R904\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783123411184,"sku":"MSP-S20-SB","price":899.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-s20-sb-large.jpg?v=1780259797"},{"product_id":"msp-s21-solid-iron-baluster","title":"MSP-S21 Solid Iron Baluster - 1\/2 in Round","description":"\u003c!-- MSP-S21 - Single Urn Distressed: Solid - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-S21\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSingle Urn Distressed: Solid\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Round Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003ePlain, Urn \u0026amp; Ball\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003ePlain, Urn \u0026amp; Ball\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" round balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-500r-flat-shoe-with-screw-solid-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-500R\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-504r-slant-shoe-with-screw-solid-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-504R\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-r900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-R900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-r904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-R904\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783124001008,"sku":"MSP-S21-SB","price":899.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-s21-cv-large.jpg?v=1780259799"},{"product_id":"msp-s22-solid-iron-baluster","title":"MSP-S22 Solid Iron Baluster - 1\/2 in Round","description":"\u003c!-- MSP-S22 - Double Urn Distressed: Solid - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-S22\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eDouble Urn Distressed: Solid\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Round Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003ePlain, Urn \u0026amp; Ball\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003ePlain, Urn \u0026amp; Ball\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" round balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-500r-flat-shoe-with-screw-solid-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-500R\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-504r-slant-shoe-with-screw-solid-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-504R\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-r900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-R900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-r904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-R904\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783124951280,"sku":"MSP-S22-SB","price":899.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-s22-n-large.jpg?v=1780259800"},{"product_id":"msp-01-plain-iron-baluster","title":"MSP-01 Plain Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-01 - Plain - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003c!-- Specifications Section --\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\" × 1\/2\" × 44\"\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary \/ Plain\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eModern Square\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Features Section --\u003e\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\u003eModern square style design\u003c\/li\u003e\n\u003cli\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow design for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired size\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength \u0026amp; durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for easy installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c!-- Lightbox Container --\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783125901552,"sku":"MSP-01-SB","price":4.15,"currency_code":"USD","in_stock":true},{"title":"Silver Vein","offer_id":49783125934320,"sku":"MSP-01-SV","price":4.15,"currency_code":"USD","in_stock":true},{"title":"Copper Vein","offer_id":49783125967088,"sku":"MSP-01-CV","price":4.15,"currency_code":"USD","in_stock":true},{"title":"Pewter","offer_id":49783125999856,"sku":"MSP-01-PW","price":4.5,"currency_code":"USD","in_stock":true},{"title":"Rubbed Copper","offer_id":49783126032624,"sku":"MSP-01-RC","price":4.85,"currency_code":"USD","in_stock":true},{"title":"Rubbed Bronze","offer_id":49783126065392,"sku":"MSP-01-RB","price":5.05,"currency_code":"USD","in_stock":true},{"title":"Antique Nickel","offer_id":49783126098160,"sku":"MSP-01-AN","price":5.45,"currency_code":"USD","in_stock":true},{"title":"Nickel","offer_id":49783126130928,"sku":"MSP-01-N","price":6.25,"currency_code":"USD","in_stock":true},{"title":"Wrinkle Black","offer_id":49783126163696,"sku":"MSP-01-WB","price":4.65,"currency_code":"USD","in_stock":true},{"title":"Semi Gloss Black","offer_id":49797815468272,"sku":"MSP-01-SGB","price":4.15,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t01-wb-large_05355aae-048b-46b6-8e29-b1797b72b0b5.jpg?v=1780259803"},{"product_id":"msp-16-pointed-oval-iron-baluster","title":"MSP-16 Pointed Oval Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-16 - Pointed Oval - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-16\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003ePointed Oval\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783126491376,"sku":"MSP-16-SB","price":18.55,"currency_code":"USD","in_stock":true},{"title":"Pewter","offer_id":49783126589680,"sku":"MSP-16-PW","price":19.35,"currency_code":"USD","in_stock":true},{"title":"Rubbed Copper","offer_id":49783126622448,"sku":"MSP-16-RC","price":20.15,"currency_code":"USD","in_stock":true},{"title":"Rubbed Bronze","offer_id":49783126655216,"sku":"MSP-16-RB","price":20.9,"currency_code":"USD","in_stock":true},{"title":"Nickel","offer_id":49783126720752,"sku":"MSP-16-N","price":23.05,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t16-sb-large1.jpg?v=1780259805"},{"product_id":"msp-17-pointed-oval-iron-baluster","title":"MSP-17 Pointed Oval Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-17 - Pointed Oval - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-17\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003ePointed Oval\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783127441648,"sku":"MSP-17-SB","price":11.4,"currency_code":"USD","in_stock":true},{"title":"Pewter","offer_id":49783127539952,"sku":"MSP-17-PW","price":12.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t17-sb-large2x.jpg?v=1780259807"},{"product_id":"msp-18-slimline-iron-baluster","title":"MSP-18 Slimline Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-18 - Single Basket: Slimline - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-18\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSingle Basket: Slimline\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783128064240,"sku":"MSP-18-SB","price":8.25,"currency_code":"USD","in_stock":true},{"title":"Pewter","offer_id":49783128162544,"sku":"MSP-18-PW","price":9.25,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t18-sb-large.jpg?v=1780259809"},{"product_id":"msp-182-slimline-iron-baluster","title":"MSP-182 Slimline Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-182 - Double Basket: Slimline - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-182\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eDouble Basket: Slimline\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783129014512,"sku":"MSP-182-SB","price":10.05,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t182-sb-large2x.jpg?v=1780259810"},{"product_id":"msp-19-craftsman-double-panel-iron-baluster","title":"MSP-19 Craftsman Double Panel Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-19 - Craftsman Double Panel - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-19\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eCraftsman Double Panel\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783129669872,"sku":"MSP-19-SB","price":13.35,"currency_code":"USD","in_stock":true},{"title":"Pewter","offer_id":49783129768176,"sku":"MSP-19-PW","price":13.95,"currency_code":"USD","in_stock":true},{"title":"Rubbed Copper","offer_id":49783129800944,"sku":"MSP-19-RC","price":14.4,"currency_code":"USD","in_stock":true},{"title":"Rubbed Bronze","offer_id":49783129833712,"sku":"MSP-19-RB","price":15.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t19-rc-large.jpg?v=1780259812"},{"product_id":"msp-20-craftsman-single-panel-iron-baluster","title":"MSP-20 Craftsman Single Panel Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-20 - Craftsman Single Panel - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-20\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eCraftsman Single Panel\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783130652912,"sku":"MSP-20-SB","price":11.3,"currency_code":"USD","in_stock":true},{"title":"Pewter","offer_id":49783130751216,"sku":"MSP-20-PW","price":11.85,"currency_code":"USD","in_stock":true},{"title":"Rubbed Copper","offer_id":49783130783984,"sku":"MSP-20-RC","price":12.2,"currency_code":"USD","in_stock":true},{"title":"Rubbed Bronze","offer_id":49783130816752,"sku":"MSP-20-RB","price":12.75,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t20-pw-large.jpg?v=1780259814"},{"product_id":"msp-57-s-scroll-iron-baluster","title":"MSP-57 \"S\" Scroll Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-57 - \"S\" Scroll - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-57\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e\"S\" Scroll\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783131275504,"sku":"MSP-57-SB","price":18.55,"currency_code":"USD","in_stock":true},{"title":"Pewter","offer_id":49783131373808,"sku":"MSP-57-PW","price":19.35,"currency_code":"USD","in_stock":true},{"title":"Rubbed Copper","offer_id":49783131406576,"sku":"MSP-57-RC","price":20.15,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t57-rc-large.jpg?v=1780259816"},{"product_id":"msp-60-single-knuckle-iron-baluster","title":"MSP-60 Single Knuckle Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-60 - Single Knuckle - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\n }\n .msp-highlight-badge {\n display: inline-block;\n padding: 4px 12px;\n background: #8cc63f;\n color: #1a1a2e;\n border-radius: 4px;\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-left: 8px;\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\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003c!-- Specifications Section --\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\" × 44\" (43\" Net)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVersatile Series\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eClassic Single Knuckle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePackaging\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e10 Pieces Per Box\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Features Section --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits \u003cspan class=\"msp-highlight-badge\"\u003eBest Seller\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n\u003cli\u003eTimeless single knuckle design\u003c\/li\u003e\n\u003cli\u003ePart of the Versatile Series\u003c\/li\u003e\n\u003cli\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow design for easy cuts\u003c\/li\u003e\n\u003cli\u003eDesigned for cutting at bottom\u003c\/li\u003e\n\u003cli\u003eMix \u0026amp; match for custom patterns\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Part of the Versatile Series - mix with MSP-01 Plain, MSP-61 Double Knuckle, and MSP-62 Basket Knuckle balusters to create stunning custom patterns throughout your staircase.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c!-- Lightbox Container --\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783132324080,"sku":"MSP-60-SB","price":6.8,"currency_code":"USD","in_stock":true},{"title":"Silver Vein","offer_id":49783132356848,"sku":"MSP-60-SV","price":6.8,"currency_code":"USD","in_stock":true},{"title":"Copper Vein","offer_id":49783132389616,"sku":"MSP-60-CV","price":6.8,"currency_code":"USD","in_stock":true},{"title":"Pewter","offer_id":49783132422384,"sku":"MSP-60-PW","price":7.25,"currency_code":"USD","in_stock":true},{"title":"Rubbed Copper","offer_id":49783132455152,"sku":"MSP-60-RC","price":7.9,"currency_code":"USD","in_stock":true},{"title":"Rubbed Bronze","offer_id":49783132487920,"sku":"MSP-60-RB","price":8.2,"currency_code":"USD","in_stock":true},{"title":"Antique Nickel","offer_id":49783132520688,"sku":"MSP-60-AN","price":8.9,"currency_code":"USD","in_stock":true},{"title":"Nickel","offer_id":49783132553456,"sku":"MSP-60-N","price":10.2,"currency_code":"USD","in_stock":true},{"title":"Wrinkle Black","offer_id":49783132586224,"sku":"MSP-60-WB","price":6.8,"currency_code":"USD","in_stock":true},{"title":"Semi Gloss Black","offer_id":49797817598192,"sku":"MSP-60-SGB","price":6.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t60-wb-large.jpg?v=1780259818"},{"product_id":"msp-61-double-knuckle-iron-baluster","title":"MSP-61 Double Knuckle Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-61 - Double Knuckle - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003c!-- Specifications Section --\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\" × 1\/2\" × 44\"\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVersatile Series\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eClassic Double Knuckle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePackaging\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e10 Pieces Per Box\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Features Section --\u003e\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\u003eClassic double knuckle design\u003c\/li\u003e\n\u003cli\u003eTwo decorative knuckle elements\u003c\/li\u003e\n\u003cli\u003ePart of the Versatile Series\u003c\/li\u003e\n\u003cli\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow design for easy cuts\u003c\/li\u003e\n\u003cli\u003eWorks in traditional \u0026amp; contemporary settings\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e The double knuckle offers enhanced visual appeal. Pairs perfectly with MSP-60 Single Knuckle and MSP-01 Plain balusters for creating rhythmic custom patterns.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c!-- Lightbox Container --\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783133012208,"sku":"MSP-61-SB","price":9.05,"currency_code":"USD","in_stock":true},{"title":"Silver Vein","offer_id":49783133044976,"sku":"MSP-61-SV","price":9.05,"currency_code":"USD","in_stock":true},{"title":"Copper Vein","offer_id":49783133077744,"sku":"MSP-61-CV","price":9.05,"currency_code":"USD","in_stock":true},{"title":"Pewter","offer_id":49783133110512,"sku":"MSP-61-PW","price":9.6,"currency_code":"USD","in_stock":true},{"title":"Rubbed Copper","offer_id":49783133143280,"sku":"MSP-61-RC","price":10.55,"currency_code":"USD","in_stock":true},{"title":"Rubbed Bronze","offer_id":49783133176048,"sku":"MSP-61-RB","price":10.9,"currency_code":"USD","in_stock":true},{"title":"Antique Nickel","offer_id":49783133208816,"sku":"MSP-61-AN","price":11.8,"currency_code":"USD","in_stock":true},{"title":"Nickel","offer_id":49783133241584,"sku":"MSP-61-N","price":13.75,"currency_code":"USD","in_stock":true},{"title":"Wrinkle Black","offer_id":49783133274352,"sku":"MSP-61-WB","price":9.05,"currency_code":"USD","in_stock":true},{"title":"Semi Gloss Black","offer_id":49797817827568,"sku":"MSP-61-SGB","price":9.05,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t61-n-large_12f5c3c9-3e82-4050-887c-bf5bc25ff5fa.jpg?v=1780259819"},{"product_id":"msp-62-single-basket-with-knuckles-iron-baluster","title":"MSP-62 Single Basket with Knuckles Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-62 - Single Basket with Knuckles - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\n }\n .msp-highlight-badge {\n display: inline-block;\n padding: 4px 12px;\n background: #8cc63f;\n color: #1a1a2e;\n border-radius: 4px;\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-left: 8px;\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\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003c!-- Specifications Section --\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\" × 43\"\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eVersatile Series\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eBasket + Double Knuckle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePackaging\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e10 Pieces Per Box\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Features Section --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits \u003cspan class=\"msp-highlight-badge\"\u003eAccent Piece\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n\u003cli\u003eSingle basket with double knuckle design\u003c\/li\u003e\n\u003cli\u003eCombines basket elegance with knuckle detail\u003c\/li\u003e\n\u003cli\u003ePart of the Versatile Series\u003c\/li\u003e\n\u003cli\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow design for easy cuts\u003c\/li\u003e\n\u003cli\u003ePerfect accent baluster for patterns\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e This versatile design adds visual interest as an accent baluster. Mix with MSP-60 Single Knuckle and MSP-01 Plain balusters for sophisticated patterns.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c!-- Lightbox Container --\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783133962480,"sku":"MSP-62-SB","price":10.05,"currency_code":"USD","in_stock":true},{"title":"Pewter","offer_id":49783134060784,"sku":"MSP-62-PW","price":10.65,"currency_code":"USD","in_stock":true},{"title":"Rubbed Copper","offer_id":49783134093552,"sku":"MSP-62-RC","price":12.0,"currency_code":"USD","in_stock":true},{"title":"Rubbed Bronze","offer_id":49783134126320,"sku":"MSP-62-RB","price":13.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t62-rb-large_a019e1fe-8d4e-4dfb-9da4-75a8bb421d97.jpg?v=1780259821"},{"product_id":"msp-72-single-circle-iron-baluster","title":"MSP-72 Single Circle Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-72 - Single Circle - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-72\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSingle Circle\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783134257392,"sku":"MSP-72-SB","price":9.25,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t72-sb-large.jpg?v=1780259823"},{"product_id":"msp-73-double-circle-iron-baluster","title":"MSP-73 Double Circle Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-73 - Double Circle - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-73\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eDouble Circle\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783135240432,"sku":"MSP-73-SB","price":11.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t73-sb-large.jpg?v=1780259825"},{"product_id":"msp-74-circle-panel-iron-baluster","title":"MSP-74 Circle Panel Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-74 - Circle Panel - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-74\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eCircle Panel\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783135863024,"sku":"MSP-74-SB","price":20.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t74-sb-large.jpg?v=1780259827"},{"product_id":"msp-78-shield-iron-baluster","title":"MSP-78 Shield Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-78 - Shield - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-78\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eShield\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783136747760,"sku":"MSP-78-SB","price":9.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t78-sb-large2x-e1658063223435.jpg?v=1780259829"},{"product_id":"msp-79-split-shield-iron-baluster","title":"MSP-79 Split Shield Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-79 - Split Shield - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-79\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSplit Shield\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783137370352,"sku":"MSP-79-SB","price":10.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t79-sb-large2x-e1658063270257.jpg?v=1780259831"},{"product_id":"msp-80-single-oval-iron-baluster","title":"MSP-80 Single Oval Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-80 - Single Oval - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\n }\n .msp-highlight-badge {\n display: inline-block;\n padding: 4px 12px;\n background: #8cc63f;\n color: #1a1a2e;\n border-radius: 4px;\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-left: 8px;\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\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003c!-- Specifications Section --\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\" × 1\/2\" × 44\"\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eOval Size\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e24\" × 3-3\/4\" (Outer)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Features Section --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits \u003cspan class=\"msp-highlight-badge\"\u003eContemporary\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n\u003cli\u003eElegant single oval design element\u003c\/li\u003e\n\u003cli\u003eModern contemporary aesthetic\u003c\/li\u003e\n\u003cli\u003eLarge oval creates striking focal point\u003c\/li\u003e\n\u003cli\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow design for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired size\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e The single large oval creates a striking focal point while maintaining contemporary aesthetics. Mix with MSP-01 Plain balusters for a modern look, or combine with MSP-81 Rectangle balusters for geometric visual interest.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c!-- Lightbox Container --\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783138451696,"sku":"MSP-80-SB","price":13.0,"currency_code":"USD","in_stock":true},{"title":"Pewter","offer_id":49783138550000,"sku":"MSP-80-PW","price":13.75,"currency_code":"USD","in_stock":true},{"title":"Rubbed Copper","offer_id":49783138582768,"sku":"MSP-80-RC","price":13.75,"currency_code":"USD","in_stock":true},{"title":"Nickel","offer_id":49783138681072,"sku":"MSP-80-N","price":15.3,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t80-sb-large_148f5afe-10c0-4d39-a153-b4bf8fe37ec3.jpg?v=1780259833"},{"product_id":"msp-81-single-rectangle-iron-baluster","title":"MSP-81 Single Rectangle Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-81 - Single Rectangle - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\n }\n .msp-highlight-badge {\n display: inline-block;\n padding: 4px 12px;\n background: #8cc63f;\n color: #1a1a2e;\n border-radius: 4px;\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-left: 8px;\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\u003cdiv class=\"msp-product-info\"\u003e\n\n \u003c!-- Specifications Section --\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\" × 1\/2\" × 44\"\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003ePackage Dimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e44\" × 4\" × 1\"\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Features Section --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits \u003cspan class=\"msp-highlight-badge\"\u003eGeometric\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cul class=\"msp-features-list\"\u003e\n\u003cli\u003eBold rectangular design element\u003c\/li\u003e\n\u003cli\u003eModern geometric aesthetic\u003c\/li\u003e\n\u003cli\u003eContemporary \u0026amp; transitional styling\u003c\/li\u003e\n\u003cli\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow design for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired size\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e The bold rectangle creates a modern, geometric look perfect for contemporary and transitional style homes. Mix with MSP-01 Plain balusters for clean lines, or combine with MSP-80 Oval balusters for interesting geometric patterns.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c!-- Lightbox Container --\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783139074288,"sku":"MSP-81-SB","price":12.55,"currency_code":"USD","in_stock":true},{"title":"Pewter","offer_id":49783139172592,"sku":"MSP-81-PW","price":13.6,"currency_code":"USD","in_stock":true},{"title":"Rubbed Copper","offer_id":49783139205360,"sku":"MSP-81-RC","price":15.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t81-sb-large_01017c44-876b-4718-9ae0-4c79b34efe83.jpg?v=1780259834"},{"product_id":"msp-813-rectangular-panel-iron-baluster","title":"MSP-813 Rectangular Panel Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-813 - Rectangular Panel - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-813\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eRectangular Panel\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783140024560,"sku":"MSP-813-SB","price":27.05,"currency_code":"USD","in_stock":true},{"title":"Pewter","offer_id":49783140122864,"sku":"MSP-813-PW","price":29.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t813-pw-large.jpg?v=1780259836"},{"product_id":"msp-82-double-rectangle-iron-baluster","title":"MSP-82 Double Rectangle Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-82 - Double Rectangle - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-82\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eDouble Rectangle\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783141040368,"sku":"MSP-82-SB","price":14.1,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t82-sb-large2x.jpg?v=1780259838"},{"product_id":"msp-83-triple-rectangle-iron-baluster","title":"MSP-83 Triple Rectangle Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-83 - Triple Rectangle - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-83\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eTriple Rectangle\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783141662960,"sku":"MSP-83-SB","price":15.25,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t83-sb-large2x.jpg?v=1780259840"},{"product_id":"msp-85-double-helix-iron-baluster","title":"MSP-85 Double Helix Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-85 - Double Helix - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-85\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eDouble Helix\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783142285552,"sku":"MSP-85-SB","price":17.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t85-sb-large2x.jpg?v=1780259842"},{"product_id":"msp-86-split-oval-iron-baluster","title":"MSP-86 Split Oval Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-86 - Split Oval - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-86\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSplit Oval\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783143235824,"sku":"MSP-86-SB","price":13.0,"currency_code":"USD","in_stock":true},{"title":"Pewter","offer_id":49783143334128,"sku":"MSP-86-PW","price":13.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t86-sb-large2x-e1658062922603.jpg?v=1780259844"},{"product_id":"msp-87-split-rectangle-iron-baluster","title":"MSP-87 Split Rectangle Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-87 - Split Rectangle - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-87\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSplit Rectangle\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783143858416,"sku":"MSP-87-SB","price":13.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t87-sb-large2x-e1658062970342.jpg?v=1780259845"},{"product_id":"msp-88-peaked-top-bottom-rectangle-iron-baluster","title":"MSP-88 Peaked Top \/ Bottom Rectangle Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-88 - Peaked Top \/ Bottom Rectangle - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-88\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003ePeaked Top \/ Bottom Rectangle\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783144513776,"sku":"MSP-88","price":13.35,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/T88-Large-2.jpg?v=1780259847"},{"product_id":"msp-zz-zig-zag-iron-baluster","title":"MSP-ZZ Zig-Zag Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-ZZ - Zig-Zag - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-ZZ\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eZig-Zag\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eContemporary\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783145267440,"sku":"MSP-ZZ-SB","price":5.65,"currency_code":"USD","in_stock":true},{"title":"Copper Vein","offer_id":49783145332976,"sku":"MSP-ZZ-CV","price":5.65,"currency_code":"USD","in_stock":true},{"title":"Pewter","offer_id":49783145365744,"sku":"MSP-ZZ-PW","price":6.0,"currency_code":"USD","in_stock":true},{"title":"Rubbed Copper","offer_id":49783145398512,"sku":"MSP-ZZ-RC","price":6.9,"currency_code":"USD","in_stock":true},{"title":"Rubbed Bronze","offer_id":49783145431280,"sku":"MSP-ZZ-RB","price":6.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-tzz-cv-large.jpg?v=1780259848"},{"product_id":"msp-40-plain-iron-baluster","title":"MSP-40 Plain Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-40 - Hammered Face: Plain - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-40\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003ePlain\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Hammered Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eGothic \/ Hammered\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eGothic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron hammered-profile shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cp class=\"msp-note\"\u003e\u003cstrong\u003eNote:\u003c\/strong\u003e Standard flat and pitch shoes (such as MSP-900 and MSP-904) do not fit hammered-profile balusters. Use the hammered shoes listed below.\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-901-flat-shoe-with-screw-hammered-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-901\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-905-slant-shoe-with-screw-hammered-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-905\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783145955568,"sku":"MSP-40-SB","price":6.35,"currency_code":"USD","in_stock":true},{"title":"Rubbed Copper","offer_id":49783146086640,"sku":"MSP-40-RC","price":7.4,"currency_code":"USD","in_stock":true},{"title":"Rubbed Bronze","offer_id":49783146119408,"sku":"MSP-40-RB","price":7.55,"currency_code":"USD","in_stock":true},{"title":"Antique Nickel","offer_id":49783146152176,"sku":"MSP-40-AN","price":8.2,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t40-sb-large.jpg?v=1780259851"},{"product_id":"msp-41-single-knuckle-with-spoons-iron-baluster","title":"MSP-41 Single Knuckle with Spoons Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-41 - Hammered Face: Single Knuckle with Spoons - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-41\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSingle Knuckle with Spoons\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Hammered Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eGothic \/ Hammered\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eGothic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron hammered-profile shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cp class=\"msp-note\"\u003e\u003cstrong\u003eNote:\u003c\/strong\u003e Standard flat and pitch shoes (such as MSP-900 and MSP-904) do not fit hammered-profile balusters. Use the hammered shoes listed below.\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-901-flat-shoe-with-screw-hammered-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-901\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-905-slant-shoe-with-screw-hammered-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-905\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783147790576,"sku":"MSP-41-SB","price":10.05,"currency_code":"USD","in_stock":true},{"title":"Rubbed Copper","offer_id":49783147921648,"sku":"MSP-41-RC","price":11.65,"currency_code":"USD","in_stock":true},{"title":"Rubbed Bronze","offer_id":49783147954416,"sku":"MSP-41-RB","price":13.1,"currency_code":"USD","in_stock":true},{"title":"Antique Nickel","offer_id":49783147987184,"sku":"MSP-41-AN","price":13.1,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t41-an-large.jpg?v=1780259853"},{"product_id":"msp-42-double-knuckle-with-spoons-iron-baluster","title":"MSP-42 Double Knuckle with Spoons Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-42 - Hammered Face: Double Knuckle with Spoons - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-42\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eDouble Knuckle with Spoons\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Hammered Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eGothic \/ Hammered\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eGothic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron hammered-profile shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cp class=\"msp-note\"\u003e\u003cstrong\u003eNote:\u003c\/strong\u003e Standard flat and pitch shoes (such as MSP-900 and MSP-904) do not fit hammered-profile balusters. Use the hammered shoes listed below.\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-901-flat-shoe-with-screw-hammered-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-901\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-905-slant-shoe-with-screw-hammered-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-905\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783148445936,"sku":"MSP-42-SB","price":13.15,"currency_code":"USD","in_stock":true},{"title":"Rubbed Copper","offer_id":49783148577008,"sku":"MSP-42-RC","price":15.3,"currency_code":"USD","in_stock":true},{"title":"Rubbed Bronze","offer_id":49783148609776,"sku":"MSP-42-RB","price":17.1,"currency_code":"USD","in_stock":true},{"title":"Antique Nickel","offer_id":49783148642544,"sku":"MSP-42-AN","price":17.1,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t42-rb-large.jpg?v=1780259854"},{"product_id":"msp-43-single-basket-with-spoons-iron-baluster","title":"MSP-43 Single Basket with Spoons Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-43 - Hammered Face: Single Basket with Spoons - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-43\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSingle Basket with Spoons\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Hammered Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eGothic \/ Hammered\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eGothic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron hammered-profile shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cp class=\"msp-note\"\u003e\u003cstrong\u003eNote:\u003c\/strong\u003e Standard flat and pitch shoes (such as MSP-900 and MSP-904) do not fit hammered-profile balusters. Use the hammered shoes listed below.\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-901-flat-shoe-with-screw-hammered-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-901\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-905-slant-shoe-with-screw-hammered-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-905\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783149691120,"sku":"MSP-43-SB","price":15.9,"currency_code":"USD","in_stock":true},{"title":"Rubbed Copper","offer_id":49783149822192,"sku":"MSP-43-RC","price":18.4,"currency_code":"USD","in_stock":true},{"title":"Rubbed Bronze","offer_id":49783149854960,"sku":"MSP-43-RB","price":20.15,"currency_code":"USD","in_stock":true},{"title":"Antique Nickel","offer_id":49783149887728,"sku":"MSP-43-AN","price":20.7,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t43-rc-large.jpg?v=1780259856"},{"product_id":"msp-45-single-collar-with-spoons-iron-baluster","title":"MSP-45 Single Collar with Spoons Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-45 - Hammered Face: Single Collar with Spoons - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-45\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSingle Collar with Spoons\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Hammered Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eGothic \/ Hammered\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eGothic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron hammered-profile shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cp class=\"msp-note\"\u003e\u003cstrong\u003eNote:\u003c\/strong\u003e Standard flat and pitch shoes (such as MSP-900 and MSP-904) do not fit hammered-profile balusters. Use the hammered shoes listed below.\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-901-flat-shoe-with-screw-hammered-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-901\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-905-slant-shoe-with-screw-hammered-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-905\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783150346480,"sku":"MSP-45-SB","price":10.05,"currency_code":"USD","in_stock":true},{"title":"Rubbed Copper","offer_id":49783150477552,"sku":"MSP-45-RC","price":11.65,"currency_code":"USD","in_stock":true},{"title":"Rubbed Bronze","offer_id":49783150510320,"sku":"MSP-45-RB","price":13.1,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t45-sb-large.jpg?v=1780259858"},{"product_id":"msp-46-double-collar-with-spoons-iron-baluster","title":"MSP-46 Double Collar with Spoons Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-46 - Hammered Face: Double Collar with Spoons - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-46\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eDouble Collar with Spoons\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Hammered Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eGothic \/ Hammered\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eGothic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron hammered-profile shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cp class=\"msp-note\"\u003e\u003cstrong\u003eNote:\u003c\/strong\u003e Standard flat and pitch shoes (such as MSP-900 and MSP-904) do not fit hammered-profile balusters. Use the hammered shoes listed below.\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-901-flat-shoe-with-screw-hammered-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-901\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-905-slant-shoe-with-screw-hammered-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-905\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783150805232,"sku":"MSP-46-SB","price":13.15,"currency_code":"USD","in_stock":true},{"title":"Rubbed Copper","offer_id":49783150936304,"sku":"MSP-46-RC","price":15.3,"currency_code":"USD","in_stock":true},{"title":"Rubbed Bronze","offer_id":49783150969072,"sku":"MSP-46-RB","price":17.1,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t46-rb-large.jpg?v=1780259860"},{"product_id":"msp-06-single-ribbon-iron-baluster","title":"MSP-06 Single Ribbon Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-06 - Single Ribbon - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-06\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSingle Ribbon\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eRibbon\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eRibbon\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783151460592,"sku":"MSP-06-SB","price":6.65,"currency_code":"USD","in_stock":true},{"title":"Silver Vein","offer_id":49783151493360,"sku":"MSP-06-SV","price":6.65,"currency_code":"USD","in_stock":true},{"title":"Rubbed Copper","offer_id":49783151591664,"sku":"MSP-06-RC","price":7.75,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t06-cv-large.jpg?v=1780259863"},{"product_id":"msp-07-double-ribbon-iron-baluster","title":"MSP-07 Double Ribbon Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-07 - Double Ribbon - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-07\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eDouble Ribbon\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eRibbon\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eRibbon\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783152148720,"sku":"MSP-07-SB","price":8.0,"currency_code":"USD","in_stock":true},{"title":"Silver Vein","offer_id":49783152181488,"sku":"MSP-07-SV","price":8.0,"currency_code":"USD","in_stock":true},{"title":"Rubbed Copper","offer_id":49783152279792,"sku":"MSP-07-RC","price":9.2,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t07-sv-large.jpg?v=1780259865"},{"product_id":"msp-08-ribbons-single-basket-iron-baluster","title":"MSP-08 Ribbons\/Single Basket Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-08 - Ribbons\/Single Basket - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-08\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eRibbons\/Single Basket\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eRibbon\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eRibbon\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783152607472,"sku":"MSP-08-SB","price":9.85,"currency_code":"USD","in_stock":true},{"title":"Rubbed Copper","offer_id":49783152738544,"sku":"MSP-08-RC","price":11.55,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t08-sb-large.jpg?v=1780259866"},{"product_id":"msp-09-ribbon-double-basket-iron-baluster","title":"MSP-09 Ribbon\/Double Basket Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-09 - Ribbon\/Double Basket - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-09\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eRibbon\/Double Basket\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eRibbon\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eRibbon\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783153066224,"sku":"MSP-09-SB","price":10.9,"currency_code":"USD","in_stock":true},{"title":"Rubbed Copper","offer_id":49783153197296,"sku":"MSP-09-RC","price":12.75,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t09-rc-large.jpg?v=1780259867"},{"product_id":"msp-10-ribbons-single-butterfly-iron-baluster","title":"MSP-10 Ribbons\/Single Butterfly Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-10 - Ribbons\/Single Butterfly - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-10\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eRibbons\/Single Butterfly\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eRibbon\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eRibbon\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783153524976,"sku":"MSP-10-SB","price":11.85,"currency_code":"USD","in_stock":true},{"title":"Rubbed Copper","offer_id":49783153656048,"sku":"MSP-10-RC","price":13.75,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t10-sb-large.jpg?v=1780259869"},{"product_id":"msp-11-ribbon-double-butterfly-iron-baluster","title":"MSP-11 Ribbon\/Double Butterfly Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-11 - Ribbon\/Double Butterfly - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-11\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eRibbon\/Double Butterfly\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eRibbon\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eRibbon\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783153787120,"sku":"MSP-11-SB","price":13.6,"currency_code":"USD","in_stock":true},{"title":"Rubbed Copper","offer_id":49783153918192,"sku":"MSP-11-RC","price":15.75,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t11-rc-large.jpg?v=1780259870"},{"product_id":"msp-58-double-heart-scroll-iron-baluster","title":"MSP-58 Double Heart Scroll Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-58 - Double Heart Scroll - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-58\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eDouble Heart Scroll\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eRibbon\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eRibbon\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783154245872,"sku":"MSP-58-SB","price":19.15,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t58-sb-large.jpg?v=1780259871"},{"product_id":"msp-b02-43-single-twist-iron-baluster","title":"MSP-B02 43\" Single Twist Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-B02 - Belly: 43\" Single Twist - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-B02\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eBelly: 43\" Single Twist\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eScroll \u0026amp; Belly\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eScroll \u0026amp; Belly\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783154901232,"sku":"MSP-B02-SB","price":9.25,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-bb02-sb-large.jpg?v=1780259873"},{"product_id":"msp-b04-43-single-basket-iron-baluster","title":"MSP-B04 43\" Single Basket Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-B04 - Belly: 43\" Single Basket - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-B04\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eBelly: 43\" Single Basket\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Plain Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eScroll \u0026amp; Belly\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eScroll \u0026amp; Belly\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-800-flat-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-800\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-804-slant-shoe-no-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-804\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-900sub-2-x-2-expander-base-for-sh900-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-900SUB\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-904-slant-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-904\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-906-flat-shoe-sidemount-screws-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-906\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-907-low-profile-flat-shoe-with-screw-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-907\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-908-low-profile-slant-shoe-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-908\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783155425520,"sku":"MSP-B04-SB","price":12.75,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-bb04-sb-large.jpg?v=1780259876"},{"product_id":"msp-21-flower-with-arrows-iron-baluster","title":"MSP-21 Flower with Arrows Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-21 - Hammered Edge: Flower with Arrows - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-21\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eFlower with Arrows\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Hammered Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eTaos \/ Hammered\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eTaos\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron hammered-profile shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cp class=\"msp-note\"\u003e\u003cstrong\u003eNote:\u003c\/strong\u003e Standard flat and pitch shoes (such as MSP-900 and MSP-904) do not fit hammered-profile balusters. Use the hammered shoes listed below.\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-901-flat-shoe-with-screw-hammered-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-901\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-905-slant-shoe-with-screw-hammered-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-905\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783156179184,"sku":"MSP-21-SB","price":6.9,"currency_code":"USD","in_stock":true},{"title":"Rubbed Bronze","offer_id":49783156343024,"sku":"MSP-21-RB","price":8.25,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t21-rb-large.jpg?v=1780259878"},{"product_id":"msp-22-split-arrows-iron-baluster","title":"MSP-22 Split Arrows Iron Baluster - 1\/2 in Square","description":"\u003c!-- MSP-22 - Hammered Edge: Split Arrows - Shopify Product Description --\u003e\n\u003cstyle\u003e\n .msp-product-info {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n color: #2d3436;\n line-height: 1.6;\n max-width: 100%;\n padding-top: 10px;\n }\n .msp-product-info * {\n box-sizing: border-box;\n }\n .msp-section {\n margin-bottom: 28px;\n padding: 20px 24px;\n background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n }\n .msp-section-title {\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #1a1a2e;\n margin: 0 0 16px 0;\n padding-bottom: 10px;\n border-bottom: 1px solid #e9ecef;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .msp-section-title::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #8cc63f;\n border-radius: 50%;\n flex-shrink: 0;\n }\n .msp-spec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n .msp-spec-item {\n display: flex;\n flex-direction: column;\n padding: 12px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n }\n .msp-spec-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: #6c757d;\n margin-bottom: 4px;\n }\n .msp-spec-value {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a2e;\n }\n .msp-features-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n .msp-features-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 10px 14px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n font-size: 14px;\n }\n .msp-features-list li::before {\n content: '✓';\n color: #8cc63f;\n font-weight: 700;\n flex-shrink: 0;\n }\n .msp-accessories-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n }\n .msp-accessory-item {\n padding: 14px 16px;\n background: #ffffff;\n border-radius: 6px;\n border: 1px solid #e9ecef;\n transition: all 0.2s ease;\n }\n .msp-accessory-item:hover {\n border-color: #8cc63f;\n box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n }\n .msp-accessory-name {\n font-size: 13px;\n font-weight: 600;\n color: #1a1a2e;\n margin-bottom: 4px;\n }\n .msp-accessory-desc {\n font-size: 12px;\n color: #6c757d;\n }\n .msp-accessory-item a {\n color: #6ba32a;\n text-decoration: none;\n font-weight: 600;\n }\n .msp-accessory-item a:hover {\n text-decoration: underline;\n }\n \/* Finish Swatches - Clickable Gallery *\/\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 \/* Lightbox for enlarged swatch view *\/\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 .msp-note {\n font-size: 13px;\n color: #6c757d;\n font-style: italic;\n margin-top: 12px;\n padding: 12px 16px;\n background: #f0f9e8;\n border-radius: 6px;\n border-left: 3px solid #8cc63f;\n }\n .msp-pairing-tip {\n padding: 16px;\n background: linear-gradient(135deg, #1a1a2e 0%, #2d3436 100%);\n border-radius: 8px;\n color: #ffffff;\n margin-top: 12px;\n }\n .msp-pairing-tip strong {\n color: #8cc63f;\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\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\"\u003ePart Number\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMSP-22\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eProduct\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSplit Arrows\u003c\/span\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDimensions\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSee dimensions image\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBar Type\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square Hammered Bar\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\"\u003eTubular Steel (Hollow)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eSeries\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eTaos \/ Hammered\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eDesign Style\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eTaos\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eBrand\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eMidwest Stair Parts Iron®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eIron Balusters\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-spec-item\"\u003e\n \u003cspan class=\"msp-spec-label\"\u003eAssociated References\u003c\/span\u003e\n \u003cspan class=\"msp-spec-value\"\u003eSpindle, Baluster, Rail, Railing, Picket, Rod Iron, Wrought Iron\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\u003eDurable powder coated finish\u003c\/li\u003e\n\u003cli\u003eHollow tubular steel for easy cuts\u003c\/li\u003e\n\u003cli\u003eCan be cut to desired length\u003c\/li\u003e\n\u003cli\u003eSturdy metal for strength and durability\u003c\/li\u003e\n\u003cli\u003eDoweled top for straightforward installation\u003c\/li\u003e\n\u003cli\u003eResistant to scratches, cracking, and peeling\u003c\/li\u003e\n\u003cli\u003eUV and rust resistant finish\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003cdiv class=\"msp-pairing-tip\"\u003e\n \u003cstrong\u003eDesign Tip:\u003c\/strong\u003e Mix with other Midwest Stair Parts Iron balusters in the same size family to create custom patterns. Combine styles you like and repeat a pleasing rhythm along the stair run.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Available Finishes Section with Integrated Swatches --\u003e\n \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eAvailable Finishes\u003c\/h3\u003e\n \u003cdiv class=\"msp-finish-swatches\"\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Satin Black')\" style=\"border: 2px solid #8cc63f;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-satinblack.jpg?v=1767194567\" alt=\"Satin Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSatin Black ✓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Silver Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-silvervein.jpg?v=1767194567\" alt=\"Silver Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eSilver Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Copper Vein')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-coppervein.jpg?v=1767194567\" alt=\"Copper Vein\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eCopper Vein\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Pewter')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-pewter.jpg?v=1767194567\" alt=\"Pewter\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003ePewter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Copper')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedcopper.jpg?v=1767194567\" alt=\"Rubbed Copper\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Copper\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Rubbed Bronze')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-rubbedbronze.jpg?v=1767194567\" alt=\"Rubbed Bronze\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eRubbed Bronze\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Antique Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-antiquenickel.jpg?v=1767194567\" alt=\"Antique Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eAntique Nickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Nickel')\" style=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-nickel.jpg?v=1767194567\" alt=\"Nickel\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eNickel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"msp-swatch\" onclick=\"openSwatch(this, 'Wrinkle Black')\" style=\"opacity: 0.5;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/swatch-wrinkleblack.jpg?v=1767194567\" alt=\"Wrinkle Black\"\u003e\n \u003cspan class=\"msp-swatch-label\"\u003eWrinkle Black\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 baluster is available in every finish.\u003c\/em\u003e \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/contact-us\" style=\"color: #8cc63f; font-weight: 700;\"\u003eContact a sales associate\u003c\/a\u003e for availability on a specific style, or \u003ca href=\"https:\/\/www.midweststairparts.com\/pages\/midwest-stair-parts-iron-finishes\" style=\"color: #8cc63f; font-weight: 700;\"\u003eview finish descriptions and sample photos for the Midwest Stair Parts Iron line →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\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 \u003cdiv class=\"msp-section\"\u003e\n \u003ch3 class=\"msp-section-title\"\u003eCompatible Iron Shoes\u003c\/h3\u003e\n \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eMidwest Stair Parts Iron hammered-profile shoes for 1\/2\" square balusters:\u003c\/p\u003e\n \u003cp class=\"msp-note\"\u003e\u003cstrong\u003eNote:\u003c\/strong\u003e Standard flat and pitch shoes (such as MSP-900 and MSP-904) do not fit hammered-profile balusters. Use the hammered shoes listed below.\u003c\/p\u003e\n \u003cdiv class=\"msp-compatible-list\"\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-901-flat-shoe-with-screw-hammered-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-901\u003c\/a\u003e\n \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-905-slant-shoe-with-screw-hammered-iron-shoe\" class=\"msp-compatible-item\"\u003eMSP-905\u003c\/a\u003e\n \u003c\/div\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":"Midwest Stair Parts Iron","offers":[{"title":"Satin Black","offer_id":49783156834544,"sku":"MSP-22-SB","price":7.4,"currency_code":"USD","in_stock":true},{"title":"Rubbed Bronze","offer_id":49783156998384,"sku":"MSP-22-RB","price":8.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-t22-sb-large.jpg?v=1780259879"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/collections\/Midwest-Stair-Parts-Iron-Collection_4e1deca6-3643-471f-bc8e-107356142d5f.jpg?v=1780351273","url":"https:\/\/www.midweststairparts.com\/collections\/midwest-stair-parts-iron-balusters\/basket-ball.oembed","provider":"Midwest Stair Parts","version":"1.0","type":"link"}