{"title":"Midwest Stair Parts Iron Collection","description":"","products":[{"product_id":"msp-500-adjustable-knuckle-with-set-screw-for-1-2-in-square-plain-iron-baluster","title":"MSP-500 Adjustable Knuckle with Set Screw for 1\/2 in Square Plain Iron Baluster","description":"\u003c!-- MSP-500 - Knuckle with set screw - 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\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-500\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eSize\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square\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\"\u003eKnuckle with set screw\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eCategory\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e1⁄2in Square\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\"\u003eCross Reference\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eKN500\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 Accessories\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\"\u003eKnuckle, Adjustable Knuckle, Adjustable Collar, Collar\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\"\u003eProduct Details\u003c\/h3\u003e\n    \u003cul class=\"msp-features-list\"\u003e\n      \u003cli\u003eKnuckle with set screw (100\/carton)\u003c\/li\u003e\n      \u003cli\u003eDurable powder coated finish options\u003c\/li\u003e\n      \u003cli\u003eDesigned for Midwest Stair Parts Iron baluster systems\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=\"\"\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 item 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\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":49782701031664,"sku":"MSP-500-SB","price":2.3,"currency_code":"USD","in_stock":true},{"title":"Silver Vein","offer_id":49782701064432,"sku":"MSP-500-SV","price":2.3,"currency_code":"USD","in_stock":true},{"title":"Copper Vein","offer_id":49782701097200,"sku":"MSP-500-CV","price":2.3,"currency_code":"USD","in_stock":true},{"title":"Pewter","offer_id":49782701129968,"sku":"MSP-500-PW","price":2.75,"currency_code":"USD","in_stock":true},{"title":"Rubbed Copper","offer_id":49782701162736,"sku":"MSP-500-RC","price":2.75,"currency_code":"USD","in_stock":true},{"title":"Rubbed Bronze","offer_id":49782701195504,"sku":"MSP-500-RB","price":2.75,"currency_code":"USD","in_stock":true},{"title":"Antique Nickel","offer_id":49782701228272,"sku":"MSP-500-AN","price":2.75,"currency_code":"USD","in_stock":true},{"title":"Nickel","offer_id":49782701261040,"sku":"MSP-500-N","price":2.9,"currency_code":"USD","in_stock":true},{"title":"Wrinkle Black","offer_id":49782701293808,"sku":"MSP-500-WB","price":2.3,"currency_code":"USD","in_stock":true},{"title":"Semi Gloss Black","offer_id":49797816746224,"sku":"MSP-500-SGB","price":2.3,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-kn500-pw.jpg?v=1780259771"},{"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-900-flat-shoe-with-screw-iron-shoe","title":"MSP-900 Flat Shoe with screw Iron Shoe - 1\/2 in Square","description":"\u003c!-- MSP-900 - Flat Shoe with screw - Shopify Product Description --\u003e\n\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-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-warning {\n    font-size: 13px;\n    color: #9f1239;\n    margin-top: 12px;\n    padding: 12px 16px;\n    background: #fef2f2;\n    border-radius: 6px;\n    border-left: 3px solid #dc2626;\n  }\n  .msp-install-steps {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    counter-reset: step;\n  }\n  .msp-install-steps li {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    padding: 12px 16px;\n    background: #ffffff;\n    border-radius: 6px;\n    border: 1px solid #e9ecef;\n    margin-bottom: 8px;\n    font-size: 14px;\n  }\n  .msp-install-steps li::before {\n    counter-increment: step;\n    content: counter(step);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    background: #8cc63f;\n    color: #1a1a2e;\n    border-radius: 50%;\n    font-size: 12px;\n    font-weight: 700;\n    flex-shrink: 0;\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  .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\"\u003eFits Baluster Size\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e1\/2\" Square (12mm)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eApplication\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eLevel\/Flat Surfaces\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eBase Footprint\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e1-5\/16\" Square\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eOverall Height\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e1\"\u003c\/span\u003e\n      \u003c\/div\u003e     \n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eIncludes\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eSet Screw\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eIron Collection\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eIron Shoes\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\"\u003eIron Shoe, Baluster Shoe, Flat Shoe, Pitch Shoe, Railing Hardware\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\"\u003eFor Flat Surfaces\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003cul class=\"msp-features-list\"\u003e\n      \u003cli\u003eHigh quality powder coated finish\u003c\/li\u003e\n      \u003cli\u003eSimple installation with included set screw\u003c\/li\u003e\n      \u003cli\u003eFor level\/flat surfaces (balconies, level runs)\u003c\/li\u003e\n      \u003cli\u003eFits all 1\/2\" square balusters\u003c\/li\u003e\n      \u003cli\u003eCovers seams during installation\u003c\/li\u003e\n      \u003cli\u003eProvides elegant finished look\u003c\/li\u003e\n      \u003cli\u003eDurable aluminum construction\u003c\/li\u003e\n      \u003cli\u003eMultiple finish options available\u003c\/li\u003e\n    \u003c\/ul\u003e\n    \u003cp class=\"msp-warning\"\u003e\u003cstrong\u003eImportant:\u003c\/strong\u003e Does NOT fit hammered style balusters. Use 9\/16\" shoe instead for hammered designs.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eInstallation Instructions\u003c\/h3\u003e\n    \u003col class=\"msp-install-steps\"\u003e\n      \u003cli\u003eSlide the shoe over the baluster at floor level\u003c\/li\u003e\n      \u003cli\u003ePosition shoe firmly against the surface\u003c\/li\u003e\n      \u003cli\u003eUsing a 2.5mm hex wrench, tighten the pre-inserted set screw\u003c\/li\u003e\n      \u003cli\u003eOptional: Apply glue or epoxy for extra security (not required)\u003c\/li\u003e\n    \u003c\/ol\u003e\n    \u003cp class=\"msp-note\"\u003e\u003cstrong\u003ePro Tip:\u003c\/strong\u003e For angled or rake applications, use the MSP-904 Pitch Shoe instead of this flat shoe.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eCompatible Balusters\u003c\/h3\u003e\n    \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eWorks with all Midwest Stair Parts Iron 1\/2\" square iron balusters:\u003c\/p\u003e\n    \u003cdiv class=\"msp-compatible-list\"\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-01-plain-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-01\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-02-single-twist-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-02\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-03-double-twist-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-03\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-04-single-basket-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-04\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-05-double-basket-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-05\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-06-single-ribbon-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-06\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-07-double-ribbon-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-07\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-08-ribbons-single-basket-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-08\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-09-ribbon-double-basket-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-09\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-10-ribbons-single-butterfly-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-10\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-11-ribbon-double-butterfly-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-11\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-12-single-360-degree-twist-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-12\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-13-double-360-degree-twist-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-13\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-14-single-basket-360-degree-twist-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-14\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-15-double-basket-360-degree-twist-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-15\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-16-pointed-oval-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-16\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-17-pointed-oval-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-17\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-18-slimline-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-18\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-19-craftsman-double-panel-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-19\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-20-craftsman-single-panel-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-20\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-27-20-long-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-27\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-55-feather-scroll-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-55\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-56-s-scroll-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-56\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-57-s-scroll-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-57\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-58-double-heart-scroll-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-58\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-60-single-knuckle-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-60\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-61-double-knuckle-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-61\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-62-single-basket-with-knuckles-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-62\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-72-single-circle-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-72\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-73-double-circle-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-73\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-74-circle-panel-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-74\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-78-shield-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-78\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-79-split-shield-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-79\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-80-single-oval-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-80\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-81-single-rectangle-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-81\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-82-double-rectangle-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-82\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-83-triple-rectangle-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-83\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-85-double-helix-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-85\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-86-split-oval-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-86\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-87-split-rectangle-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-87\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-88-peaked-top-bottom-rectangle-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-88\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-182-slimline-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-182\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-813-rectangular-panel-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-813\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-b02-43-single-twist-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-B02\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-b04-43-single-basket-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-B04\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/msp-zz-zig-zag-iron-baluster\" class=\"msp-compatible-item\"\u003eMSP-ZZ\u003c\/a\u003e\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=\"\"\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 item 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\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":49782701687024,"sku":"MSP-900-SB","price":1.35,"currency_code":"USD","in_stock":true},{"title":"Silver Vein","offer_id":49782701719792,"sku":"MSP-900-SV","price":1.35,"currency_code":"USD","in_stock":true},{"title":"Copper Vein","offer_id":49782701752560,"sku":"MSP-900-CV","price":1.35,"currency_code":"USD","in_stock":true},{"title":"Pewter","offer_id":49782701785328,"sku":"MSP-900-PW","price":1.35,"currency_code":"USD","in_stock":true},{"title":"Rubbed Copper","offer_id":49782701818096,"sku":"MSP-900-RC","price":1.7,"currency_code":"USD","in_stock":true},{"title":"Rubbed Bronze","offer_id":49782701850864,"sku":"MSP-900-RB","price":1.7,"currency_code":"USD","in_stock":true},{"title":"Antique Nickel","offer_id":49782701883632,"sku":"MSP-900-AN","price":1.7,"currency_code":"USD","in_stock":true},{"title":"Nickel","offer_id":49782701916400,"sku":"MSP-900-N","price":1.85,"currency_code":"USD","in_stock":true},{"title":"Wrinkle Black","offer_id":49782701949168,"sku":"MSP-900-WB","price":1.35,"currency_code":"USD","in_stock":true},{"title":"Semi Gloss Black","offer_id":49797822120176,"sku":"MSP-900-SGB","price":1.35,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-sh900-wb.jpg?v=1780259989"},{"product_id":"msp-baljak-hollow-iron-baluster-installation-device","title":"MSP-BALJAK Hollow Iron Baluster Installation Device","description":"\u003c!-- MSP-BALJAK - Hollow Iron Baluster Installation Device - 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\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-BALJAK\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eSize\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square\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\"\u003eHollow Iron Baluster Installation Device\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eCategory\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e1⁄2in Square\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 Accessories\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\"\u003eKnuckle, Mounting Plug, Installation Accessory, Iron Baluster Accessory\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\"\u003eProduct Details\u003c\/h3\u003e\n    \u003cul class=\"msp-features-list\"\u003e\n      \u003cli\u003eHollow Iron Baluster Installation Device (100\/carton)\u003c\/li\u003e\n      \u003cli\u003eInstalls in the top of hollow square iron balusters\u003c\/li\u003e\n      \u003cli\u003eDurable powder coated finish options\u003c\/li\u003e\n      \u003cli\u003eDesigned for Midwest Stair Parts Iron baluster systems\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\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":"Default Title","offer_id":49783117676784,"sku":"MSP-BALJAK","price":899.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-baljak-dimensions.jpg?v=1780259772"},{"product_id":"msp-plug-1-2-plastic-mounting-plug","title":"MSP-PLUG 1\/2\" Plastic Mounting Plug","description":"\u003c!-- MSP-PLUG - 1\/2\" Plastic Mounting Plug - 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\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-PLUG\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\"\u003e1\/2\" Plastic Mounting Plug\u003c\/span\u003e\n      \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eSize\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e1\/2 in Square\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eCategory\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e1⁄2in Square\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 Accessories\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\"\u003eKnuckle, Mounting Plug, Installation Accessory, Iron Baluster Accessory\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\"\u003eProduct Details\u003c\/h3\u003e\n    \u003cul class=\"msp-features-list\"\u003e\n      \u003cli\u003e1\/2\" Plastic Mounting Plug (100\/carton)\u003c\/li\u003e\n      \u003cli\u003ePrecision iron stair accessory\u003c\/li\u003e\n      \u003cli\u003eDurable powder coated finish options\u003c\/li\u003e\n      \u003cli\u003eDesigned for Midwest Stair Parts Iron baluster systems\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\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":"Default Title","offer_id":49783118037232,"sku":"MSP-PLUG","price":0.3,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-tplug-mounting-plug.jpg?v=1780259774"},{"product_id":"msp-c1-knuckle-with-set-screws","title":"MSP-C1 Knuckle with set screws","description":"\u003c!-- MSP-C1 - Knuckle with set screws - 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\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-C1\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\"\u003eKnuckle with set screws\u003c\/span\u003e\n      \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eSize\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e5\/8 in Round\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eCategory\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e5⁄8in Round\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 Accessories\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\"\u003eKnuckle, Mounting Plug, Installation Accessory, Iron Baluster Accessory\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\"\u003eProduct Details\u003c\/h3\u003e\n    \u003cul class=\"msp-features-list\"\u003e\n      \u003cli\u003eKnuckle with set screws (25\/carton)\u003c\/li\u003e\n      \u003cli\u003ePrecision iron stair accessory\u003c\/li\u003e\n      \u003cli\u003eDurable powder coated finish options\u003c\/li\u003e\n      \u003cli\u003eDesigned for Midwest Stair Parts Iron baluster systems\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=\"opacity: 0.5;\"\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=\"opacity: 0.5;\"\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=\"opacity: 0.5;\"\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=\"opacity: 0.5;\"\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=\"opacity: 0.5;\"\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 item 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\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":49783118397680,"sku":"MSP-C1-SB","price":2.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-c1-an.jpg?v=1780259776"},{"product_id":"msp-c2-knuckle-with-set-screws","title":"MSP-C2 Knuckle with set screws","description":"\u003c!-- MSP-C2 - Knuckle with set screws - 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\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-C2\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\"\u003eKnuckle with set screws\u003c\/span\u003e\n      \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eSize\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e5\/8 in Round\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eCategory\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e5⁄8in Round\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 Accessories\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\"\u003eKnuckle, Mounting Plug, Installation Accessory, Iron Baluster Accessory\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\"\u003eProduct Details\u003c\/h3\u003e\n    \u003cul class=\"msp-features-list\"\u003e\n      \u003cli\u003eKnuckle with set screws (25\/carton)\u003c\/li\u003e\n      \u003cli\u003ePrecision iron stair accessory\u003c\/li\u003e\n      \u003cli\u003eDurable powder coated finish options\u003c\/li\u003e\n      \u003cli\u003eDesigned for Midwest Stair Parts Iron baluster systems\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=\"opacity: 0.5;\"\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=\"opacity: 0.5;\"\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=\"opacity: 0.5;\"\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=\"opacity: 0.5;\"\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=\"opacity: 0.5;\"\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 item 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\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":49783119151344,"sku":"MSP-C2-SB","price":7.55,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-c2-ac.jpg?v=1780259778"},{"product_id":"msp-grknck-knuckle-with-set-screws","title":"MSP-GRKNCK Knuckle with set screws","description":"\u003c!-- MSP-GRKNCK - Knuckle with set screws - 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\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-GRKNCK\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\"\u003eKnuckle with set screws\u003c\/span\u003e\n      \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eSize\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e5\/8 in Round\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eCategory\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e5⁄8in Round\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 Accessories\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\"\u003eKnuckle, Mounting Plug, Installation Accessory, Iron Baluster Accessory\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\"\u003eProduct Details\u003c\/h3\u003e\n    \u003cul class=\"msp-features-list\"\u003e\n      \u003cli\u003eKnuckle with set screws (100\/carton)\u003c\/li\u003e\n      \u003cli\u003ePrecision iron stair accessory\u003c\/li\u003e\n      \u003cli\u003eDurable powder coated finish options\u003c\/li\u003e\n      \u003cli\u003eDesigned for Midwest Stair Parts Iron baluster systems\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 item 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\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":49783119577328,"sku":"MSP-GRKNCK-SB","price":3.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-2grknck-sb.jpg?v=1780259780"},{"product_id":"msp-gknck-knuckle-with-set-screws","title":"MSP-GKNCK Knuckle with set screws","description":"\u003c!-- MSP-GKNCK - Knuckle with set screws - 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\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-GKNCK\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\"\u003eKnuckle with set screws\u003c\/span\u003e\n      \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eSize\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e5\/8 in Square\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eCategory\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e5⁄8in Square\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 Accessories\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\"\u003eKnuckle, Mounting Plug, Installation Accessory, Iron Baluster Accessory\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\"\u003eProduct Details\u003c\/h3\u003e\n    \u003cul class=\"msp-features-list\"\u003e\n      \u003cli\u003eKnuckle with set screws (100\/carton)\u003c\/li\u003e\n      \u003cli\u003ePrecision iron stair accessory\u003c\/li\u003e\n      \u003cli\u003eDurable powder coated finish options\u003c\/li\u003e\n      \u003cli\u003eDesigned for Midwest Stair Parts Iron baluster systems\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 item 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\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":49783120560368,"sku":"MSP-GKNCK-SB","price":899.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-2gknck-dimensions.jpg?v=1780259782"},{"product_id":"msp-gplug-5-8-plastic-mounting-plug","title":"MSP-GPLUG 5\/8\" Plastic Mounting Plug","description":"\u003c!-- MSP-GPLUG - 5\/8\" Plastic Mounting Plug - 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\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-GPLUG\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\"\u003e5\/8\" Plastic Mounting Plug\u003c\/span\u003e\n      \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eSize\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e5\/8 in Square\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eCategory\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e5⁄8in Square\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 Accessories\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\"\u003eKnuckle, Mounting Plug, Installation Accessory, Iron Baluster Accessory\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\"\u003eProduct Details\u003c\/h3\u003e\n    \u003cul class=\"msp-features-list\"\u003e\n      \u003cli\u003e5\/8\" Plastic Mounting Plug (500\/carton)\u003c\/li\u003e\n      \u003cli\u003ePrecision iron stair accessory\u003c\/li\u003e\n      \u003cli\u003eDurable powder coated finish options\u003c\/li\u003e\n      \u003cli\u003eDesigned for Midwest Stair Parts Iron baluster systems\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\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":"Default Title","offer_id":49783121215728,"sku":"MSP-GPLUG","price":899.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-2gplug-mounting-plug.jpg?v=1780259784"},{"product_id":"msp-gshrtplug-5-8-short-plastic-mounting-plug","title":"MSP-GSHRTPLUG 5\/8\" Short Plastic Mounting Plug","description":"\u003c!-- MSP-GSHRTPLUG - 5\/8\" Short Plastic Mounting Plug - 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\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-GSHRTPLUG\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\"\u003e5\/8\" Short Plastic Mounting Plug\u003c\/span\u003e\n      \u003c\/div\u003e\n\u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eSize\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e5\/8 in Square\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eCategory\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e5⁄8in Square\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 Accessories\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\"\u003eKnuckle, Mounting Plug, Installation Accessory, Iron Baluster Accessory\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\"\u003eProduct Details\u003c\/h3\u003e\n    \u003cul class=\"msp-features-list\"\u003e\n      \u003cli\u003e5\/8\" Short Plastic Mounting Plug (500\/carton)\u003c\/li\u003e\n      \u003cli\u003ePrecision iron stair accessory\u003c\/li\u003e\n      \u003cli\u003eDurable powder coated finish options\u003c\/li\u003e\n      \u003cli\u003eDesigned for Midwest Stair Parts Iron baluster systems\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\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":"Default Title","offer_id":49783121576176,"sku":"MSP-GSHRTPLUG","price":899.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/ironbal-2gshrtplug-dimensions.jpg?v=1780259786"},{"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"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/collections\/T62_closeup_06c6dd18-dd6c-4b34-a4ad-21865da946f6.jpg?v=1780259457","url":"https:\/\/www.midweststairparts.com\/collections\/midwest-stair-parts-iron-collection\/5-8in-round-iron-shoes.oembed","provider":"Midwest Stair Parts","version":"1.0","type":"link"}