{"product_id":"cable-railing-gate-h-32in-x-w-2ft-4ft-adjustable-length-for-36-wood-metal-deck-railing-system-black-aluminum-outdoor-deck-gate-with-patented-pre-install-cable-terminal-kit-black-cable","title":"Cable Railing Gate H.32in x W.2ft-4ft Adjustable Length for 36\" Wood Metal Deck Railing System, Black Aluminum Outdoor Deck Gate with Patented Pre-Install Cable Terminal Kit (Black Cable)","description":"\u003cstyle\u003e .apm-sidemodule, .aplus-v2 .aplus-standard .apm-fixed-width{max-width:100%!important;}\n .aplus-v2{ min-width: auto !important;}\n #poExpander {height: 100% !important;}\n #poToggleButton, .a-section.aok-hidden { display: none !important; }\n h1.a-size-base-plus {margin: 0rem; font-size: 20px;}\n hr { margin-top: -3rem !important; margin-bottom: 3rem !important; } \u003c\/style\u003e\r\n\u003cstyle\u003e\n .po-break-word {\n word-break: break-word;\n }\n .po-truncate-attribute .a-truncate-cut{\n word-break: break-word;\n }\n #po-tta-action {\n padding: 0;\n }\n\u003c\/style\u003e\n\n \u003cscript type=\"text\/javascript\"\u003e\n function logTechTermAssistMetric(nexusSchemaId, metricParameters) {\n if (typeof window.csa !== 'undefined') {\n var ttaEvents = csa(\"Events\", {producerId: \"cetech-tta\"});\n\n metricParameters.schemaId = nexusSchemaId;\n\n metricParameters.asin = 'B0G5N1YK5Y';\n metricParameters.deviceType = 'web';\n metricParameters.productType = 'TEMPORARY_GATE';\n metricParameters.obfuscatedMarketplaceId = 'ATVPDKIKX0DER';\n\n ttaEvents(\"log\", metricParameters, { ent: 'all' });\n }\n }\n\n function logTechTermAssistEvent(nexusSchemaId) {\n logTechTermAssistMetric(nexusSchemaId, {});\n }\n\u003c\/script\u003e\n\n \u003cdiv class=\"a-section a-spacing-small a-spacing-top-small\"\u003e \u003ctable class=\"a-normal a-spacing-micro\" role=\"list\"\u003e \u003ctbody\u003e\n\u003ctr class=\"a-spacing-small po-material\" role=\"listitem\"\u003e \u003ctd class=\"a-span3\" role=\"presentation\"\u003e \u003cspan class=\"a-size-base a-text-bold\"\u003eMaterial\u003c\/span\u003e \u003c\/td\u003e \u003ctd class=\"a-span9\" role=\"presentation\"\u003e \u003cspan class=\"a-size-base po-break-word\"\u003eAluminum\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr class=\"a-spacing-small po-color\" role=\"listitem\"\u003e \u003ctd class=\"a-span3\" role=\"presentation\"\u003e \u003cspan class=\"a-size-base a-text-bold\"\u003eColor\u003c\/span\u003e \u003c\/td\u003e \u003ctd class=\"a-span9\" role=\"presentation\"\u003e \u003cspan class=\"a-size-base po-break-word\"\u003eBlack\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr class=\"a-spacing-small po-brand\" role=\"listitem\"\u003e \u003ctd class=\"a-span3\" role=\"presentation\"\u003e \u003cspan class=\"a-size-base a-text-bold\"\u003eBrand\u003c\/span\u003e \u003c\/td\u003e \u003ctd class=\"a-span9\" role=\"presentation\"\u003e \u003cspan class=\"a-size-base po-break-word\"\u003eGyykzz\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr class=\"a-spacing-small po-item_width_height\" role=\"listitem\"\u003e \u003ctd class=\"a-span3\" role=\"presentation\"\u003e \u003cspan class=\"a-size-base a-text-bold\"\u003eProduct Dimensions\u003c\/span\u003e \u003c\/td\u003e \u003ctd class=\"a-span9\" role=\"presentation\"\u003e \u003cspan class=\"a-size-base po-break-word\"\u003e48\"W x 32.8\"H\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr class=\"a-spacing-small po-item_weight\" role=\"listitem\"\u003e \u003ctd class=\"a-span3\" role=\"presentation\"\u003e \u003cspan class=\"a-size-base a-text-bold\"\u003eItem Weight\u003c\/span\u003e \u003c\/td\u003e \u003ctd class=\"a-span9\" role=\"presentation\"\u003e \u003cspan class=\"a-size-base po-break-word\"\u003e9.9 Pounds\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e\n\u003c\/table\u003e \u003c\/div\u003e\u003cbr\u003e\u003chr aria-hidden=\"true\" class=\"a-divider-normal\"\u003e \u003ch1 class=\"a-size-base-plus a-text-bold\"\u003e About this item \u003c\/h1\u003e \u003cul class=\"a-unordered-list a-vertical a-spacing-mini\"\u003e \u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e Adjustable Gate Width for Custom Openings: Designed to support width adjustments from 2 ft to 4 ft, this cable railing gate can be easily cut to fit different openings. In contrast, many metal gates require heavy-duty tools to cut, making size adjustments less convenient and more restrictive. Designed with a 32\" gate height, this aluminum railing gate pairs perfectly with standard 36\" wood and metal railing systems. \u003c\/span\u003e\u003c\/li\u003e \u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e Pre-Installed Patented Cable Terminal Kit \u0026amp; Welded Elbow Design: Pre-drilled frames with a pre-installed swageless cable terminal kit enable fast, hassle-free installation. The patented reusable terminals allow for easy tension adjustment with an L-wrench, providing a clean, secure, professional finish. Welded bent sleeve tubes on both sides reinforce the frame, helping maintain alignment and prevent sagging over time. \u003c\/span\u003e\u003c\/li\u003e \u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e Self-Closing Hinges \u0026amp; Gravity Latch: The Gyykzz black cable railing gate features premium adjustable hinges with automatic return and self-locking functions, helping ensure the gate closes properly every time. A gravity self-closing latch adds safety and convenience, while the DIY-friendly design allows for easy installation and adjustmentโ€”ideal for high-traffic outdoor areas. \u003c\/span\u003e\u003c\/li\u003e \u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e Anti-Sag \u0026amp; Low-Maintenance: Crafted from premium aluminum, this cable railing gate is designed to resist sagging over time. Finished with a high-grade AAMA 6604 outdoor coating, it offers excellent resistance to rust, corrosion, and fadingโ€”even in coastal environments. Unlike other metal gates that rust, require extra maintenance, and even have a rust smell on your hands, Gyykzz uses upgraded materials and finishes for reliable, long-lasting durability. \u003c\/span\u003e\u003c\/li\u003e \u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e Compatible with Multiple Railing Systems: This gate kit includes everything you need: gate frame, cable terminal kit, hinges, latch, and mounting hardware. ๐ˆ๐Ÿ ๐š๐ง๐ฒ ๐ฉ๐š๐ซ๐ญ๐ฌ ๐š๐ซ๐ž ๐ฆ๐ข๐ฌ๐ฌ๐ข๐ง๐ , ๐ฉ๐ฅ๐ž๐š๐ฌ๐ž ๐ซ๐ž๐š๐œ๐ก ๐จ๐ฎ๐ญ ๐ญ๐จ ๐ฎ๐ฌ ๐Ÿ๐จ๐ซ ๐š ๐ซ๐ž๐ฉ๐ฅ๐š๐œ๐ž๐ฆ๐ž๐ง๐ญโ€”๐ง๐จ ๐ซ๐ž๐ญ๐ฎ๐ซ๐ง ๐จ๐ซ ๐ž๐ฑ๐œ๐ก๐š๐ง๐ ๐ž ๐ซ๐ž๐ช๐ฎ๐ข๐ซ๐ž๐. Perfect for decks, patios, and gardens, this cable railing gate kit complements a wide range of railing systems, including metal cable railings, porch railings, and wood railings. It enhances safety and privacy while maintaining airflow and a clean, modern aesthetic. \u003c\/span\u003e\u003c\/li\u003e \u003c\/ul\u003e \u003c!-- Loading EDP related metadata --\u003e\n \u003cdiv data-csa-c-content-id=\"voyager-product-details-jumplink\" data-csa-c-slot-id=\"voyager-product-details-jumplink\" data-csa-c-type=\"link\" class=\"a-section aok-hidden\" data-csa-c-id=\"xyn9ru-qxnz9h-5zzox0-d9ynxy\"\u003e \u003cspan class=\"caretnext\"\u003eโ€บ\u003c\/span\u003e \u003ca id=\"seeMoreDetailsLink\" class=\"a-link-normal\" href=\"#productDetails\"\u003e See more product details \u003c\/a\u003e \u003c\/div\u003e\u003cbr\u003e\u003cdiv id=\"aplus\" class=\"a-section a-spacing-large bucket\"\u003e \u003chr noshade size=\"1\" class=\"bucketDivider\"\u003e\n \u003ch2\u003eProduct description\u003c\/h2\u003e \u003cdiv lang=\"en_US\"\u003e\n \u003cstyle\u003e\n .aplus-v2 .aplus-content-wrapper {\n position: relative;\n overflow: hidden;\n }\n\n .aplus-v2 .container-with-background-image {\n width: 100%;\n height: 100%;\n background-repeat: no-repeat;\n background-size: cover;\n }\n\u003c\/style\u003e\n \u003cscript type=\"application\/javascript\"\u003e\n function logShoppableMetrics(moduleName, showsAddToCart) {\n if (window.ue \u0026\u0026 window.ue.count) {\n window.ue.count(\"aplus:shoppable:\" + moduleName + \":addToCart\", showsAddToCart ? 1 : 0);\n }\n }\n\u003c\/script\u003e\n\n \u003cdiv class=\"aplus-v2 desktop celwidget\" cel_widget_id=\"aplus\" data-csa-c-id=\"uyha5g-wwydh7-5oavvp-x6zgt0\"\u003e\n \u003cstyle type=\"text\/css\"\u003e\n\n\/**\n * Premium-module 11: FAQs - Common Styles (All Devices)\n *\/\n\n.aplus-v2 .premium-aplus-module-11 {\n background: #fff;\n position: relative;\n}\n\n.aplus-v2 .premium-aplus-module-11.aplus-secondary-color {\n background: #000;\n}\n\n.aplus-v2 .premium-aplus-module-11 .aplus-question,\n.aplus-v2 .premium-aplus-module-11 .aplus-answer {\n display: block;\n width: 100%;\n margin: 0;\n}\n\n.aplus-v2 .premium-aplus-module-11 .aplus-answer {\n visibility: hidden;\n opacity: 0;\n height: 0;\n transition: display 0.1s linear, opacity 0.1s linear, height 0.1s linear;\n transition-behavior: allow-discrete;\n}\n\n.aplus-v2 .premium-aplus-module-11 .aplus-active .aplus-answer {\n visibility: visible;\n opacity: 1;\n height: auto;\n height: calc-size(auto);\n min-height: 40px;\n}\n\n.aplus-v2 .premium-aplus-module-11 .faq-list {\n margin: 0;\n}\n\n.aplus-v2 .premium-aplus-module-11 .faq-block {\n position: relative;\n list-style-type: none;\n cursor: pointer;\n border: 2px solid #E6E6E6;\n background: #fff;\n border-radius: 3px;\n margin-bottom: 10px;\n}\n\n.aplus-v2 .premium-aplus-module-11.aplus-secondary-color .faq-block {\n border: none;\n}\n\n.aplus-v2 .premium-aplus-module-11 .aplus-question::before,\n.aplus-v2 .premium-aplus-module-11 .aplus-answer::before {\n text-align: center;\n border-radius: 3px;\n display: inline-block;\n font-weight: 500;\n position: absolute;\n color: #fff;\n top: 10px;\n left: 10px;\n}\n\nhtml[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-11 .aplus-question::before,\nhtml[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-11 .aplus-answer::before {\n right: 10px;\n}\n\n.aplus-v2 .premium-aplus-module-11 .aplus-question::before {\n content: \"Q\";\n background: #505050;\n transition: background 0.1s linear;\n z-index: 2;\n}\n\n.aplus-v2 .premium-aplus-module-11 .aplus-answer::before {\n content: \"A\";\n background: #DF7600;\n color: #000000;\n z-index: 1;\n transform: translateY(0px);\n transition: transform 0.1s linear;\n}\n\n.aplus-v2 .premium-aplus-module-11 .faq-block.aplus-active .aplus-question::before {\n background: #404040;\n}\n\n.aplus-v2 .premium-aplus-module-11 .faq-block.aplus-active .aplus-answer::before {\n transform: translateY(40px);\n}\n\n.aplus-v2 .premium-aplus-module-11 .faq-arrow {\n position: absolute;\n top: 25px;\n border: 10px solid transparent;\n border-top-color: #505050;\n}\n\nhtml[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-11 .faq-arrow {\n right: auto;\n}\n\n.aplus-v2 .premium-aplus-module-11 .aplus-active .faq-arrow {\n top: 15px;\n border-top-color: transparent;\n border-bottom-color: #404040;\n}\n\n\u003c\/style\u003e\n \u003cstyle type=\"text\/css\"\u003e\n .aplus-v2 .premium-aplus-module-13 .aplus-carousel-container {\n position: relative;\n }\n\n .aplus-v2 .premium-aplus-module-13 .aplus-carousel-element {\n position: relative;\n width: 100%;\n }\n\n .aplus-v2 .premium-aplus-module-13 .aplus-card-link-button {\n text-align: center;\n padding-top: 20px;\n }\n\n .aplus-v2 .premium-aplus-module-13 .aplus-text-background,\n .aplus-v2 .premium-aplus-module-13 .aplus-text-background h1,\n .aplus-v2 .premium-aplus-module-13 .aplus-text-background h5,\n .aplus-v2 .premium-aplus-module-13 .aplus-text-background ol,\n .aplus-v2 .premium-aplus-module-13 .aplus-text-background ul,\n .aplus-v2 .premium-aplus-module-13 .aplus-text-background ol .a-list-item,\n .aplus-v2 .premium-aplus-module-13 .aplus-text-background ul .a-list-item {\n color: #fff;\n }\n\n\u003c\/style\u003e \u003cstyle type=\"text\/css\"\u003e\n\n.aplus-v2 .premium-aplus-module-2 .premium-background-wrapper {\n position: relative;\n}\n\n.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper {\n position: absolute;\n width: 50%;\n height: 100%;\n top: 0;\n}\n\n.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right {\n left: 50%;\n}\n\nhtml[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right {\n left: auto;\n right: 50%;\n}\n\n.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.secondary-color {\n color: #fff;\n}\n\n.aplus-v2 .premium-aplus-module-2 .premium-intro-background {\n padding: 20px;\n}\n\n.aplus-v2 .premium-aplus-module-2 .aplus-module-2-topic {\n padding-bottom: 10px;\n}\n\n.aplus-v2 .premium-aplus-module-2 .aplus-module-2-heading {\n padding-bottom: 20px;\n}\n\n.aplus-v2 .premium-aplus-module-2 .aplus-module-2-description {\n line-height: 1.5em;\n}\n\n.aplus-v2 .premium-aplus-module-2 .premium-intro-background.white-background {\n background: rgba(255,255,255,0.5);\n}\n\n.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background {\n background: rgba(0,0,0,0.5);\n}\n\n.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background,\n.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background h1,\n.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background h5,\n.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ol,\n.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ul,\n.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ol .a-list-item,\n.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ul .a-list-item {\n color: #fff;\n}\n\n.aplus-v2 .premium-aplus-module-2 .premium-intro-content-container {\n display: table;\n height: 100%;\n}\n\n.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.left .premium-intro-content-container {\n padding-left: 40px;\n}\n\nhtml[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.left .premium-intro-content-container {\n\tpadding-left: 0px;\n\tpadding-right: 40px;\n}\n\n.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right .premium-intro-content-container {\n padding-right: 40px;\n}\n\nhtml[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right .premium-intro-content-container {\n padding-right: 0px;\n padding-left: 40px;\n}\n\n.aplus-v2 .premium-aplus-module-2 .premium-intro-content-column {\n display: table-cell;\n vertical-align: middle;\n}\n\n\n\u003c\/style\u003e\n \u003cscript type=\"application\/javascript\"\u003e\n\n \/**\n * Common event handler for click and keydown events.\n * @param {Event} event - The event object.\n * @param {Function} handleClickOrEnter - Function to handle click or Enter key events.\n * @param {Function} handleEsc - Function to handle Esc key events.\n *\/\n \/\/ [TODO][AplusMantle-8064] Create common event handler util(key events, click events) in AplusModuleResources\n function handleClickAndKeyEvents(event, handleClickOrEnterOrSpace) {\n const ENTER_KEY_CODE = 13;\n const ESCAPE_KEY_CODE = 27;\n const SPACE_KEY_CODE = 32;\n const isClick = event.type === 'click';\n const isKeydown = event.type === 'keydown';\n const isEnter = isKeydown \u0026\u0026 event.keyCode === ENTER_KEY_CODE;\n const isSpace = isKeydown \u0026\u0026 event.keyCode === SPACE_KEY_CODE;\n const isEsc = isKeydown \u0026\u0026 event.keyCode === ESCAPE_KEY_CODE;\n\n if (isClick || isEnter || isSpace) {\n handleClickOrEnterOrSpace();\n } else if (isEsc) {\n handleEsc(event);\n }\n }\n\n \/**\n * Function to handle esc key event.\n * @param {Event} event - The event object.\n *\/\n function handleEsc(event) {\n event.target.blur() \/\/ force remove focus\n }\n\n\u003c\/script\u003e \u003cstyle type=\"text\/css\"\u003e\n\n\/**\n * Premium modules global styles\n *\/\n.aplus-v2.desktop {\n max-width: 1464px;\n min-width: 800px;\n margin-left: auto;\n margin-right: auto;\n word-wrap: break-word;\n overflow-wrap: break-word;\n word-break: break-word;\n}\n\/* Undo this for tech-specs because it breaks table layout *\/\n.aplus-v2.desktop .premium-aplus .aplus-tech-spec-table { word-break: initial; }\n\n.aplus-v2 .premium-aplus,\n.aplus-v2 .premium-aplus .aplus-h1,\n.aplus-v2 .premium-aplus .aplus-h2,\n.aplus-v2 .premium-aplus .aplus-p1,\n.aplus-v2 .premium-aplus .aplus-p2,\n.aplus-v2 .premium-aplus .aplus-p3,\n.aplus-v2 .premium-aplus .aplus-accent1,\n.aplus-v2 .premium-aplus .aplus-accent2\n{ font-family: Arial, sans-serif; }\n\n.aplus-v2 .premium-aplus,\n.aplus-v2 .premium-aplus .aplus-h1,\n.aplus-v2 .premium-aplus .aplus-h2,\n.aplus-v2 .premium-aplus .aplus-p1,\n.aplus-v2 .premium-aplus .aplus-p2,\n.aplus-v2 .premium-aplus .aplus-p3,\n.aplus-v2 .premium-aplus .aplus-accent1,\n.aplus-v2 .premium-aplus .aplus-accent2\n{ font-family: inherit; }\n\n\/* type *\/\n.aplus-v2 .premium-aplus .aplus-h1 { font-size: 32px; line-height: 1.2em; font-weight: 500; }\n.aplus-v2 .premium-aplus .aplus-h2 { font-size: 26px; line-height: 1.25em; font-weight: 500; }\n.aplus-v2 .premium-aplus .aplus-h3 { font-size: 18px; line-height: 1.25em; font-weight: 500; }\n.aplus-v2 .premium-aplus .aplus-p1 { font-size: 20px; line-height: 1.3em; font-weight: 300; }\n.aplus-v2 .premium-aplus .aplus-p2 { font-size: 16px; line-height: 1.4em; font-weight: 300; }\n.aplus-v2 .premium-aplus .aplus-p3 { font-size: 14px; line-height: 1.4em; font-weight: 300; }\n.aplus-v2 .premium-aplus .aplus-accent1 { font-size: 16px; line-height: 1.4em; font-weight: 600; }\n.aplus-v2 .premium-aplus .aplus-accent2 { font-size: 14px; line-height: 1.4em; font-weight: 600; }\n\n\/* spacing *\/\n.aplus-v2 .aplus-container-1 { padding: 40px; }\n.aplus-v2 .aplus-container-1-2 { padding: 40px 80px; }\n.aplus-v2 .aplus-container-2 { padding: 80px; }\n.aplus-v2 .aplus-container-3 { padding: 40px 0; }\n\n\/* Display *\/\n.aplus-v2 .premium-aplus .aplus-display-table { display: table; }\n.aplus-v2 .premium-aplus .aplus-display-table-cell { display: table-cell; }\n.aplus-v2 .premium-aplus .aplus-display-inline-block { display: inline-block; }\n\n\/* Aplus display table with min-width 1000px and fill remaining space inside parent *\/\n.aplus-v2.desktop .premium-aplus .aplus-display-table-width { min-width: 1000px; width: 100% }\n\n\/**\n* Padding and margin for element should be 10, 20, 40, or 80 px. Considering mini 10, small 20, medium 40, large 80.\n*\/\n\n\u003c\/style\u003e\n \u003cstyle type=\"text\/css\"\u003e\n\n\/**\n * Premium-module 11: FAQs\n *\/\n\n.aplus-v2 .premium-aplus-module-11 .aplus-question {\n line-height: 25px;\n padding-bottom: 10px;\n}\n\n.aplus-v2 .premium-aplus-module-11 .faq-block {\n padding: 10px 80px 15px 100px;\n}\n\nhtml[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-11 .faq-block {\n padding-left: 80px;\n padding-right: 100px;\n}\n\n.aplus-v2 .premium-aplus-module-11 .faq-block.aplus-active {\n padding-bottom: 35px;\n}\n\n.aplus-v2 .premium-aplus-module-11 .aplus-question::before,\n.aplus-v2 .premium-aplus-module-11 .aplus-answer::before {\n width: 80px;\n line-height: 40px;\n font-size: 25px;\n}\n\n.aplus-v2 .premium-aplus-module-11 .faq-arrow {\n right: 40px;\n}\n\nhtml[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-11 .faq-arrow {\n left: 40px;\n}\n\n\u003c\/style\u003e\n \u003cscript type=\"text\/javascript\"\u003e(function(f) {var _np=(window.P._namespace(\"PremiumAplusModule\"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {\nP.now('premium-module-11-faq').execute(function(init) {\n if (init) {\n return;\n }\n P.register('premium-module-11-faq', function() {\n return function() {\n P.when('A', 'jQuery', 'ready').execute(function(A, $){\n function initFaq(module) { \n const MODULE_CLASS_NAME = 'premium-aplus-module-11';\n const FAQ_CONTAINER_CLASS_NAME = 'faqs-container';\n const FAQ_BLOCK_CLASS_NAME = 'faq-block';\n const moduleId = $(module).data('faq-block');\n const $faqBlocks = $('.aplus-v2 .' + MODULE_CLASS_NAME + ' .' + FAQ_CONTAINER_CLASS_NAME + '.' + moduleId + ' .' + FAQ_BLOCK_CLASS_NAME);\n\n \/**\n * Function to handle click or Enter or Space key events.\n * @param {Element} element - The this object from which the event is dispatched\n * @param {faqBlocks} faqBlocks - List of all the Question and Answer blocks.\n *\/\n function handleClickOrEnterOrSpace(element, faqBlocks) {\n const $element = $(element);\n const isActive = $element.hasClass('aplus-active');\n\n faqBlocks.removeClass('aplus-active');\n faqBlocks.find('[data-faq-question]').attr('aria-expanded', 'false');\n\n if (!isActive) {\n $element.addClass('aplus-active');\n $element.find('[data-faq-question]').attr('aria-expanded', 'true');\n }\n }\n\n \/* Using jQuery event namespace for preventing duplicate binding on twister refresh *\/\n $faqBlocks.unbind('click keydown.premiumAplusModule11ClickHandler').bind('click keydown.premiumAplusModule11ClickHandler', function(event) {\n handleClickAndKeyEvents(event, () =\u003e handleClickOrEnterOrSpace(this, $faqBlocks)); \n });\n }\n $(\".aplus-v2 .premium-aplus-module-11 .faqs-container\").each(function(index, module) {\n initFaq(module);\n });\n });\n };\n });\n});\n}));\u003c\/script\u003e \u003cstyle type=\"text\/css\"\u003e\n\n\/**\n * Premium-module 12: Nav Carousel\n *\/\n\n.aplus-v2 .premium-aplus-module-12 .aplus-carousel-card {\n position: relative;\n width: 100%;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-carousel-container {\n position: relative;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-image-carousel-container {\n \/* Match the aspect ratio of the desktop image uploaded via the editor (1464px x 600px) *\/\n padding-top: calc(600 \/ 1464 * 100%); \/* ~40.983% *\/\n height: 0;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-image-carousel-container \u003e div {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n}\n\n\/* Override AUI styles. It poorly attempts to measure the slide heights before waiting until images load. *\/\n.aplus-v2 .premium-aplus-module-12 .a-carousel-viewport {\n height: 100% !important;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-card-image img {\n width: 100%;\n height: auto;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-card-details-wrapper {\n position: absolute;\n top: 0;\n width: 50%;\n height: 100%;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-card-detail {\n display: table;\n width: 100%;\n height: 100%\n}\n\n.aplus-v2 .premium-aplus-module-12 .card-description {\n text-align: left;\n}\n\nhtml[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-12 .card-description {\n text-align: right;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-table-cell {\n display: table-cell;\n vertical-align: middle;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-text-background {\n padding: 20px;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color {\n background: rgba(0, 0, 0, 0.5);\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color,\n.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color h1,\n.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color h5,\n.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color ol,\n.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color ul,\n.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color ol .a-list-item,\n.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color ul .a-list-item {\n color: #fff;\n}\n\n.aplus-v2 .premium-aplus-module-12 .description {\n margin-top: 20px;\n}\n\n\/* nav *\/\n.aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions {\n position: absolute;\n top: 20px;\n width: 100%;\n text-align: center;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn {\n display: inline-block;\n margin: 7px 10px;\n cursor: pointer;\n border-radius: 30px;\n border: 2px solid #000;\n line-height: 2.5em;\n min-width: 200px;\n background-color: #fff;\n white-space: nowrap;\n color: #000;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-carousel-index {\n display: none;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.aplus-active {\n border-color: #fff;\n background-color: #000;\n color: #fff;\n}\n\n\/**\n * Regimen template specific css\n *\/\n\nhtml[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen {\n text-align: right;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions.regimen {\n text-align: right;\n top: 50%;\n width: 250px;\n right: 75px;\n -webkit-transform: translateY(-50%);\n -moz-transform: translateY(-50%);\n -o-transform: translateY(-50%);\n transform: translateY(-50%);\n}\n\nhtml[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions.regimen {\n text-align: left;\n top: 50%;\n left: 75px;\n right: auto;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen {\n display: inline-block;\n margin: 10px 10px;\n cursor: pointer;\n border-radius: 30px;\n border: 2px solid #000;\n width: 220px;\n background-color: #fff;\n padding: 2px 0 2px;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen.aplus-active {\n border-color: #fff;\n background-color: #000;\n color: #fff;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen.aplus-active .aplus-carousel-index {\n color: inherit;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen.aplus-active .aplus-carousel-label {\n color: inherit;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions .regimen .aplus-carousel-index {\n display: inline-block;\n width: 12px;\n color: #000;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions .regimen .aplus-carousel-label {\n color: #000;\n}\n\nhtml[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions .regimen .aplus-carousel-index {\n margin-left: 0px;\n margin-right: 6px;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-headline-top.regimen {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n background-color: #000;\n opacity: 0.5;\n text-align: center;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-headline-top.regimen .aplus-headline {\n color: #fff;\n line-height: 2em;\n}\n\n\/**\n * Navigation template specific css\n *\/\n\n.aplus-v2 .premium-aplus-module-12--top-nav .aplus-carousel-actions {\n background-color: rgba(0, 0, 0, 0.8);\n top: 0px;\n}\n\n.aplus-v2 .premium-aplus-module-12--top-nav .aplus-goto-btn {\n padding: 8px;\n color: #fff;\n background-color: transparent;\n border: none;\n}\n\n.aplus-v2 .premium-aplus-module-12--top-nav .aplus-goto-btn.aplus-active {\n text-decoration: underline;\n text-underline-offset: 0.8em;\n text-decoration-thickness: 3px;\n background-color: transparent;\n border: none;\n}\n\u003c\/style\u003e\n \u003cstyle type=\"text\/css\"\u003e\n\n.aplus-v2 .premium-aplus-module-4 .premium-aplus-two-column {\n text-align: center;\n}\n\n.aplus-v2 .premium-aplus-module-4 .premium-aplus-two-column {\n text-align: inherit;\n}\n\n.aplus-v2 .premium-aplus-module-4 .premium-aplus-column {\n display: inline-block;\n vertical-align: top;\n width: 50%;\n}\n\n.aplus-v2 .premium-aplus-module-4 .premium-module-4-heading {\n padding-bottom: 40px;\n}\n\n.aplus-v2 .premium-aplus-module-4 div.premium-aplus-column:nth-child(2n) {\n padding-left: 40px;\n}\n\nhtml[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-4 div.premium-aplus-column:nth-child(2n) {\n padding-left: 0px;\n padding-right: 40px;\n}\n\n.aplus-v2 .premium-aplus-module-4 div.premium-aplus-column:nth-child(2n-1) {\n padding-right: 40px;\n}\n\nhtml[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-4 div.premium-aplus-column:nth-child(2n-1) {\n padding-right: 0px;\n padding-left: 40px;\n}\n\n.aplus-v2 .premium-aplus-module-4 .column-heading {\n padding-top: 20px;\n}\n\n.aplus-v2 .premium-aplus-module-4 .column-description {\n padding-top: 10px;\n}\n\n\u003c\/style\u003e\n \u003cstyle type=\"text\/css\"\u003e\n\n\/**\n * Premium-module 13: Carousel\n *\/\n\n.aplus-v2 .premium-aplus-module-13 .aplus-card-description-wrapper {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.aplus-v2 .premium-aplus-module-13 .aplus-card-description {\n display: table;\n width: 50%;\n height: 100%;\n color: #fff;\n}\n\n.aplus-v2 .premium-aplus-module-13 .aplus-card-table-cell {\n display: table-cell;\n vertical-align: middle;\n text-align: left;\n}\n\nhtml[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-13 .aplus-card-table-cell {\n text-align: right;\n}\n\n.aplus-v2 .premium-aplus-module-13 .aplus-text-background {\n background: rgba(0, 0, 0, 0.6);\n}\n\n.aplus-v2 .premium-aplus-module-13 .aplus-card-body {\n padding: 20px 40px 0 0;\n}\n\nhtml[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-13 .aplus-card-body {\n padding: 20px 0 0 40px;\n}\n\n.aplus-v2 .premium-aplus-module-13 .aplus-pagination-wrapper {\n position: absolute;\n top: 92%;\n width: 100%;\n}\n\n\u003c\/style\u003e\n \u003cscript type=\"text\/javascript\"\u003e(function(f) {var _np=(window.P._namespace(\"PremiumAplusModule\"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {\nP.now('premium-module-12-nav-carousel').execute(function(init) {\n if (init) {\n return;\n }\n P.register('premium-module-12-nav-carousel', function(){\n return function() {\n P.when('A', 'jQuery', 'a-carousel-framework', 'ready').execute(function (A, $, framework) {\n function initiateCarousel(module) {\n var MODULE_ID = $(module).data('module-id');\n \/**\n * Carousel button element classname\n * @const\n *\/\n var GOTO_BTN_CLASS_NAME = \"aplus-goto-btn-\" + MODULE_ID;\n \/**\n * Carousel button element active classname\n * @const\n *\/\n var GOTO_BTN_ACTIVE_CLASS_NAME = \"aplus-active\";\n \/**\n * AUI name for aui carousel\n * @const\n *\/\n var CAROUSEL_NAME = \"premium-aplus-12-carousel-\" + MODULE_ID;\n \/**\n * Module class name\n * @const\n *\/\n var MODULE_CLASS_NAME = \".aplus-v2 .premium-aplus-module-12\";\n \/**\n * Carousel text container class name\n * @const\n *\/\n var TEXT_CONTAINER_CLASS_NAME = MODULE_CLASS_NAME + \" .aplus-carousel-text-container-\" + MODULE_ID;\n \/**\n * Carousel text hidden class name\n * @const\n *\/\n var TEXT_CONTAINER_HIDDEN = \"aplus-hidden\";\n \/**\n * Carousel horizontal scroll container class name\n * @const\n *\/\n var HORIZONTAL_SCROLL_CONTAINER_CLASS_NAME = MODULE_CLASS_NAME + \" .aplus-horizontal-scroll-container-\" + MODULE_ID;\n\n function showCarouselText(oldIndex, newIndex) {\n var oldClass = TEXT_CONTAINER_CLASS_NAME + \"-\" + oldIndex;\n var newClass= TEXT_CONTAINER_CLASS_NAME + \"-\" + newIndex;\n $(oldClass).addClass(TEXT_CONTAINER_HIDDEN);\n $(newClass).removeClass(TEXT_CONTAINER_HIDDEN);\n }\n\n function scrollToCarouselButton(scrollLeft) {\n if ($(HORIZONTAL_SCROLL_CONTAINER_CLASS_NAME).length) {\n $(HORIZONTAL_SCROLL_CONTAINER_CLASS_NAME).animate({scrollLeft}, 200);\n }\n }\n\n \/**\n * Creates a CarouselButton class for provided carousel instance\n * @param {object} carousel - AUI Carousel instance\n * @returns {Class} - CarouselButton Class\n *\/\n function CarouselButtonTemplate(carousel) {\n \/**\n * Button for controlling the active slide\n * @constructor\n * @param {number} index - slide index\n * @param {DOMElement} [elem] - optional DOM element to use as this objects DOM representation\n *\/\n function CarouselButton(index, elem) {\n var self = this;\n this.index = index;\n this.carousel = carousel;\n\n \/* create the button element *\/\n this.elem = this.getElem(elem);\n this.$elem = $(this.elem); \/* store jquery version *\/\n this.elem.addEventListener('click', self.handleClick.bind(self));\n this.elem.setAttribute('role', 'tab');\n\n \/* add this object to the object manager *\/\n CarouselButton.objects.byId[index] = this;\n CarouselButton.objects.all.push(this);\n }\n\n \/**\n * Describe behavior for click events on this.elem\n * @memberOf CarouselButton\n *\/\n CarouselButton.prototype.handleClick = function(e) {\n e.preventDefault();\n this.carousel.gotoPage(this.index);\n };\n\n \/**\n * Enter active state\n * @memberOf CarouselButton\n *\/\n CarouselButton.prototype.activate = function() {\n this.$elem.addClass(GOTO_BTN_ACTIVE_CLASS_NAME).attr('aria-selected', 'true');\n };\n\n \/**\n * Enter inactive state\n * @memberOf CarouselButton\n *\/\n CarouselButton.prototype.deactivate = function() {\n this.$elem.removeClass(GOTO_BTN_ACTIVE_CLASS_NAME).attr('aria-selected', 'false');\n };\n\n \/**\n * Returns an existing or creates a new bound element for this object\n * @memberOf CarouselButton\n * @param {DOMElement} [elem] - optionally provide an existing element in the DOM to use\n * @returns {DOMElement} - this objects DOM representation\n *\/\n CarouselButton.prototype.getElem = function(elem) {\n if (this.elem) return this.elem;\n if (elem) return elem;\n\n var createdElem = document.createElement('span');\n createdElem.className = GOTO_BTN_CLASS_NAME;\n\n return createdElem;\n };\n\n \/** @const Object manager *\/\n CarouselButton.objects = {\n byId: {},\n all: [],\n };\n\n return CarouselButton;\n }\n\n framework.onInit(CAROUSEL_NAME, function(carousel) {\n \/** @const {Class} *\/\n var CarouselButton = CarouselButtonTemplate(carousel);\n\n \/* create carousel controls *\/\n var $carouselBtns = $(safeClassSelector(GOTO_BTN_CLASS_NAME));\n var btns = $carouselBtns.map(function(i, btnElem) {\n return new CarouselButton(i + 1, btnElem);\n });\n\n \/* activate first one *\/\n CarouselButton.objects.byId[1].activate();\n\n \/* Listen to slide changes *\/\n A.on(\"a:carousel:\" + CAROUSEL_NAME + \":change:pageNumber\", function (data) {\n var newCarouselButton = CarouselButton.objects.byId[data.newValue];\n var marginLeft = parseInt(getComputedStyle(newCarouselButton.elem).getPropertyValue('margin-left'));\n var positionLeft = newCarouselButton.elem.offsetLeft - marginLeft;\n\n newCarouselButton.activate();\n CarouselButton.objects.byId[data.oldValue].deactivate();\n scrollToCarouselButton(positionLeft);\n showCarouselText(data.oldValue, data.newValue);\n });\n });\n\n \/**\n * @returns {string} - css classname prefixed with module selector\n *\/\n function safeClassSelector(className) {\n return '.' + MODULE_CLASS_NAME + ' .' + className;\n }\n }\n\n $('.aplus-v2 .premium-aplus-module-12 .aplus-carousel-container').each(function (index, module) {\n initiateCarousel(module);\n });\n framework.createAll();\n framework.initializeAll();\n });\n }\n })\n});\n}));\u003c\/script\u003e \u003cdiv class=\"aplus-content-wrapper\"\u003e\n \u003cdiv class=\"celwidget aplus-module premium-module-2-fullbackground-image aplus-premium\" cel_widget_id=\"aplus-premium-module-2-fullbackground-image\" data-csa-c-id=\"8q2ltl-mbbkoj-wxz4b2-damwic\"\u003e\n \u003cdiv class=\"a-section a-spacing-none premium-aplus premium-aplus-module-2\"\u003e \u003cdiv class=\"a-section a-spacing-none premium-background-wrapper\"\u003e \u003cdiv class=\"a-section a-spacing-none background-image\"\u003e \u003cimg alt=\"Aluminum Cable Railing Gate\" src=\"https:\/\/images-na.ssl-images-amazon.com\/images\/G\/01\/x-locale\/common\/grey-pixel.gif\" class=\"a-lazy-loaded\" data-src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/845aa8c9-d26c-4c57-95d1-6d681fe96745.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\u003cimg alt=\"Aluminum Cable Railing Gate\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/845aa8c9-d26c-4c57-95d1-6d681fe96745.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"a-section a-text-center\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e\n\n \u003cdiv class=\"celwidget aplus-module premium-module-4-two-column-images aplus-premium\" cel_widget_id=\"aplus-premium-module-4-two-column-images\" data-csa-c-id=\"pa366e-77iaxn-u4l9b2-tnwzem\"\u003e\n \u003cdiv class=\"a-section a-spacing-none premium-aplus premium-aplus-module-4 aplus-container-1\"\u003e \u003cdiv class=\"a-section a-spacing-none premium-aplus-two-column\"\u003e \u003cdiv class=\"a-section a-spacing-none premium-aplus-column\"\u003e \u003cdiv class=\"a-section a-spacing-none {'column-image'}\"\u003e \u003cimg alt=\"Aluminum Cable Railing Gate\" src=\"https:\/\/images-na.ssl-images-amazon.com\/images\/G\/01\/x-locale\/common\/grey-pixel.gif\" class=\"a-lazy-loaded\" data-src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/b7ffc0aa-c7ce-4596-8d9e-3f471e5d2291.__CR0,0,650,350_PT0_SX650_V1___.jpg\"\u003e\u003cimg alt=\"Aluminum Cable Railing Gate\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/b7ffc0aa-c7ce-4596-8d9e-3f471e5d2291.__CR0,0,650,350_PT0_SX650_V1___.jpg\"\u003e \u003c\/div\u003e \u003cdiv class=\"a-section a-spacing-none column-heading\"\u003e \u003c\/div\u003e \u003cdiv class=\"a-section a-spacing-none column-description\"\u003e \u003cp class=\"aplus-p3\"\u003e \u003cspan class=\"a-text-bold\"\u003eThe Gyykzz aluminum cable railing gate features a pre-installed terminal kit for easy, hassle-free installation. The swageless, reusable terminals allow quick tension adjustmentsโ€”simply turn the terminal receiver with an L-wrench for a clean, secure finish.\u003c\/span\u003e \u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e\n\u003cdiv class=\"a-section a-spacing-none premium-aplus-column\"\u003e \u003cdiv class=\"a-section a-spacing-none {'column-image'}\"\u003e \u003cimg alt=\"Aluminum Cable Railing Gate\" src=\"https:\/\/images-na.ssl-images-amazon.com\/images\/G\/01\/x-locale\/common\/grey-pixel.gif\" class=\"a-lazy-loaded\" data-src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/bd51061c-d9bd-4b17-909b-022958ca3bb4.__CR0,0,650,350_PT0_SX650_V1___.jpg\"\u003e\u003cimg alt=\"Aluminum Cable Railing Gate\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/bd51061c-d9bd-4b17-909b-022958ca3bb4.__CR0,0,650,350_PT0_SX650_V1___.jpg\"\u003e \u003c\/div\u003e \u003cdiv class=\"a-section a-spacing-none column-heading\"\u003e \u003c\/div\u003e \u003cdiv class=\"a-section a-spacing-none column-description\"\u003e \u003cp class=\"aplus-p3\"\u003e \u003cspan class=\"a-text-bold\"\u003eDesigned to support width adjustments from 2 ft to 4 ft, this cable railing gate can be easily cut to fit different openings. In contrast, many metal gates require heavy-duty tools to cut, making size adjustments less convenient and more restrictive.\u003c\/span\u003e \u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e\n\n \u003cdiv class=\"celwidget aplus-module premium-module-12-nav-carousel aplus-premium\" cel_widget_id=\"aplus-premium-module-12-nav-carousel\" data-csa-c-id=\"dhxmz8-4hzl9o-8gz5vg-cngn23\"\u003e\n \u003cdiv class=\"a-section a-spacing-none premium-aplus premium-aplus-module-12 premium-aplus-module-12--top-nav\"\u003e \u003cdiv data-module-id=\"2\" class=\"a-section a-spacing-none aplus-carousel-container\"\u003e \u003cdiv id=\"premium-aplus-12-carousel-2-id\" data-a-carousel-options='{\"peek_percentage\":0,\"minimum_gutter_width\":0,\"show_partial_next\":false,\"name\":\"premium-aplus-12-carousel-2\"}' aria-label=\"Featured content carousel\" aria-roledescription=\"carousel\" data-a-display-strategy=\"single\" data-a-transition-strategy=\"slideCircular\" role=\"region\" class=\"a-begin a-carousel-container a-carousel-display-single a-carousel-transition-slideCircular aplus-image-carousel-container\"\u003e\n\u003cinput autocomplete=\"on\" type=\"hidden\" class=\"a-carousel-firstvisibleitem\"\u003e \u003cdiv class=\"a-row a-carousel-controls a-carousel-row a-carousel-has-buttons a-carousel-overlay-buttons a-carousel-rounded-buttons\"\u003e\u003cdiv class=\"a-carousel-row-inner\"\u003e\n\u003cdiv class=\"a-carousel-col a-carousel-left\"\u003e\u003ca class=\"a-carousel-goto-prevpage\" role=\"button\" href=\"#\"\u003e\u003ci class=\"a-icon a-icon-previous-rounded\"\u003e\u003cspan class=\"a-icon-alt\"\u003ePrevious page\u003c\/span\u003e\u003c\/i\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"a-carousel-col a-carousel-center\"\u003e\u003cdiv class=\"a-carousel-viewport\" aria-roledescription=\"slide\"\u003e\u003col class=\"a-carousel\" role=\"list\"\u003e \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card aplus-carousel-card\" aria-setsize=\"4\"\u003e \u003cdiv class=\"a-section a-spacing-none aplus-card-image\"\u003e \u003cimg alt=\"Aluminum Cable Railing Gate\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/21a4623b-2ff0-4d2d-9180-6e793aa0ebb3.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card aplus-carousel-card\" aria-setsize=\"4\"\u003e \u003cdiv class=\"a-section a-spacing-none aplus-card-image\"\u003e \u003cimg alt=\"Aluminum Cable Railing Gate\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/184c4106-7209-40ce-9951-45074245aec8.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card aplus-carousel-card\" aria-setsize=\"4\"\u003e \u003cdiv class=\"a-section a-spacing-none aplus-card-image\"\u003e \u003cimg alt=\"Aluminum Cable Railing Gate\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/ff693ec7-2f24-40f7-9f62-6209796f943e.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card aplus-carousel-card\" aria-setsize=\"4\"\u003e \u003cdiv class=\"a-section a-spacing-none aplus-card-image\"\u003e \u003cimg alt=\"Aluminum Cable Railing Gate\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/385917ca-d568-47ce-925b-2f7af6b3a904.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"a-carousel-col a-carousel-right\"\u003e\u003ca class=\"a-carousel-goto-nextpage\" role=\"button\" href=\"#\"\u003e\u003ci class=\"a-icon a-icon-next-rounded\"\u003e\u003cspan class=\"a-icon-alt\"\u003eNext page\u003c\/span\u003e\u003c\/i\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e \u003cspan class=\"a-end aok-hidden\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e \u003cdiv id=\"aplus-carousel-actions-2\" aria-label=\"tablist section\" class=\"a-section aplus-carousel-actions\" role=\"tablist\"\u003e \u003cbutton class=\"aplus-goto-btn aplus-goto-btn-2 aplus-active\" role=\"tab\" tabindex=\"0\" aria-selected=\"true\"\u003e\n \u003cspan class=\"aplus-carousel-index\"\u003e1\u003c\/span\u003e \u003cspan class=\"aplus-accent2 aplus-carousel-label\"\u003eSize \u0026amp; Package\u003c\/span\u003e \u003c\/button\u003e\n \u003cbutton class=\"aplus-goto-btn aplus-goto-btn-2 \" role=\"tab\" tabindex=\"0\" aria-selected=\"false\"\u003e\n \u003cspan class=\"aplus-carousel-index\"\u003e2\u003c\/span\u003e \u003cspan class=\"aplus-accent2 aplus-carousel-label\"\u003eSurface Coating\u003c\/span\u003e \u003c\/button\u003e\n \u003cbutton class=\"aplus-goto-btn aplus-goto-btn-2 \" role=\"tab\" tabindex=\"0\" aria-selected=\"false\"\u003e\n \u003cspan class=\"aplus-carousel-index\"\u003e3\u003c\/span\u003e \u003cspan class=\"aplus-accent2 aplus-carousel-label\"\u003ePremium Aluminum\u003c\/span\u003e \u003c\/button\u003e\n \u003cbutton class=\"aplus-goto-btn aplus-goto-btn-2 \" role=\"tab\" tabindex=\"0\" aria-selected=\"false\"\u003e\n \u003cspan class=\"aplus-carousel-index\"\u003e4\u003c\/span\u003e \u003cspan class=\"aplus-accent2 aplus-carousel-label\"\u003eWeather Resistance\u003c\/span\u003e \u003c\/button\u003e\n \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript type=\"text\/javascript\"\u003e(function(f) {var _np=(window.P._namespace(\"PremiumAplusModule\"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {\n P.when('premium-module-12-nav-carousel').execute(function(init){\n init();\n });\n}));\u003c\/script\u003e \u003c\/div\u003e\n\n \u003cdiv class=\"celwidget aplus-module premium-module-2-fullbackground-image aplus-premium\" cel_widget_id=\"aplus-premium-module-2-fullbackground-image\" data-csa-c-id=\"ptqof9-hgpace-c5v9g2-fgntc7\"\u003e\n \u003cdiv class=\"a-section a-spacing-none premium-aplus premium-aplus-module-2\"\u003e \u003cdiv class=\"a-section a-spacing-none premium-background-wrapper\"\u003e \u003cdiv class=\"a-section a-spacing-none background-image\"\u003e \u003cimg alt=\"Aluminum Cable Railing Gate\" src=\"https:\/\/images-na.ssl-images-amazon.com\/images\/G\/01\/x-locale\/common\/grey-pixel.gif\" class=\"a-lazy-loaded\" data-src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/a35f9c55-3dcc-4f92-b17a-e4f9637594aa.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\u003cimg alt=\"Aluminum Cable Railing Gate\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/a35f9c55-3dcc-4f92-b17a-e4f9637594aa.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"a-section a-text-center\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e\n\n \u003cdiv class=\"celwidget aplus-module premium-module-11-faq aplus-premium\" cel_widget_id=\"aplus-premium-module-11-faq\" data-csa-c-id=\"nb049s-2v0b18-pq7uz-q9oz82\"\u003e\n \u003cdiv class=\"a-section a-spacing-none premium-aplus premium-aplus-module-11\"\u003e \u003cdiv data-faq-block=\"4\" class=\"a-section a-spacing-none aplus-container-2 faqs-container 4\"\u003e \u003cul class=\"faq-list\"\u003e\n \u003cli id=\"faq-qa-pair-0\" class=\"faq-block\"\u003e\n \u003ch3\u003e\n \u003cspan data-faq-question=\"\" role=\"button\" tabindex=\"0\" aria-controls=\"faq-0\" aria-expanded=\"false\"\u003e\n \u003cp class=\"aplus-question aplus-p1\"\u003e What is the height and width of this gate? \u003c\/p\u003e \u003cspan class=\"faq-arrow\" aria-label=\"\"\u003e\u003c\/span\u003e\n \u003c\/span\u003e \n \u003c\/h3\u003e\n \u003cp class=\"aplus-answer aplus-p2\"\u003e The gate is 32.8 inches tall and 4 feet wide, perfect for 36-inch railing systems. It can easily be cut to fit openings from 2 ft to 4 ft. \u003c\/p\u003e \u003c\/li\u003e\n \u003cli id=\"faq-qa-pair-1\" class=\"faq-block\"\u003e\n \u003ch3\u003e\n \u003cspan data-faq-question=\"\" role=\"button\" tabindex=\"0\" aria-controls=\"faq-1\" aria-expanded=\"false\"\u003e\n \u003cp class=\"aplus-question aplus-p1\"\u003e How does this aluminum gate compare to traditional metal gates? \u003c\/p\u003e \u003cspan class=\"faq-arrow\" aria-label=\"\"\u003e\u003c\/span\u003e\n \u003c\/span\u003e \n \u003c\/h3\u003e\n \u003cp class=\"aplus-answer aplus-p2\"\u003e Unlike heavy, rust-prone metal gates that require frequent maintenance, this gate is made of lightweight, rust-resistant aluminum with a premium AAMA 6604 coating. It won't sag, fade, or rust, ensuring long-lasting performance with minimal upkeep. \u003c\/p\u003e \u003c\/li\u003e\n \u003cli id=\"faq-qa-pair-2\" class=\"faq-block\"\u003e\n \u003ch3\u003e\n \u003cspan data-faq-question=\"\" role=\"button\" tabindex=\"0\" aria-controls=\"faq-2\" aria-expanded=\"false\"\u003e\n \u003cp class=\"aplus-question aplus-p1\"\u003e Can I use this gate with different types of railing systems? \u003c\/p\u003e \u003cspan class=\"faq-arrow\" aria-label=\"\"\u003e\u003c\/span\u003e\n \u003c\/span\u003e \n \u003c\/h3\u003e\n \u003cp class=\"aplus-answer aplus-p2\"\u003e Absolutely! Itโ€™s compatible with wood, metal, and porch railing systems. The complete kit includes all hardware for a seamless fit with various outdoor setups. \u003c\/p\u003e \u003c\/li\u003e\n \u003cli id=\"faq-qa-pair-3\" class=\"faq-block\"\u003e\n \u003ch3\u003e\n \u003cspan data-faq-question=\"\" role=\"button\" tabindex=\"0\" aria-controls=\"faq-3\" aria-expanded=\"false\"\u003e\n \u003cp class=\"aplus-question aplus-p1\"\u003e Is this gate easy to install for a first-time DIYer? \u003c\/p\u003e \u003cspan class=\"faq-arrow\" aria-label=\"\"\u003e\u003c\/span\u003e\n \u003c\/span\u003e \n \u003c\/h3\u003e\n \u003cp class=\"aplus-answer aplus-p2\"\u003e This gate is DIY-friendly with a pre-drilled frame and pre-installed cable terminal kit, making installation quick and easy. Most first-timers can finish in about 15 minutes with just basic tools. \u003c\/p\u003e \u003c\/li\u003e\n \u003cli id=\"faq-qa-pair-4\" class=\"faq-block\"\u003e\n \u003ch3\u003e\n \u003cspan data-faq-question=\"\" role=\"button\" tabindex=\"0\" aria-controls=\"faq-4\" aria-expanded=\"false\"\u003e\n \u003cp class=\"aplus-question aplus-p1\"\u003e Does this gate come with all necessary installation hardware? \u003c\/p\u003e \u003cspan class=\"faq-arrow\" aria-label=\"\"\u003e\u003c\/span\u003e\n \u003c\/span\u003e \n \u003c\/h3\u003e\n \u003cp class=\"aplus-answer aplus-p2\"\u003e Yes, the gate kit includes everything you need for installation: the gate frame, hinges, latch, and all mounting hardware. If any parts are missing, please reach out to us for a replacementโ€”no return or exchange required. \u003c\/p\u003e \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e \u003c\/div\u003e \u003cscript type=\"text\/javascript\"\u003e(function(f) {var _np=(window.P._namespace(\"PremiumAplusModule\"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {\n P.when('premium-module-11-faq').execute(function(init){\n init();\n });\n}));\u003c\/script\u003e \u003c\/div\u003e\n\n \u003cdiv class=\"celwidget aplus-module premium-module-12-regimen-carousel aplus-premium\" cel_widget_id=\"aplus-premium-module-12-regimen-carousel\" data-csa-c-id=\"92ni12-mw2bfc-7i90wj-o61zjy\"\u003e\n \u003cajsp:map var=\"carouselContainerAria\" roledescription=\"carousel\" label=\"Featured content carousel\"\u003e\n\n \u003cdiv class=\"a-section a-spacing-none premium-aplus premium-aplus-module-12\"\u003e \u003cdiv data-module-id=\"5\" class=\"a-section a-spacing-none aplus-carousel-container\"\u003e \u003cdiv id=\"premium-aplus-12-carousel-5-id\" data-a-carousel-options='{\"peek_percentage\":0,\"minimum_gutter_width\":0,\"show_partial_next\":false,\"name\":\"premium-aplus-12-carousel-5\"}' aria-label=\"Featured content carousel\" aria-roledescription=\"carousel\" data-a-display-strategy=\"single\" data-a-transition-strategy=\"slideCircular\" role=\"region\" class=\"a-begin a-carousel-container a-carousel-display-single a-carousel-transition-slideCircular aplus-image-carousel-container\"\u003e\n\u003cinput autocomplete=\"on\" type=\"hidden\" class=\"a-carousel-firstvisibleitem\"\u003e \u003cdiv class=\"a-row a-carousel-controls a-carousel-row a-carousel-has-buttons a-carousel-overlay-buttons a-carousel-rounded-buttons\"\u003e\u003cdiv class=\"a-carousel-row-inner\"\u003e\n\u003cdiv class=\"a-carousel-col a-carousel-left\"\u003e\u003ca class=\"a-carousel-goto-prevpage\" role=\"button\" href=\"#\"\u003e\u003ci class=\"a-icon a-icon-previous-rounded\"\u003e\u003cspan class=\"a-icon-alt\"\u003ePrevious page\u003c\/span\u003e\u003c\/i\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"a-carousel-col a-carousel-center\"\u003e\u003cdiv class=\"a-carousel-viewport\" aria-roledescription=\"slide\"\u003e\u003col class=\"a-carousel\" role=\"list\"\u003e \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card aplus-carousel-card\" aria-setsize=\"4\"\u003e \u003cdiv class=\"a-section a-spacing-none aplus-card-image\"\u003e \u003cimg alt=\"Aluminum Cable Railing Gate\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/d446b775-bf64-4524-becc-d28f48fbb2d4.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card aplus-carousel-card\" aria-setsize=\"4\"\u003e \u003cdiv class=\"a-section a-spacing-none aplus-card-image\"\u003e \u003cimg alt=\"Aluminum Cable Railing Gate\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/e2e06bde-db4a-4d70-9ba7-8b0c874a185d.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card aplus-carousel-card\" aria-setsize=\"4\"\u003e \u003cdiv class=\"a-section a-spacing-none aplus-card-image\"\u003e \u003cimg alt=\"Aluminum Cable Railing Gate\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/ca6db442-dda1-438c-b52a-0b995aa23d0e.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card aplus-carousel-card\" aria-setsize=\"4\"\u003e \u003cdiv class=\"a-section a-spacing-none aplus-card-image\"\u003e \u003cimg alt=\"Aluminum Cable Railing Gate\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/185868c9-ca28-46cf-849f-64a875a36bd8.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"a-carousel-col a-carousel-right\"\u003e\u003ca class=\"a-carousel-goto-nextpage\" role=\"button\" href=\"#\"\u003e\u003ci class=\"a-icon a-icon-next-rounded\"\u003e\u003cspan class=\"a-icon-alt\"\u003eNext page\u003c\/span\u003e\u003c\/i\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e \u003cspan class=\"a-end aok-hidden\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e \u003cdiv class=\"aplus-headline-top regimen\"\u003e\n \u003ch3 class=\"aplus-accent1 aplus-headline\"\u003e Upgrade your outdoor deck with the Gyykzz aluminum cable railing gate for a stylish, secure space \u003c\/h3\u003e \u003c\/div\u003e\n \u003cdiv id=\"aplus-carousel-actions-5\" aria-label=\"tablist section\" class=\"a-section aplus-carousel-actions regimen\" role=\"tablist\"\u003e \u003cspan class=\"a-button a-button-search aplus-goto-btn regimen aplus-goto-btn-5 aplus-active\" id=\"a-autoid-16\"\u003e\u003cspan class=\"a-button-inner\"\u003e\u003cbutton role=\"tab\" class=\"a-button-text a-text-left\" type=\"button\" id=\"a-autoid-16-announce\"\u003e \u003cspan class=\"aplus-accent2 aplus-carousel-index\"\u003e1\u003c\/span\u003e \u003cspan class=\"aplus-accent2 aplus-carousel-label\"\u003eDeck\u003c\/span\u003e \u003c\/button\u003e\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"a-button a-button-search aplus-goto-btn regimen aplus-goto-btn-5\" id=\"a-autoid-17\"\u003e\u003cspan class=\"a-button-inner\"\u003e\u003cbutton role=\"tab\" class=\"a-button-text a-text-left\" type=\"button\" id=\"a-autoid-17-announce\"\u003e \u003cspan class=\"aplus-accent2 aplus-carousel-index\"\u003e2\u003c\/span\u003e \u003cspan class=\"aplus-accent2 aplus-carousel-label\"\u003eSeaside\u003c\/span\u003e \u003c\/button\u003e\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"a-button a-button-search aplus-goto-btn regimen aplus-goto-btn-5\" id=\"a-autoid-18\"\u003e\u003cspan class=\"a-button-inner\"\u003e\u003cbutton role=\"tab\" class=\"a-button-text a-text-left\" type=\"button\" id=\"a-autoid-18-announce\"\u003e \u003cspan class=\"aplus-accent2 aplus-carousel-index\"\u003e3\u003c\/span\u003e \u003cspan class=\"aplus-accent2 aplus-carousel-label\"\u003eYard\u003c\/span\u003e \u003c\/button\u003e\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"a-button a-button-search aplus-goto-btn regimen aplus-goto-btn-5\" id=\"a-autoid-19\"\u003e\u003cspan class=\"a-button-inner\"\u003e\u003cbutton role=\"tab\" class=\"a-button-text a-text-left\" type=\"button\" id=\"a-autoid-19-announce\"\u003e \u003cspan class=\"aplus-accent2 aplus-carousel-index\"\u003e4\u003c\/span\u003e \u003cspan class=\"aplus-accent2 aplus-carousel-label\"\u003ePool\u003c\/span\u003e \u003c\/button\u003e\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript type=\"text\/javascript\"\u003e(function(f) {var _np=(window.P._namespace(\"PremiumAplusModule\"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {\n P.when('premium-module-12-nav-carousel').execute(function(init){\n init();\n });\n}));\u003c\/script\u003e \u003c\/ajsp:map\u003e\n\u003c\/div\u003e\n\n \u003cdiv class=\"celwidget aplus-module premium-module-13-carousel aplus-premium\" cel_widget_id=\"aplus-premium-module-13-carousel\" data-csa-c-id=\"ltsd16-qbmjjm-e0rpvf-74vrt\"\u003e\n \u003cdiv class=\"a-section a-spacing-none premium-aplus premium-aplus-module-13\"\u003e \u003ch1 class=\"aplus-container-3 aplus-h1 a-text-bold\"\u003e Gyykzz provides premium railing systems, offering expert service and solutions \u003c\/h1\u003e \u003cdiv class=\"a-section a-spacing-none aplus-carousel-container\"\u003e \u003cdiv id=\"premium-aplus-13-carousel-6-id\" data-a-carousel-options='{\"peek_percentage\":0,\"minimum_gutter_width\":0,\"show_partial_next\":false,\"name\":\"premium-aplus-13-carousel-6\"}' aria-label=\"Featured content carousel\" aria-roledescription=\"carousel\" data-a-display-strategy=\"single\" data-a-transition-strategy=\"slideCircular\" role=\"region\" class=\"a-begin a-carousel-container a-carousel-display-single a-carousel-transition-slideCircular\"\u003e\n\u003cinput autocomplete=\"on\" type=\"hidden\" class=\"a-carousel-firstvisibleitem\"\u003e \u003cdiv class=\"a-row a-carousel-controls a-carousel-row a-carousel-has-buttons a-carousel-overlay-buttons a-carousel-rounded-buttons\"\u003e\u003cdiv class=\"a-carousel-row-inner\"\u003e\n\u003cdiv class=\"a-carousel-col a-carousel-left\"\u003e\u003ca class=\"a-carousel-goto-prevpage\" role=\"button\" href=\"#\"\u003e\u003ci class=\"a-icon a-icon-previous-rounded\"\u003e\u003cspan class=\"a-icon-alt\"\u003ePrevious page\u003c\/span\u003e\u003c\/i\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"a-carousel-col a-carousel-center\"\u003e\u003cdiv class=\"a-carousel-viewport\" aria-roledescription=\"slide\"\u003e\u003col class=\"a-carousel\" role=\"list\"\u003e \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card aplus-carousel-element\" aria-setsize=\"4\"\u003e \u003cdiv id=\"premium-aplus-13-carousel-6-slide-0\"\u003e\n \u003cdiv class=\"a-section a-spacing-none aplus-card-image\"\u003e \u003cimg alt=\"Aluminum Cable Railing Gate\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/fff8b698-0664-44b8-8886-1e52e01d81d3.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e \u003c\/div\u003e \u003c\/div\u003e\n \u003c\/li\u003e \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card aplus-carousel-element\" aria-setsize=\"4\"\u003e \u003cdiv id=\"premium-aplus-13-carousel-6-slide-1\"\u003e\n \u003cdiv class=\"a-section a-spacing-none aplus-card-image\"\u003e \u003cimg alt=\"Aluminum Cable Railing Gate\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/43ac2cbc-b89b-44f2-a0cf-17e8c89d6524.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e \u003c\/div\u003e \u003c\/div\u003e\n \u003c\/li\u003e \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card aplus-carousel-element\" aria-setsize=\"4\"\u003e \u003cdiv id=\"premium-aplus-13-carousel-6-slide-2\"\u003e\n \u003cdiv class=\"a-section a-spacing-none aplus-card-image\"\u003e \u003cimg alt=\"Aluminum Cable Railing Gate\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/bb00dc56-dce7-4c33-af36-8e42b2c45c16.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e \u003c\/div\u003e \u003c\/div\u003e\n \u003c\/li\u003e \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card aplus-carousel-element\" aria-setsize=\"4\"\u003e \u003cdiv id=\"premium-aplus-13-carousel-6-slide-3\"\u003e\n \u003cdiv class=\"a-section a-spacing-none aplus-card-image\"\u003e \u003cimg alt=\"Aluminum Cable Railing Gate\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/072a4c24-7517-431c-96fe-93579e1aa3fd.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e \u003c\/div\u003e \u003c\/div\u003e\n \u003c\/li\u003e \u003c\/ol\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"a-carousel-col a-carousel-right\"\u003e\u003ca class=\"a-carousel-goto-nextpage\" role=\"button\" href=\"#\"\u003e\u003ci class=\"a-icon a-icon-next-rounded\"\u003e\u003cspan class=\"a-icon-alt\"\u003eNext page\u003c\/span\u003e\u003c\/i\u003e\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e \u003cspan class=\"a-end aok-hidden\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e \u003cdiv class=\"a-section a-spacing-none aplus-pagination-wrapper\"\u003e \u003cstyle type=\"text\/css\"\u003e\n\n.aplus-mantle.aplus-module .aplus-pagination-dots {\n margin: 0;\n}\n\n.aplus-mantle.aplus-module .aplus-pagination-dot {\n display: inline-block;\n list-style: none;\n}\n\n.aplus-mantle.aplus-module .aplus-carousel-nav {\n text-align:center;\n}\n\n.aplus-mantle.aplus-module .carousel-slider-circle {\n display: inline-block;\n cursor: pointer;\n height: 15px;\n width: 15px;\n border: 1px solid #000;\n border-radius: 20px;\n background-color: #fff;\n margin-left: 5px;\n}\n\n.aplus-mantle.aplus-module .carousel-slider-circle.aplus-carousel-active {\n background-color: #DE7921;\n}\n\n.aplus-mantle.aplus-module .aplus-pagination-dot--display-none {\n display: none;\n}\n\n\u003c\/style\u003e\n \u003cscript\u003e\n\nP.now(\"premium-aplus-13-carousel-6\").execute(function(init) {\n if (init) {\n return;\n }\n P.register(\"premium-aplus-13-carousel-6\", function() {\n return function() {\n P.when(\"A\", \"jQuery\", \"a-carousel-framework\", \"ready\").execute(\"paginate-carousel\", function (A, $, framework) {\n const ENTER_KEY_CODE = 13;\n const ESCAPE_KEY_CODE = 27;\n const LEFT_ARROW_KEY = 37;\n const RIGHT_ARROW_KEY = 39;\n const HOME_KEY = 36;\n const END_KEY = 35;\n\n var moduleId = \"6\";\n var carouselName = \"premium-aplus-13-carousel-6\";\n var paginationAction = \"aplus-pagination-dot-action-\" + moduleId + \"-\" + carouselName;\n var paginationGroup = \"#aplus-pagination-group-\" + moduleId + \"-\" + carouselName;\n\n \/* If the carousel goes to a new page *\/\n A.on(\"a:carousel:\"+carouselName+\":change:pageNumber\", function (data) {\n A.$(paginationGroup+\" .carousel-slider-circle\").removeClass(\"aplus-carousel-active\").attr('aria-selected', 'false').attr('tabindex', -1)\n .eq(data.newValue - 1).addClass(\"aplus-carousel-active\").attr('aria-selected', 'true').attr('tabindex', 0);\n });\n\n function syncPaginationDotsWithCarouselPages(numPages) {\n const parentElement = document.querySelector(paginationGroup);\n if (parentElement \u0026\u0026 parentElement.children) {\n const children = parentElement.children;\n for (let i = 0; i \u003c children.length; i++) {\n if (i \u003e= numPages) {\n \/\/ If number of dots \u003e num of pages, we should hide other dots\n children[i].classList.add('aplus-pagination-dot--display-none');\n } else if (children[i].classList.contains('aplus-pagination-dot--display-none')) {\n \/\/ Reset display of dots if it was hidden before\n children[i].classList.remove('aplus-pagination-dot--display-none');\n }\n }\n }\n }\n\n framework.onInit(carouselName, function (carousel) {\n try {\n var totalPages = carousel.getAttr('totalPages');\n syncPaginationDotsWithCarouselPages(totalPages);\n \/* Resize event handler to re-calculate the pagination dots count based on orientation *\/\n window.addEventListener('resize', function() {\n carousel.resize();\n totalPages = carousel.getAttr('totalPages');\n syncPaginationDotsWithCarouselPages(totalPages);\n });\n\n A.declarative(paginationAction, 'click keydown', function(event){\n var isClick = event.type === 'click';\n var isKeydown = event.type === 'keydown';\n var isEnter = isKeydown \u0026\u0026 event.$event.keyCode === ENTER_KEY_CODE;\n var isEsc = isKeydown \u0026\u0026 event.$event.keyCode === ESCAPE_KEY_CODE;\n var isLeftArrow = isKeydown \u0026\u0026 event.$event.keyCode === LEFT_ARROW_KEY;\n var isRightArrow = isKeydown \u0026\u0026 event.$event.keyCode === RIGHT_ARROW_KEY;\n var isHome = isKeydown \u0026\u0026 event.$event.keyCode === HOME_KEY;\n var isEnd = isKeydown \u0026\u0026 event.$event.keyCode === END_KEY;\n\n if (isClick || isEnter) {\n var data = event.data;\n carousel.gotoPage(data.page);\n } else if (isEsc) {\n event.$target.blur();\n } else if (isLeftArrow || isRightArrow || isHome || isEnd) {\n event.$event.preventDefault();\n const dots = A.$(paginationGroup + \" .carousel-slider-circle\");\n const currentIndex = dots.index(event.$target);\n let nextIndex;\n\n if (isLeftArrow) {\n nextIndex = currentIndex \u003e 0 ? currentIndex - 1 : dots.length - 1;\n } else if (isRightArrow) {\n nextIndex = currentIndex \u003c dots.length - 1 ? currentIndex + 1 : 0;\n } else if (isHome) {\n nextIndex = 0;\n } else if (isEnd) {\n nextIndex = dots.length - 1;\n }\n\n dots.eq(nextIndex).focus();\n carousel.gotoPage(nextIndex + 1);\n }\n });\n } catch (e) {\n P.log('Failed to init ' + carouselName + '. Error: ' + e.message, 'FATAL', 'AplusModuleResources');\n }\n });\n });\n }\n });\n});\n\u003c\/script\u003e\n \u003cdiv class=\"aplus-mantle aplus-module\"\u003e\n \u003cdiv class=\"aplus-carousel-nav\"\u003e\n \u003cul id=\"aplus-pagination-group-6-premium-aplus-13-carousel-6\" class=\"aplus-pagination-dots\" aria-label=\"tablist-section\" role=\"tablist\"\u003e\n \u003cli class=\"aplus-pagination-dot\"\u003e\n \u003cspan class=\"a-declarative carousel-slider-circle aplus-display-inline-block aplus-carousel-active\" aria-selected=\"true\" data-action=\"aplus-pagination-dot-action-6-premium-aplus-13-carousel-6\" data-aplus-pagination-dot-action-6-premium-aplus-13-carousel-6='{\"page\": 1}' aria-label=\"slide-1\" aria-controls=\"premium-aplus-13-carousel-6-slide-0\" tabindex=\"0\" role=\"tab\"\u003e\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"aplus-pagination-dot\"\u003e\n \u003cspan class=\"a-declarative carousel-slider-circle aplus-display-inline-block \" aria-selected=\"false\" data-action=\"aplus-pagination-dot-action-6-premium-aplus-13-carousel-6\" data-aplus-pagination-dot-action-6-premium-aplus-13-carousel-6='{\"page\": 2}' aria-label=\"slide-2\" aria-controls=\"premium-aplus-13-carousel-6-slide-1\" tabindex=\"-1\" role=\"tab\"\u003e\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"aplus-pagination-dot\"\u003e\n \u003cspan class=\"a-declarative carousel-slider-circle aplus-display-inline-block \" aria-selected=\"false\" data-action=\"aplus-pagination-dot-action-6-premium-aplus-13-carousel-6\" data-aplus-pagination-dot-action-6-premium-aplus-13-carousel-6='{\"page\": 3}' aria-label=\"slide-3\" aria-controls=\"premium-aplus-13-carousel-6-slide-2\" tabindex=\"-1\" role=\"tab\"\u003e\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli class=\"aplus-pagination-dot\"\u003e\n \u003cspan class=\"a-declarative carousel-slider-circle aplus-display-inline-block \" aria-selected=\"false\" data-action=\"aplus-pagination-dot-action-6-premium-aplus-13-carousel-6\" data-aplus-pagination-dot-action-6-premium-aplus-13-carousel-6='{\"page\": 4}' aria-label=\"slide-4\" aria-controls=\"premium-aplus-13-carousel-6-slide-3\" tabindex=\"-1\" role=\"tab\"\u003e\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"a-section a-text-center\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript type=\"text\/javascript\"\u003e(function(f) {var _np=(window.P._namespace(\"PremiumAplusModule\"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {\n P.when(\"premium-aplus-13-carousel-6\").execute(function(init){init();});\n}));\u003c\/script\u003e \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e","brand":"ๆˆ‘็š„ๅ•†ๅบ—","offers":[{"title":"36 Inch \/ 4FT (Black Cable)","offer_id":52995785589030,"sku":null,"price":269.99,"currency_code":"CNY","in_stock":true},{"title":"36 Inch \/ Post Top Plate","offer_id":52995785621798,"sku":null,"price":6.99,"currency_code":"CNY","in_stock":true},{"title":"36 Inch \/ 4FT (Silver Cable)","offer_id":52995785654566,"sku":null,"price":269.99,"currency_code":"CNY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0897\/6921\/4246\/files\/51UlluL5vbL._SX342_SY445_QL70_FMwebp.webp?v=1775721831","url":"https:\/\/gyykzz.com\/products\/cable-railing-gate-h-32in-x-w-2ft-4ft-adjustable-length-for-36-wood-metal-deck-railing-system-black-aluminum-outdoor-deck-gate-with-patented-pre-install-cable-terminal-kit-black-cable","provider":"Gyykzz","version":"1.0","type":"link"}