{"title":"Vista Aluminum Gates","description":"\u003cdiv class=\"vista-segment-intro\"\u003e\n  \u003cp class=\"vista-segment-lead\"\u003eSelf-closing gate kits match Vista railing profiles so your deck enclosure stays consistent from rail to gate.\u003c\/p\u003e\n  \u003cul class=\"vista-segment-highlights\"\u003e\n    \u003cli\u003e36 in and 42 in gate heights\u003c\/li\u003e\n\u003cli\u003ePicket and cable-compatible gate widths\u003c\/li\u003e\n\u003cli\u003eLatch, hinge, and catch hardware included\u003c\/li\u003e\n  \u003c\/ul\u003e\n  \u003ch3 class=\"vista-segment-packages-title\"\u003eWhat you’ll find in this category\u003c\/h3\u003e\n  \u003cdiv class=\"vista-segment-packages\"\u003e\n\u003cdiv class=\"vista-segment-package-card\"\u003e\n\u003ch4\u003ePicket gates\u003c\/h4\u003e\n\u003cp\u003eStraight picket gate panels for deck and stair openings.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vista-segment-package-card\"\u003e\n\u003ch4\u003eCable and glass gates\u003c\/h4\u003e\n\u003cp\u003eGate frames sized for cable or glass infill systems.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vista-segment-package-card\"\u003e\n\u003ch4\u003eGate hardware\u003c\/h4\u003e\n\u003cp\u003eHinges, latches, catches, and mounting kits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n  \u003cp class=\"msp-note\"\u003eFive standard powder coat colors (plus privacy tones where noted) are available for most aluminum railing SKUs. See our \u003ca href=\"\/pages\/vista-railings-powder-coat-colors\"\u003epowder coat colors\u003c\/a\u003e page. Questions? Call \u003ca href=\"tel:8553471022\"\u003e(855) 347-1022\u003c\/a\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n","products":[{"product_id":"pb7480-48-in-wide-gate-straight-picket-42-in-height","title":"PB7480 48\" Wide Gate - Straight Picket (42\" Height) Aluminum Gate","description":"\u003c!-- PB7480 PB7480 48\" Wide Gate - Straight Picket (42\" Height) Aluminum Gate - Shopify Product Description --\u003e\n\u003cstyle\u003e\n  .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n  .msp-product-info * { box-sizing: border-box; }\n  .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n  .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n  .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n  .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n  .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n  .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n  .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n  .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n  .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n  .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n  .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n    \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum gate in a typical installation. Your PB7480 48\" Wide Gate - Straight Picket (42\" Height) Aluminum Gate may differ from the gate pictured.\u003c\/p\u003e\n    \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n    \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e48\" Wide Gate - Straight Picket (42\" Height)\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n    \u003cdiv class=\"msp-spec-grid\"\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eAluminum Gate\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e8 lb\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n    \u003cul class=\"msp-features-list\"\u003e\n      \u003cli\u003eGenuine Vista Railing Systems aluminum gate\u003c\/li\u003e\n      \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n      \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n      \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n    \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n    \u003cdiv class=\"msp-finish-swatches\" style=\"grid-template-columns:repeat(2,minmax(0,1fr));\"\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch is-primary\" role=\"button\" tabindex=\"0\" onclick=\"openSwatch(this, 'Textured Black (XB)'); return false;\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();openSwatch(this,'Textured Black (XB)');}\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eXB\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch\" role=\"button\" tabindex=\"0\" onclick=\"openSwatch(this, 'Gloss White (WT)'); return false;\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();openSwatch(this,'Gloss White (WT)');}\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eWT\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch\" role=\"button\" tabindex=\"0\" onclick=\"openSwatch(this, 'Textured Bronze (YB)'); return false;\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();openSwatch(this,'Textured Bronze (YB)');}\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eYB\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch\" role=\"button\" tabindex=\"0\" onclick=\"openSwatch(this, 'Textured Grey (TG)'); return false;\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();openSwatch(this,'Textured Grey (TG)');}\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eTG\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"msp-finish-cta-wrap\"\u003e\n      \u003ca href=\"\/pages\/vista-railings-powder-coat-colors\" class=\"msp-finish-cta\"\u003eAdditional finish photos and details\u003c\/a\u003e\n      \u003cp class=\"msp-finish-note-small\"\u003e\n        In-stock colors shown. Other powder-coat colors are available by special order.\n        \u003ca href=\"\/pages\/contact-us\"\u003eContact a sales associate\u003c\/a\u003e for availability and pricing.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783493558512,"sku":"PB7480-XB","price":570.58,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783493591280,"sku":"PB7480-WT","price":570.58,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783493624048,"sku":"PB7480-YB","price":570.58,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783493656816,"sku":"PB7480-TG","price":570.58,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb7480-wt_fefb89f5-abf7-4e35-a270-e6498a1d77c5.jpg?v=1780678753"},{"product_id":"pb6808-48-in-wide-gate-straight-picket-36-in-height","title":"PB6808 48\" Wide Gate - Straight Picket (36\" Height) Aluminum Gate","description":"\u003c!-- PB6808 PB6808 48\" Wide Gate - Straight Picket (36\" Height) Aluminum Gate - Shopify Product Description --\u003e\n\u003cstyle\u003e\n  .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n  .msp-product-info * { box-sizing: border-box; }\n  .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n  .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n  .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n  .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n  .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n  .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n  .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n  .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n  .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n  .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n  .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n    \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum gate in a typical installation. Your PB6808 48\" Wide Gate - Straight Picket (36\" Height) Aluminum Gate may differ from the gate pictured.\u003c\/p\u003e\n    \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n    \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e48\" Wide Gate - Straight Picket (36\" Height)\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n    \u003cdiv class=\"msp-spec-grid\"\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eAluminum Gate\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e8 lb\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n    \u003cul class=\"msp-features-list\"\u003e\n      \u003cli\u003eGenuine Vista Railing Systems aluminum gate\u003c\/li\u003e\n      \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n      \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n      \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n    \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n    \u003cdiv class=\"msp-finish-swatches\" style=\"grid-template-columns:repeat(2,minmax(0,1fr));\"\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch is-primary\" role=\"button\" tabindex=\"0\" onclick=\"openSwatch(this, 'Textured Black (XB)'); return false;\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();openSwatch(this,'Textured Black (XB)');}\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eXB\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch\" role=\"button\" tabindex=\"0\" onclick=\"openSwatch(this, 'Gloss White (WT)'); return false;\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();openSwatch(this,'Gloss White (WT)');}\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eWT\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch\" role=\"button\" tabindex=\"0\" onclick=\"openSwatch(this, 'Textured Bronze (YB)'); return false;\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();openSwatch(this,'Textured Bronze (YB)');}\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eYB\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch\" role=\"button\" tabindex=\"0\" onclick=\"openSwatch(this, 'Textured Grey (TG)'); return false;\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();openSwatch(this,'Textured Grey (TG)');}\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eTG\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"msp-finish-cta-wrap\"\u003e\n      \u003ca href=\"\/pages\/vista-railings-powder-coat-colors\" class=\"msp-finish-cta\"\u003eAdditional finish photos and details\u003c\/a\u003e\n      \u003cp class=\"msp-finish-note-small\"\u003e\n        In-stock colors shown. Other powder-coat colors are available by special order.\n        \u003ca href=\"\/pages\/contact-us\"\u003eContact a sales associate\u003c\/a\u003e for availability and pricing.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783917707504,"sku":"PB6808-XB","price":562.46,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783917740272,"sku":"PB6808-WT","price":562.46,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783917773040,"sku":"PB6808-YB","price":562.46,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783917805808,"sku":"PB6808-TG","price":562.46,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb6808-wt_334fdd2e-7172-457c-8617-dabafa5d79b5.jpg?v=1780678776"},{"product_id":"pb7736-48-in-wide-gate-wide-picket-42-in-height","title":"PB7736 48\" Wide Gate - Wide Picket (42\" Height) Aluminum Gate","description":"\u003c!-- PB7736 PB7736 48\" Wide Gate - Wide Picket (42\" Height) Aluminum Gate - Shopify Product Description --\u003e\n\u003cstyle\u003e\n  .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n  .msp-product-info * { box-sizing: border-box; }\n  .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n  .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n  .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n  .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n  .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n  .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n  .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n  .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n  .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n  .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n  .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n    \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum gate in a typical installation. Your PB7736 48\" Wide Gate - Wide Picket (42\" Height) Aluminum Gate may differ from the gate pictured.\u003c\/p\u003e\n    \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n    \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e48\" Wide Gate - Wide Picket (42\" Height)\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n    \u003cdiv class=\"msp-spec-grid\"\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eAluminum Gate\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e8 lb\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n    \u003cul class=\"msp-features-list\"\u003e\n      \u003cli\u003eGenuine Vista Railing Systems aluminum gate\u003c\/li\u003e\n      \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n      \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n      \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n    \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n    \u003cdiv class=\"msp-finish-swatches\" style=\"grid-template-columns:repeat(2,minmax(0,1fr));\"\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch is-primary\" role=\"button\" tabindex=\"0\" onclick=\"openSwatch(this, 'Textured Black (XB)'); return false;\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();openSwatch(this,'Textured Black (XB)');}\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eXB\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch\" role=\"button\" tabindex=\"0\" onclick=\"openSwatch(this, 'Gloss White (WT)'); return false;\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();openSwatch(this,'Gloss White (WT)');}\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eWT\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch\" role=\"button\" tabindex=\"0\" onclick=\"openSwatch(this, 'Textured Bronze (YB)'); return false;\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();openSwatch(this,'Textured Bronze (YB)');}\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eYB\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch\" role=\"button\" tabindex=\"0\" onclick=\"openSwatch(this, 'Textured Grey (TG)'); return false;\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();openSwatch(this,'Textured Grey (TG)');}\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eTG\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"msp-finish-cta-wrap\"\u003e\n      \u003ca href=\"\/pages\/vista-railings-powder-coat-colors\" class=\"msp-finish-cta\"\u003eAdditional finish photos and details\u003c\/a\u003e\n      \u003cp class=\"msp-finish-note-small\"\u003e\n        In-stock colors shown. Other powder-coat colors are available by special order.\n        \u003ca href=\"\/pages\/contact-us\"\u003eContact a sales associate\u003c\/a\u003e for availability and pricing.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783917838576,"sku":"PB7736-XB","price":604.06,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783917871344,"sku":"PB7736-WT","price":604.06,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783917904112,"sku":"PB7736-YB","price":604.06,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783917936880,"sku":"PB7736-TG","price":604.06,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb7736-xb_eb694af9-af4e-4777-84b3-f4fc336d5b3d.jpg?v=1780678793"},{"product_id":"pb7751-48-in-wide-gate-wide-picket-36-in-height","title":"PB7751 48\" Wide Gate - Wide Picket (36\" Height) Aluminum Gate","description":"\u003c!-- PB7751 PB7751 48\" Wide Gate - Wide Picket (36\" Height) Aluminum Gate - Shopify Product Description --\u003e\n\u003cstyle\u003e\n  .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n  .msp-product-info * { box-sizing: border-box; }\n  .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n  .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n  .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n  .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n  .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n  .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n  .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n  .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n  .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n  .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n  .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n    \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum gate in a typical installation. Your PB7751 48\" Wide Gate - Wide Picket (36\" Height) Aluminum Gate may differ from the gate pictured.\u003c\/p\u003e\n    \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n    \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e48\" Wide Gate - Wide Picket (36\" Height)\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n    \u003cdiv class=\"msp-spec-grid\"\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eAluminum Gate\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e8 lb\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n    \u003cul class=\"msp-features-list\"\u003e\n      \u003cli\u003eGenuine Vista Railing Systems aluminum gate\u003c\/li\u003e\n      \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n      \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n      \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n    \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n    \u003cdiv class=\"msp-finish-swatches\" style=\"grid-template-columns:repeat(2,minmax(0,1fr));\"\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch is-primary\" role=\"button\" tabindex=\"0\" onclick=\"openSwatch(this, 'Textured Black (XB)'); return false;\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();openSwatch(this,'Textured Black (XB)');}\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eXB\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch\" role=\"button\" tabindex=\"0\" onclick=\"openSwatch(this, 'Gloss White (WT)'); return false;\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();openSwatch(this,'Gloss White (WT)');}\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eWT\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch\" role=\"button\" tabindex=\"0\" onclick=\"openSwatch(this, 'Textured Bronze (YB)'); return false;\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();openSwatch(this,'Textured Bronze (YB)');}\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eYB\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch\" role=\"button\" tabindex=\"0\" onclick=\"openSwatch(this, 'Textured Grey (TG)'); return false;\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();openSwatch(this,'Textured Grey (TG)');}\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eTG\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"msp-finish-cta-wrap\"\u003e\n      \u003ca href=\"\/pages\/vista-railings-powder-coat-colors\" class=\"msp-finish-cta\"\u003eAdditional finish photos and details\u003c\/a\u003e\n      \u003cp class=\"msp-finish-note-small\"\u003e\n        In-stock colors shown. Other powder-coat colors are available by special order.\n        \u003ca href=\"\/pages\/contact-us\"\u003eContact a sales associate\u003c\/a\u003e for availability and pricing.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783917969648,"sku":"PB7751-XB","price":583.94,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783918002416,"sku":"PB7751-WT","price":583.94,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783918035184,"sku":"PB7751-YB","price":583.94,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783918067952,"sku":"PB7751-TG","price":583.94,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb7751-xb_c9844e38-04ca-4f05-91af-45fae78a3164.jpg?v=1780678810"},{"product_id":"pb6580-36-in-blank-gate-post-for-double-gates","title":"PB6580 36\" Blank Gate Post - (For Double Gates) Aluminum Gate","description":"\u003c!-- PB6580 PB6580 36\" Blank Gate Post - (For Double Gates) Aluminum Gate - Shopify Product Description --\u003e\n\u003cstyle\u003e\n  .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n  .msp-product-info * { box-sizing: border-box; }\n  .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n  .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n  .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n  .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n  .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n  .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n  .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n  .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n  .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n  .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n  .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n    \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum gate in a typical installation. Your PB6580 36\" Blank Gate Post - (For Double Gates) Aluminum Gate may differ from the gate pictured.\u003c\/p\u003e\n    \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n    \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e36\" Blank Gate Post - (For Double Gates)\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n    \u003cdiv class=\"msp-spec-grid\"\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eAluminum Gate\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e8 lb\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n    \u003cul class=\"msp-features-list\"\u003e\n      \u003cli\u003eGenuine Vista Railing Systems aluminum gate\u003c\/li\u003e\n      \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n      \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n      \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n    \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n    \u003cdiv class=\"msp-finish-swatches\" style=\"grid-template-columns:repeat(2,minmax(0,1fr));\"\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch is-primary\" role=\"button\" tabindex=\"0\" onclick=\"openSwatch(this, 'Textured Black (XB)'); return false;\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();openSwatch(this,'Textured Black (XB)');}\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eXB\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch\" role=\"button\" tabindex=\"0\" onclick=\"openSwatch(this, 'Gloss White (WT)'); return false;\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();openSwatch(this,'Gloss White (WT)');}\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eWT\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch\" role=\"button\" tabindex=\"0\" onclick=\"openSwatch(this, 'Textured Bronze (YB)'); return false;\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();openSwatch(this,'Textured Bronze (YB)');}\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eYB\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch\" role=\"button\" tabindex=\"0\" onclick=\"openSwatch(this, 'Textured Grey (TG)'); return false;\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();openSwatch(this,'Textured Grey (TG)');}\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eTG\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"msp-finish-cta-wrap\"\u003e\n      \u003ca href=\"\/pages\/vista-railings-powder-coat-colors\" class=\"msp-finish-cta\"\u003eAdditional finish photos and details\u003c\/a\u003e\n      \u003cp class=\"msp-finish-note-small\"\u003e\n        In-stock colors shown. Other powder-coat colors are available by special order.\n        \u003ca href=\"\/pages\/contact-us\"\u003eContact a sales associate\u003c\/a\u003e for availability and pricing.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783918100720,"sku":"PB6580-XB","price":126.23,"currency_code":"USD","in_stock":true},{"title":"Gloss White","offer_id":49783918133488,"sku":"PB6580-WT","price":126.23,"currency_code":"USD","in_stock":true},{"title":"Textured Bronze","offer_id":49783918166256,"sku":"PB6580-YB","price":126.23,"currency_code":"USD","in_stock":true},{"title":"Textured Grey","offer_id":49783918199024,"sku":"PB6580-TG","price":126.23,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb6580-xb_da5878ce-5152-4ec2-aa37-629ac4125aec.jpg?v=1780678828"},{"product_id":"pb7580-42-in-blank-gate-post-for-double-gates","title":"PB7580 42\" Blank Gate Post - (For Double Gates) Aluminum Gate","description":"\u003c!-- PB7580 PB7580 42\" Blank Gate Post - (For Double Gates) Aluminum Gate - Shopify Product Description --\u003e\n\u003cstyle\u003e\n  .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n  .msp-product-info * { box-sizing: border-box; }\n  .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n  .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n  .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n  .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n  .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n  .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n  .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n  .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n  .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n  .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n  .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n    \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum gate in a typical installation. Your PB7580 42\" Blank Gate Post - (For Double Gates) Aluminum Gate may differ from the gate pictured.\u003c\/p\u003e\n    \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n    \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e42\" Blank Gate Post - (For Double Gates)\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n    \u003cdiv class=\"msp-spec-grid\"\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eAluminum Gate\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e8 lb\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n    \u003cul class=\"msp-features-list\"\u003e\n      \u003cli\u003eGenuine Vista Railing Systems aluminum gate\u003c\/li\u003e\n      \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n      \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n      \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Default Title","offer_id":49783918231792,"sku":"PB7580","price":126.23,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb7580-1_e85fa06b-b975-4ca5-bb79-46da909c3a1c.jpg?v=1780678845"},{"product_id":"v5914b-true-close-heavy-duty-hinge-set-self-closing-hinges-black-only","title":"V5914B True Close Heavy Duty Hinge Set (Self Closing Hinges) (Black Only) Aluminum Gate","description":"\u003c!-- V5914B V5914B True Close Heavy Duty Hinge Set (Self Closing Hinges) (Black Only) Aluminum Gate - Shopify Product Description --\u003e\n\u003cstyle\u003e\n  .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n  .msp-product-info * { box-sizing: border-box; }\n  .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n  .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n  .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n  .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n  .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n  .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n  .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n  .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n  .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n  .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n  .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n.msp-compatible-list {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n    gap: 8px;\n    margin-top: 12px;\n  }\n  .msp-compatible-item {\n    padding: 10px 14px;\n    background: #ffffff;\n    border-radius: 6px;\n    border: 1px solid #e9ecef;\n    text-align: center;\n    font-size: 13px;\n    font-weight: 600;\n    color: #1a1a2e;\n  }\n\n  a.msp-compatible-item {\n    display: block;\n    text-decoration: none;\n    color: inherit;\n    transition: all 0.2s ease;\n  }\n  a.msp-compatible-item:hover {\n    border-color: #8cc63f;\n    box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n  }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n    \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum gate in a typical installation. Your V5914B True Close Heavy Duty Hinge Set (Self Closing Hinges) (Black Only) Aluminum Gate may differ from the gate pictured.\u003c\/p\u003e\n    \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n    \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003eTrue Close Heavy Duty Hinge Set (Self Closing Hinges) (Black Only)\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n    \u003cdiv class=\"msp-spec-grid\"\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eAluminum Gate\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e0.5 lb\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n    \u003cul class=\"msp-features-list\"\u003e\n      \u003cli\u003eGenuine Vista Railing Systems aluminum gate\u003c\/li\u003e\n      \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n      \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n      \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n    \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n    \u003cdiv class=\"msp-finish-swatches\" style=\"grid-template-columns:repeat(2,minmax(0,1fr));\"\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch msp-swatch--unavailable\" aria-disabled=\"true\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eXB\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch is-primary\" role=\"button\" tabindex=\"0\" onclick=\"openSwatch(this, 'Gloss White (WT)'); return false;\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();openSwatch(this,'Gloss White (WT)');}\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eWT\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch msp-swatch--unavailable\" aria-disabled=\"true\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eYB\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch msp-swatch--unavailable\" aria-disabled=\"true\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eTG\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"msp-finish-cta-wrap\"\u003e\n      \u003ca href=\"\/pages\/vista-railings-powder-coat-colors\" class=\"msp-finish-cta\"\u003eAdditional finish photos and details\u003c\/a\u003e\n      \u003cp class=\"msp-finish-note-small\"\u003e\n        In-stock colors shown. Other powder-coat colors are available by special order.\n        \u003ca href=\"\/pages\/contact-us\"\u003eContact a sales associate\u003c\/a\u003e for availability and pricing.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eCompatible Blank Gate Kits\u003c\/h3\u003e\n    \u003cdiv class=\"msp-compatible-list\"\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7510-42-in-h-blank-gate-kit-no-hinges-or-latch-inlcuded\" class=\"msp-compatible-item\"\u003ePB7510\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7511-36-in-h-blank-gate-kit-no-hinges-or-latch-inlcuded\" class=\"msp-compatible-item\"\u003ePB7511\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n","brand":"Vista Railing Systems","offers":[{"title":"Gloss White","offer_id":49783918297328,"sku":"V5914B","price":164.04,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-v5914b-wt_47ced8cd-4352-4181-b869-f572805fb455.jpg?v=1780678864"},{"product_id":"v5903b-true-close-lock-latch-black-only","title":"V5903B True Close Lock Latch (Black Only) Aluminum Gate","description":"\u003c!-- V5903B V5903B True Close Lock Latch (Black Only) Aluminum Gate - Shopify Product Description --\u003e\n\u003cstyle\u003e\n  .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n  .msp-product-info * { box-sizing: border-box; }\n  .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n  .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n  .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n  .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n  .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n  .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n  .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n  .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n  .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n  .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n  .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n.msp-compatible-list {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n    gap: 8px;\n    margin-top: 12px;\n  }\n  .msp-compatible-item {\n    padding: 10px 14px;\n    background: #ffffff;\n    border-radius: 6px;\n    border: 1px solid #e9ecef;\n    text-align: center;\n    font-size: 13px;\n    font-weight: 600;\n    color: #1a1a2e;\n  }\n\n  a.msp-compatible-item {\n    display: block;\n    text-decoration: none;\n    color: inherit;\n    transition: all 0.2s ease;\n  }\n  a.msp-compatible-item:hover {\n    border-color: #8cc63f;\n    box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n  }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n    \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum gate in a typical installation. Your V5903B True Close Lock Latch (Black Only) Aluminum Gate may differ from the gate pictured.\u003c\/p\u003e\n    \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n    \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003eTrue Close Lock Latch (Black Only)\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n    \u003cdiv class=\"msp-spec-grid\"\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eAluminum Gate\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e0.5 lb\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n    \u003cul class=\"msp-features-list\"\u003e\n      \u003cli\u003eGenuine Vista Railing Systems aluminum gate\u003c\/li\u003e\n      \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n      \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n      \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n    \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n    \u003cdiv class=\"msp-finish-swatches\" style=\"grid-template-columns:repeat(2,minmax(0,1fr));\"\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch msp-swatch--unavailable\" aria-disabled=\"true\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eXB\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch is-primary\" role=\"button\" tabindex=\"0\" onclick=\"openSwatch(this, 'Gloss White (WT)'); return false;\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();openSwatch(this,'Gloss White (WT)');}\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eWT\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch msp-swatch--unavailable\" aria-disabled=\"true\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eYB\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch msp-swatch--unavailable\" aria-disabled=\"true\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eTG\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"msp-finish-cta-wrap\"\u003e\n      \u003ca href=\"\/pages\/vista-railings-powder-coat-colors\" class=\"msp-finish-cta\"\u003eAdditional finish photos and details\u003c\/a\u003e\n      \u003cp class=\"msp-finish-note-small\"\u003e\n        In-stock colors shown. Other powder-coat colors are available by special order.\n        \u003ca href=\"\/pages\/contact-us\"\u003eContact a sales associate\u003c\/a\u003e for availability and pricing.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eCompatible Blank Gate Kits\u003c\/h3\u003e\n    \u003cdiv class=\"msp-compatible-list\"\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7510-42-in-h-blank-gate-kit-no-hinges-or-latch-inlcuded\" class=\"msp-compatible-item\"\u003ePB7510\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7511-36-in-h-blank-gate-kit-no-hinges-or-latch-inlcuded\" class=\"msp-compatible-item\"\u003ePB7511\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n","brand":"Vista Railing Systems","offers":[{"title":"Gloss White","offer_id":49783918330096,"sku":"V5903B","price":125.02,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-v5903b-wt_0b0a3830-d132-41b4-a7ec-a62fe29e9074.jpg?v=1780678883"},{"product_id":"v5916b-magnetic-locking-gate-latch-black-only","title":"V5916B Magnetic Locking Gate Latch (Black Only) Aluminum Gate","description":"\u003c!-- V5916B V5916B Magnetic Locking Gate Latch (Black Only) Aluminum Gate - Shopify Product Description --\u003e\n\u003cstyle\u003e\n  .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n  .msp-product-info * { box-sizing: border-box; }\n  .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n  .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n  .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n  .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n  .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n  .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n  .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n  .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n  .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n  .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n  .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n.msp-compatible-list {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n    gap: 8px;\n    margin-top: 12px;\n  }\n  .msp-compatible-item {\n    padding: 10px 14px;\n    background: #ffffff;\n    border-radius: 6px;\n    border: 1px solid #e9ecef;\n    text-align: center;\n    font-size: 13px;\n    font-weight: 600;\n    color: #1a1a2e;\n  }\n\n  a.msp-compatible-item {\n    display: block;\n    text-decoration: none;\n    color: inherit;\n    transition: all 0.2s ease;\n  }\n  a.msp-compatible-item:hover {\n    border-color: #8cc63f;\n    box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n  }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n    \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum gate in a typical installation. Your V5916B Magnetic Locking Gate Latch (Black Only) Aluminum Gate may differ from the gate pictured.\u003c\/p\u003e\n    \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n    \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003eMagnetic Locking Gate Latch (Black Only)\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n    \u003cdiv class=\"msp-spec-grid\"\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eAluminum Gate\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e1 lb\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n    \u003cul class=\"msp-features-list\"\u003e\n      \u003cli\u003eGenuine Vista Railing Systems aluminum gate\u003c\/li\u003e\n      \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n      \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n      \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n    \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n    \u003cdiv class=\"msp-finish-swatches\" style=\"grid-template-columns:repeat(2,minmax(0,1fr));\"\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch msp-swatch--unavailable\" aria-disabled=\"true\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eXB\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch is-primary\" role=\"button\" tabindex=\"0\" onclick=\"openSwatch(this, 'Gloss White (WT)'); return false;\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();openSwatch(this,'Gloss White (WT)');}\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eWT\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch msp-swatch--unavailable\" aria-disabled=\"true\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eYB\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch msp-swatch--unavailable\" aria-disabled=\"true\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eTG\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"msp-finish-cta-wrap\"\u003e\n      \u003ca href=\"\/pages\/vista-railings-powder-coat-colors\" class=\"msp-finish-cta\"\u003eAdditional finish photos and details\u003c\/a\u003e\n      \u003cp class=\"msp-finish-note-small\"\u003e\n        In-stock colors shown. Other powder-coat colors are available by special order.\n        \u003ca href=\"\/pages\/contact-us\"\u003eContact a sales associate\u003c\/a\u003e for availability and pricing.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eCompatible Blank Gate Kits\u003c\/h3\u003e\n    \u003cdiv class=\"msp-compatible-list\"\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7510-42-in-h-blank-gate-kit-no-hinges-or-latch-inlcuded\" class=\"msp-compatible-item\"\u003ePB7510\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7511-36-in-h-blank-gate-kit-no-hinges-or-latch-inlcuded\" class=\"msp-compatible-item\"\u003ePB7511\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n","brand":"Vista Railing Systems","offers":[{"title":"Gloss White","offer_id":49783918362864,"sku":"V5916B","price":306.93,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-v5916b-wt_62a071a8-b335-4cfd-adc3-f1d00184f50c.jpg?v=1780678900"},{"product_id":"v5917b-qbolt-padlocakable-drop-bolt-24-in-black-only","title":"V5917B Qbolt Padlocakable Drop Bolt 24\" (Black Only) Aluminum Gate","description":"\u003c!-- V5917B V5917B Qbolt Padlocakable Drop Bolt 24\" (Black Only) Aluminum Gate - Shopify Product Description --\u003e\n\u003cstyle\u003e\n  .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n  .msp-product-info * { box-sizing: border-box; }\n  .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n  .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n  .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n  .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n  .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n  .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n  .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n  .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n  .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n  .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n  .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n.msp-compatible-list {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n    gap: 8px;\n    margin-top: 12px;\n  }\n  .msp-compatible-item {\n    padding: 10px 14px;\n    background: #ffffff;\n    border-radius: 6px;\n    border: 1px solid #e9ecef;\n    text-align: center;\n    font-size: 13px;\n    font-weight: 600;\n    color: #1a1a2e;\n  }\n\n  a.msp-compatible-item {\n    display: block;\n    text-decoration: none;\n    color: inherit;\n    transition: all 0.2s ease;\n  }\n  a.msp-compatible-item:hover {\n    border-color: #8cc63f;\n    box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n  }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n    \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum gate in a typical installation. Your V5917B Qbolt Padlocakable Drop Bolt 24\" (Black Only) Aluminum Gate may differ from the gate pictured.\u003c\/p\u003e\n    \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n    \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003eQbolt Padlocakable Drop Bolt 24\" (Black Only)\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n    \u003cdiv class=\"msp-spec-grid\"\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eAluminum Gate\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e2.25 lb\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n    \u003cul class=\"msp-features-list\"\u003e\n      \u003cli\u003eGenuine Vista Railing Systems aluminum gate\u003c\/li\u003e\n      \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n      \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n      \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n    \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n    \u003cdiv class=\"msp-finish-swatches\" style=\"grid-template-columns:repeat(2,minmax(0,1fr));\"\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch msp-swatch--unavailable\" aria-disabled=\"true\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eXB\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch is-primary\" role=\"button\" tabindex=\"0\" onclick=\"openSwatch(this, 'Gloss White (WT)'); return false;\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();openSwatch(this,'Gloss White (WT)');}\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eWT\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch msp-swatch--unavailable\" aria-disabled=\"true\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eYB\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch msp-swatch--unavailable\" aria-disabled=\"true\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eTG\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"msp-finish-cta-wrap\"\u003e\n      \u003ca href=\"\/pages\/vista-railings-powder-coat-colors\" class=\"msp-finish-cta\"\u003eAdditional finish photos and details\u003c\/a\u003e\n      \u003cp class=\"msp-finish-note-small\"\u003e\n        In-stock colors shown. Other powder-coat colors are available by special order.\n        \u003ca href=\"\/pages\/contact-us\"\u003eContact a sales associate\u003c\/a\u003e for availability and pricing.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eCompatible Blank Gate Kits\u003c\/h3\u003e\n    \u003cdiv class=\"msp-compatible-list\"\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7510-42-in-h-blank-gate-kit-no-hinges-or-latch-inlcuded\" class=\"msp-compatible-item\"\u003ePB7510\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/pb7511-36-in-h-blank-gate-kit-no-hinges-or-latch-inlcuded\" class=\"msp-compatible-item\"\u003ePB7511\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n","brand":"Vista Railing Systems","offers":[{"title":"Gloss White","offer_id":49783918395632,"sku":"V5917B","price":184.78,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-v5917b-wt_cf961f4b-8e34-4d94-ad9d-efa9fe69f70f.jpg?v=1780678916"},{"product_id":"pb7510-42-in-h-blank-gate-kit-no-hinges-or-latch-inlcuded","title":"PB7510 42\" (h) Blank Gate Kit (NO Hinges or Latch inlcuded) Aluminum Gate","description":"\u003c!-- PB7510 PB7510 42\" (h) Blank Gate Kit (NO Hinges or Latch inlcuded) Aluminum Gate - Shopify Product Description --\u003e\n\u003cstyle\u003e\n  .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n  .msp-product-info * { box-sizing: border-box; }\n  .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n  .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n  .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n  .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n  .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n  .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n  .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n  .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n  .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n  .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n  .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n  .msp-compatible-list {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n    gap: 8px;\n    margin-top: 12px;\n  }\n  .msp-compatible-item {\n    padding: 10px 14px;\n    background: #ffffff;\n    border-radius: 6px;\n    border: 1px solid #e9ecef;\n    text-align: center;\n    font-size: 13px;\n    font-weight: 600;\n    color: #1a1a2e;\n  }\n\n  a.msp-compatible-item {\n    display: block;\n    text-decoration: none;\n    color: inherit;\n    transition: all 0.2s ease;\n  }\n  a.msp-compatible-item:hover {\n    border-color: #8cc63f;\n    box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n  }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n    \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum gate in a typical installation. Your PB7510 42\" (h) Blank Gate Kit (NO Hinges or Latch inlcuded) Aluminum Gate may differ from the gate pictured.\u003c\/p\u003e\n    \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n    \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e42\" (h) Blank Gate Kit (NO Hinges or Latch inlcuded)\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n    \u003cdiv class=\"msp-spec-grid\"\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eAluminum Gate\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e8 lb\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n    \u003cul class=\"msp-features-list\"\u003e\n      \u003cli\u003eGenuine Vista Railing Systems aluminum gate\u003c\/li\u003e\n      \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n      \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n      \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eCompatible Gate Hardware\u003c\/h3\u003e\n    \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eHinges and latches sold separately:\u003c\/p\u003e\n    \u003cdiv class=\"msp-compatible-list\"\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/v5903b-true-close-lock-latch-black-only\" class=\"msp-compatible-item\"\u003eV5903B\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/v5914b-true-close-heavy-duty-hinge-set-self-closing-hinges-black-only\" class=\"msp-compatible-item\"\u003eV5914B\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/v5916b-magnetic-locking-gate-latch-black-only\" class=\"msp-compatible-item\"\u003eV5916B\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Default Title","offer_id":49783918428400,"sku":"PB7510","price":496.06,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb7510-1_7fa142a6-6bd0-43ed-9cd2-31ced036c84e.jpg?v=1780678933"},{"product_id":"pb7511-36-in-h-blank-gate-kit-no-hinges-or-latch-inlcuded","title":"PB7511 36\" (h) Blank Gate Kit (NO Hinges or Latch inlcuded) Aluminum Gate","description":"\u003c!-- PB7511 PB7511 36\" (h) Blank Gate Kit (NO Hinges or Latch inlcuded) Aluminum Gate - Shopify Product Description --\u003e\n\u003cstyle\u003e\n  .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n  .msp-product-info * { box-sizing: border-box; }\n  .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n  .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n  .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n  .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n  .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n  .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n  .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n  .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n  .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n  .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n  .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n  .msp-compatible-list {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n    gap: 8px;\n    margin-top: 12px;\n  }\n  .msp-compatible-item {\n    padding: 10px 14px;\n    background: #ffffff;\n    border-radius: 6px;\n    border: 1px solid #e9ecef;\n    text-align: center;\n    font-size: 13px;\n    font-weight: 600;\n    color: #1a1a2e;\n  }\n\n  a.msp-compatible-item {\n    display: block;\n    text-decoration: none;\n    color: inherit;\n    transition: all 0.2s ease;\n  }\n  a.msp-compatible-item:hover {\n    border-color: #8cc63f;\n    box-shadow: 0 4px 12px rgba(140, 198, 63, 0.15);\n  }\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n    \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum gate in a typical installation. Your PB7511 36\" (h) Blank Gate Kit (NO Hinges or Latch inlcuded) Aluminum Gate may differ from the gate pictured.\u003c\/p\u003e\n    \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eDescription\u003c\/h3\u003e\n    \n\n\n\n\n\n\u003cp style=\"margin:0;font-size:14px;\"\u003e36\" (h) Blank Gate Kit (NO Hinges or Latch inlcuded)\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n    \u003cdiv class=\"msp-spec-grid\"\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eAluminum Gate\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e8 lb\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n    \u003cul class=\"msp-features-list\"\u003e\n      \u003cli\u003eGenuine Vista Railing Systems aluminum gate\u003c\/li\u003e\n      \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n      \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n      \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eCompatible Gate Hardware\u003c\/h3\u003e\n    \u003cp style=\"font-size: 14px; color: #6c757d; margin-bottom: 12px;\"\u003eHinges and latches sold separately:\u003c\/p\u003e\n    \u003cdiv class=\"msp-compatible-list\"\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/v5903b-true-close-lock-latch-black-only\" class=\"msp-compatible-item\"\u003eV5903B\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/v5914b-true-close-heavy-duty-hinge-set-self-closing-hinges-black-only\" class=\"msp-compatible-item\"\u003eV5914B\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.midweststairparts.com\/products\/v5916b-magnetic-locking-gate-latch-black-only\" class=\"msp-compatible-item\"\u003eV5916B\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n","brand":"Vista Railing Systems","offers":[{"title":"Default Title","offer_id":49783918493936,"sku":"PB7511","price":482.04,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb7511-1_4a117e50-a38d-4fac-8081-b1731549d8d5.png?v=1780678950"},{"product_id":"pb3480-48-in-h-pool-gate","title":"PB3480 48\" (h) Pool Gate Aluminum Gate","description":"\u003c!-- PB3480 PB3480 48\" (h) Pool Gate Aluminum Gate - Shopify Product Description --\u003e\n\u003cstyle\u003e\n  .msp-product-info { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #2d3436; line-height: 1.6; max-width: 100%; padding-top: 10px; }\n  .msp-product-info * { box-sizing: border-box; }\n  .msp-section { margin-bottom: 28px; padding: 20px 24px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }\n  .msp-section-title { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #1a1a2e; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; gap: 10px; }\n  .msp-section-title::before { content: ''; width: 8px; height: 8px; background: #8cc63f; border-radius: 50%; flex-shrink: 0; }\n  .msp-spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }\n  .msp-spec-item { display: flex; flex-direction: column; padding: 12px 16px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; }\n  .msp-spec-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: #6c757d; margin-bottom: 4px; }\n  .msp-spec-value { font-size: 15px; font-weight: 600; color: #1a1a2e; }\n  .msp-features-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }\n  .msp-features-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; background: #ffffff; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; }\n  .msp-features-list li::before { content: '\\2713'; color: #8cc63f; font-weight: 700; flex-shrink: 0; }\n  .msp-note { font-size: 13px; color: #6c757d; font-style: italic; margin-top: 12px; padding: 12px 16px; background: #f0f9e8; border-radius: 6px; border-left: 3px solid #8cc63f; }\n\n\u003c\/style\u003e\n\n\u003c!-- vista-illustrative-note --\u003e\n    \u003cp class=\"msp-note\"\u003ePhoto shows a Vista aluminum gate in a typical installation. Your PB3480 48\" (h) Pool Gate Aluminum Gate may differ from the gate pictured.\u003c\/p\u003e\n    \u003c!-- \/vista-illustrative-note --\u003e\n\n\u003cdiv class=\"msp-product-info\"\u003e\n\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eSpecifications\u003c\/h3\u003e\n    \u003cdiv class=\"msp-spec-grid\"\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eMaterial\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eAluminum\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eProduct Type\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eAluminum Gate\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eUnit Weight\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e8 lb\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eMaster Pack\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003e1\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-spec-item\"\u003e\n        \u003cspan class=\"msp-spec-label\"\u003eManufacturer\u003c\/span\u003e\n        \u003cspan class=\"msp-spec-value\"\u003eVista Railing Systems\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eFeatures \u0026amp; Benefits\u003c\/h3\u003e\n    \u003cul class=\"msp-features-list\"\u003e\n      \u003cli\u003eGenuine Vista Railing Systems aluminum gate\u003c\/li\u003e\n      \u003cli\u003eDurable powder-coated aluminum finish\u003c\/li\u003e\n      \u003cli\u003eUV, rust, and weather resistant\u003c\/li\u003e\n      \u003cli\u003eLow-maintenance, long-lasting deck railing component\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n    \u003c!-- Available Colors Section with Integrated Swatches --\u003e\n  \u003cdiv class=\"msp-section\"\u003e\n    \u003ch3 class=\"msp-section-title\"\u003eAvailable Colors\u003c\/h3\u003e\n    \u003cdiv class=\"msp-finish-swatches\" style=\"grid-template-columns:repeat(2,minmax(0,1fr));\"\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch is-primary\" role=\"button\" tabindex=\"0\" onclick=\"openSwatch(this, 'Textured Black (XB)'); return false;\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();openSwatch(this,'Textured Black (XB)');}\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-xb.jpg?v=1780584659\" alt=\"Textured Black\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eXB\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch msp-swatch--unavailable\" aria-disabled=\"true\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-wt.jpg?v=1780584671\" alt=\"Gloss White\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eWT\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch msp-swatch--unavailable\" aria-disabled=\"true\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-yb.jpg?v=1780584682\" alt=\"Textured Bronze\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eYB\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msp-swatch-cell\"\u003e\n        \u003cdiv class=\"msp-swatch msp-swatch--unavailable\" aria-disabled=\"true\"\u003e\n          \u003cdiv class=\"msp-swatch__chip\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-swatch-tg.jpg?v=1780584694\" alt=\"Textured Grey\" loading=\"lazy\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"msp-swatch-code\"\u003eTG\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"msp-finish-cta-wrap\"\u003e\n      \u003ca href=\"\/pages\/vista-railings-powder-coat-colors\" class=\"msp-finish-cta\"\u003eAdditional finish photos and details\u003c\/a\u003e\n      \u003cp class=\"msp-finish-note-small\"\u003e\n        In-stock colors shown. Other powder-coat colors are available by special order.\n        \u003ca href=\"\/pages\/contact-us\"\u003eContact a sales associate\u003c\/a\u003e for availability and pricing.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n","brand":"Vista Railing Systems","offers":[{"title":"Textured Black","offer_id":49783918526704,"sku":"PB3480","price":579.78,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0256\/6859\/files\/vista-pb3480-xb_08b1a885-5b8b-461e-b893-5c5938573203.jpg?v=1780678966"}],"url":"https:\/\/www.midweststairparts.com\/collections\/vista-aluminum-gates.oembed","provider":"Midwest Stair Parts","version":"1.0","type":"link"}