{"product_id":"beam-roof-patio-cover-kit","title":"Aluminum Beam Roof Patio Cover Kit","description":"\u003c!-- ALUMINUM BEAM ROOF PATIO COVER KIT PRODUCT PAGE - ELEMENTOR HTML BLOCK --\u003e\n  \u003c!-- HERO --\u003e\n  \u003csection\u003e\n      \u003cimg src=\"https:\/\/aluglobusfence.com\/wp-content\/uploads\/2026\/05\/29-1.webp\" alt=\"Aluminum beam roof patio cover kit\"\u003e\n      Factory Direct Aluminum Patio Cover System\n      \u003ch1\u003eAluminum Beam Roof Patio Cover Kit\u003c\/h1\u003e\n      \u003cp\u003e\n        A modern aluminum beam roof patio cover kit built for clean light-and-shadow patterns,\n        open-air shade, and a strong architectural ceiling line. Designed for homeowners,\n        contractors, designers, and builders who want a factory-direct aluminum patio cover system.\n      \u003c\/p\u003e\n        \u003ca href=\"#elementor-action:action=popup:open\u0026amp;settings=eyJpZCI6IjUyMDI0IiwidG9nZ2xlIjpmYWxzZX0=\"\u003e\n          Request Final Quote\n        \u003c\/a\u003e\n        \u003ca href=\"#ggbeam-packages\"\u003e\n          View Package Options\n        \u003c\/a\u003e\n        Open Beam Roof\n        Architectural Aluminum\n        Polycarbonate Option\n        Contractor Pricing\n  \u003c\/section\u003e\n  \u003c!-- TRUST BAR --\u003e\n  \u003csection\u003e\n        \u003cstrong\u003eMaterial\u003c\/strong\u003e\n        Architectural Aluminum\n        \u003cstrong\u003eRoof Type\u003c\/strong\u003e\n        Beam Roof Patio Cover\n        \u003cstrong\u003eFinish\u003c\/strong\u003e\n        Black, Woodgrain, Custom Colors\n        \u003cstrong\u003ePricing\u003c\/strong\u003e\n        Quote-Based Packages\n  \u003c\/section\u003e\n  \u003c!-- PACKAGE CARDS --\u003e\n  \u003csection id=\"ggbeam-packages\"\u003e\n        Package Options\n        \u003ch2\u003eChoose Your Starting Package\u003c\/h2\u003e\n        \u003cp\u003e\n          These beam roof packages give customers a clear starting point. Final pricing depends on size,\n          beam spacing, layout, color, polycarbonate roof option, attachment style, engineering, freight,\n          installation, permits, and project-specific requirements.\n        \u003c\/p\u003e\n        \u003c!-- STARTER --\u003e\n        \u003carticle data-package=\"Starter Package\"\u003e\n          Most Popular Starter\n          \u003ch3\u003eStarter Package\u003c\/h3\u003e\n          Starting at \u003cstrong\u003e$4,130.00\u003c\/strong\u003e\n            \u003cimg src=\"https:\/\/aluglobusfence.com\/wp-content\/uploads\/2026\/06\/10x10-Beam-Pergola-with-background-v2.jpg\" alt=\"10 x 10 ft. aluminum beam pergola package\"\u003e\n            10 x 10 ft. Pergola\n          [ar-display id=58724]\n          \u003cp\u003eBest for compact patios, side yards, walkways, garden seating areas, and entry-level open shade projects.\u003c\/p\u003e\n            10x10\n            10x12\n            12x12\n          \u003cul\u003e\n            \u003cli\u003eOpen aluminum beam roof system\u003c\/li\u003e\n            \u003cli\u003eAluminum post and beam package\u003c\/li\u003e\n            \u003cli\u003eStandard material package\u003c\/li\u003e\n            \u003cli\u003eFactory-direct quote support\u003c\/li\u003e\n          \u003c\/ul\u003e\n          \u003ca href=\"#elementor-action:action=popup:open\u0026amp;settings=eyJpZCI6IjUyMDI0IiwidG9nZ2xlIjpmYWxzZX0=\"\u003e\n            Request Starter Quote\n          \u003c\/a\u003e\n        \u003c\/article\u003e\n        \u003c!-- STANDARD --\u003e\n        \u003carticle data-package=\"Standard Package\"\u003e\n          Larger Patio Coverage\n          \u003ch3\u003eStandard Package\u003c\/h3\u003e\n          Starting at \u003cstrong\u003e$5,865.00\u003c\/strong\u003e\n            \u003cimg src=\"https:\/\/aluglobusfence.com\/wp-content\/uploads\/2026\/06\/12x16-Beam-Pergola-with-background.jpg\" alt=\"12 x 16 ft. aluminum beam pergola package\"\u003e\n            12 x 16 ft. Pergola\n          [ar-display id=58725]\n          \u003cp\u003eBest for medium-size patios, outdoor dining spaces, poolside shade, and modern backyard layouts.\u003c\/p\u003e\n            12x16\n            12x20\n            16x16\n          \u003cul\u003e\n            \u003cli\u003eExpanded aluminum beam roof coverage\u003c\/li\u003e\n            \u003cli\u003eCustom beam spacing review\u003c\/li\u003e\n            \u003cli\u003ePost and beam layout planning\u003c\/li\u003e\n            \u003cli\u003eOptional polycarbonate roof planning\u003c\/li\u003e\n          \u003c\/ul\u003e\n          \u003ca href=\"#elementor-action:action=popup:open\u0026amp;settings=eyJpZCI6IjUyMDI0IiwidG9nZ2xlIjpmYWxzZX0=\"\u003e\n            Request Standard Quote\n          \u003c\/a\u003e\n        \u003c\/article\u003e\n        \u003c!-- LARGE --\u003e\n        \u003carticle data-package=\"Large Package\"\u003e\n          Premium Large Layouts\n          \u003ch3\u003eLarge Package\u003c\/h3\u003e\n          Starting at \u003cstrong\u003e$8,630.00\u003c\/strong\u003e\n            \u003cimg src=\"https:\/\/aluglobusfence.com\/wp-content\/uploads\/2026\/06\/16x20-Beam-Pergola-with-background.jpg\" alt=\"16 x 20 ft. aluminum beam pergola package\"\u003e\n            16 x 20 ft. Pergola\n          [ar-display id=58726]\n          \u003cp\u003eBest for large outdoor living areas, commercial patios, hospitality seating, and premium architectural shade structures.\u003c\/p\u003e\n            16x20\n            20x20\n            24x24\n          \u003cul\u003e\n            \u003cli\u003eLarge-span aluminum beam roof system\u003c\/li\u003e\n            \u003cli\u003eProject-specific beam layout planning\u003c\/li\u003e\n            \u003cli\u003eEngineering review may be required\u003c\/li\u003e\n            \u003cli\u003eContractor and builder pricing available\u003c\/li\u003e\n          \u003c\/ul\u003e\n          \u003ca href=\"#elementor-action:action=popup:open\u0026amp;settings=eyJpZCI6IjUyMDI0IiwidG9nZ2xlIjpmYWxzZX0=\"\u003e\n            Request Large Quote\n          \u003c\/a\u003e\n        \u003c\/article\u003e\n        Starting price shown is for a standard material package only. Final pricing depends on size, roof type,\n        post layout, color, engineering, freight, installation, permits, and project-specific requirements.\n        Request a quote for final package pricing.\n  \u003c\/section\u003e\n  \u003c!-- PRODUCT OVERVIEW --\u003e\n  \u003csection\u003e\n        Open Beam Shade System\n        \u003ch2\u003eBold Aluminum Beams With a Classic Pergola Look.\u003c\/h2\u003e\n        \u003cp\u003e\n          Beam roof patio covers deliver the classic open-lattice pergola look with a stronger aluminum structure.\n          The beams create a clean rhythm of light and shadow while giving the project a bold architectural ceiling line.\n        \u003c\/p\u003e\n        \u003cp\u003e\n          This is a strong option for customers who want shade and definition without a fully closed roof.\n          It can also be planned with polycarbonate roof options where a light-filtering top is preferred\n          while keeping the aluminum beam structure visible.\n        \u003c\/p\u003e\n          Open beam roof layout\n          Light and shadow patterns\n          Structural aluminum beams\n          Polycarbonate roof option\n          Freestanding or attached options\n          Contractor-friendly supply support\n        \u003cimg src=\"https:\/\/aluglobusfence.com\/wp-content\/uploads\/2026\/05\/Beam-Pergola_Reflection.webp\" alt=\"Aluminum beam roof patio cover render\"\u003e\n  \u003c\/section\u003e\n  \u003c!-- GALLERY --\u003e\n  \u003csection\u003e\n        System Views\n        \u003ch2\u003eAluminum Beam Roof Gallery\u003c\/h2\u003e\n        \u003cp\u003eShow customers the open beam roof layout, top view, section view, and optional polycarbonate roof configuration.\u003c\/p\u003e\n        \u003cbutton type=\"button\" aria-label=\"Previous image\"\u003e‹\u003c\/button\u003e\n            \u003cfigure\u003e\n              \u003cimg src=\"https:\/\/aluglobusfence.com\/wp-content\/uploads\/2026\/05\/29-1.webp\" alt=\"Open lattice beam roof\"\u003e\n              \u003cfigcaption\u003eOpen Lattice Beam Roof\u003c\/figcaption\u003e\n            \u003c\/figure\u003e\n            \u003cfigure\u003e\n              \u003cimg src=\"https:\/\/aluglobusfence.com\/wp-content\/uploads\/2026\/05\/Top-View-Lattice-Top-View-scaled-1.webp\" alt=\"Open beam roof top view\"\u003e\n              \u003cfigcaption\u003eOpen Beam Top View\u003c\/figcaption\u003e\n            \u003c\/figure\u003e\n            \u003cfigure\u003e\n              \u003cimg src=\"https:\/\/aluglobusfence.com\/wp-content\/uploads\/2026\/05\/Section-View-Lattice-1-scaled-1.webp\" alt=\"Open beam roof section view\"\u003e\n              \u003cfigcaption\u003eOpen Beam Section View\u003c\/figcaption\u003e\n            \u003c\/figure\u003e\n            \u003cfigure\u003e\n              \u003cimg src=\"https:\/\/aluglobusfence.com\/wp-content\/uploads\/2026\/05\/Top-View-Beam-with-Polycarbonate-Roof-1-scaled-1.webp\" alt=\"Beam roof with polycarbonate top view\"\u003e\n              \u003cfigcaption\u003eBeam Roof With Polycarbonate Top View\u003c\/figcaption\u003e\n            \u003c\/figure\u003e\n            \u003cfigure\u003e\n              \u003cimg src=\"https:\/\/aluglobusfence.com\/wp-content\/uploads\/2026\/05\/Section-View-Beam-with-Polycarbonate-Roof-1-scaled-1.webp\" alt=\"Beam roof with polycarbonate section view\"\u003e\n              \u003cfigcaption\u003eBeam Roof With Polycarbonate Section View\u003c\/figcaption\u003e\n            \u003c\/figure\u003e\n        \u003cbutton type=\"button\" aria-label=\"Next image\"\u003e›\u003c\/button\u003e\n  \u003c\/section\u003e\n  \u003c!-- SPECS --\u003e\n  \u003csection\u003e\n        Product Specs\n        \u003ch2\u003eMain Parts, Roof Options, and Accessories\u003c\/h2\u003e\n        \u003cp\u003eUse this section to help contractors and serious buyers understand the material package before requesting a quote.\u003c\/p\u003e\n          \u003ch3\u003eMain Parts Sizes\u003c\/h3\u003e\n            \u003ctable\u003e\n              \u003cthead\u003e\n                \u003ctr\u003e\n                  \u003cth\u003eName\u003c\/th\u003e\n                  \u003cth\u003eSize\u003c\/th\u003e\n                \u003c\/tr\u003e\n              \u003c\/thead\u003e\n              \u003ctbody\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003e6 in. x 6 in. Post\u003c\/td\u003e\n                  \u003ctd\u003e6' x 6' x 10'\/12'\/14'\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003e6 in. Post Inner Base Plate\u003c\/td\u003e\n                  \u003ctd\u003e5-3\/4\" x 5-3\/4\"\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003e7 in. x 7 in. Post\u003c\/td\u003e\n                  \u003ctd\u003e7' x 7' x 10'\/12'\/14'\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003e8 in. x 8 in. Post\u003c\/td\u003e\n                  \u003ctd\u003e8' x 8' x 10'\/12'\/14'\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003e7 in. Post Inner Base Plate\u003c\/td\u003e\n                  \u003ctd\u003e6-1\/2\" x 6-1\/2\"\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003e3 in. U-Channel\u003c\/td\u003e\n                  \u003ctd\u003e2.125\" x 3.147\"\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003e2 in. x 8 in. Beam\u003c\/td\u003e\n                  \u003ctd\u003e2\" x 8\" x 16'\/20'\/24'\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003e2 in. x 10 in. Beam\u003c\/td\u003e\n                  \u003ctd\u003e2\" x 10\" x 16'\/20'\/24'\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003ePolycarbonate Roof Option\u003c\/td\u003e\n                  \u003ctd\u003eProject-specific\u003c\/td\u003e\n                \u003c\/tr\u003e\n              \u003c\/tbody\u003e\n            \u003c\/table\u003e\n          \u003ch3\u003eRoofing Style Options\u003c\/h3\u003e\n            \u003cstrong\u003eOpen Beam Roof\u003c\/strong\u003e\n            Classic open pergola style with aluminum beams\n            \u003cstrong\u003eBeam Roof With Polycarbonate\u003c\/strong\u003e\n            Light-filtering roof option while keeping the aluminum beam structure visible\n          \u003ch3\u003eOptional Accessories\u003c\/h3\u003e\n          \u003cul\u003e\n            \u003cli\u003eLED Channel\u003c\/li\u003e\n            \u003cli\u003eLED Strip Lights\u003c\/li\u003e\n            \u003cli\u003eLED Recessed Lights\u003c\/li\u003e\n            \u003cli\u003eCeiling Fan Planning\u003c\/li\u003e\n            \u003cli\u003eBeam for LED Recessed Lights\u003c\/li\u003e\n            \u003cli\u003eCustom beam spacing review\u003c\/li\u003e\n            \u003cli\u003eCustom color powder coating\u003c\/li\u003e\n            \u003cli\u003ePolycarbonate roof planning\u003c\/li\u003e\n          \u003c\/ul\u003e\n  \u003c\/section\u003e\n  \u003c!-- QUOTE PROCESS --\u003e\n  \u003csection\u003e\n        How Quote-Based Pricing Works\n        \u003ch2\u003eSend the Project Details. We Help Build the Package.\u003c\/h2\u003e\n          01\n          \u003ch3\u003eChoose Package Level\u003c\/h3\u003e\n          \u003cp\u003eSelect Starter, Standard, or Large based on the closest project size.\u003c\/p\u003e\n          02\n          \u003ch3\u003eChoose Beam Layout\u003c\/h3\u003e\n          \u003cp\u003eConfirm beam direction, spacing preference, color, and whether the structure is attached or freestanding.\u003c\/p\u003e\n          03\n          \u003ch3\u003eSelect Roof Option\u003c\/h3\u003e\n          \u003cp\u003eChoose open beam only or ask about a polycarbonate roof option for light-filtering coverage.\u003c\/p\u003e\n          04\n          \u003ch3\u003eGet Final Package Pricing\u003c\/h3\u003e\n          \u003cp\u003eReceive a quote based on material, options, freight, installation needs, and project requirements.\u003c\/p\u003e\n  \u003c\/section\u003e\n  \u003c!-- VIDEO --\u003e\n  \u003csection\u003e\n        See the System\n        \u003ch2\u003eAluminum Beam Roof Patio Cover Video\u003c\/h2\u003e\n        \u003cp\u003e\n          Use this video section to show customers how the beam roof system looks on modern aluminum patio cover projects.\n        \u003c\/p\u003e\n        \u003ca href=\"#elementor-action:action=popup:open\u0026amp;settings=eyJpZCI6IjUyMDI0IiwidG9nZ2xlIjpmYWxzZX0=\"\u003e\n          Get Factory-Direct Pricing\n        \u003c\/a\u003e\n        \u003ciframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/wT-s6_ZEEc4\" title=\"Aluminum Beam Roof Patio Cover\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen\u003e\u003c\/iframe\u003e\n  \u003c\/section\u003e\n  \u003c!-- FAQ --\u003e\n  \u003csection\u003e\n        Questions\n        \u003ch2\u003eAluminum Beam Roof Patio Cover Kit FAQs\u003c\/h2\u003e\n          \u003cbutton type=\"button\"\u003eIs this a standard kit or custom package?\u003c\/button\u003e\n            \u003cp\u003eThis is a quote-based material package. The package sizes give a starting point, but final pricing depends on actual dimensions, beam spacing, post layout, color, attachment style, engineering, freight, installation, and project needs.\u003c\/p\u003e\n          \u003cbutton type=\"button\"\u003eDoes a beam roof provide full rain protection?\u003c\/button\u003e\n            \u003cp\u003eAn open beam roof is mainly designed for shade, airflow, and architectural light patterns. If rain protection is needed, the project can be reviewed for a polycarbonate roof option, automatic louver system, or insulated roof system.\u003c\/p\u003e\n          \u003cbutton type=\"button\"\u003eCan polycarbonate be added above the beams?\u003c\/button\u003e\n            \u003cp\u003eYes. Beam roof systems can be planned with a polycarbonate roof option where a light-filtering top is preferred while keeping the aluminum beam structure visible.\u003c\/p\u003e\n          \u003cbutton type=\"button\"\u003eCan this system be attached to the house?\u003c\/button\u003e\n            \u003cp\u003eYes. The beam roof patio cover can be planned as attached or freestanding depending on the structure, attachment condition, engineering, and project layout.\u003c\/p\u003e\n          \u003cbutton type=\"button\"\u003eCan contractors request special pricing?\u003c\/button\u003e\n            \u003cp\u003eYes. Contractors, builders, designers, and project teams can request factory-direct package pricing based on project scope, layout, options, and material volume.\u003c\/p\u003e\n  \u003c\/section\u003e\n  \u003c!-- FINAL CTA --\u003e\n  \u003csection\u003e\n      \u003ch2\u003eReady to Price an Aluminum Beam Roof Patio Cover Kit?\u003c\/h2\u003e\n      \u003cp\u003e\n        Send your size, city, project photos, preferred beam layout, preferred color, and whether the system is attached or freestanding.\n        We will help prepare the right factory-direct package.\n      \u003c\/p\u003e\n        \u003ca href=\"#elementor-action:action=popup:open\u0026amp;settings=eyJpZCI6IjUyMDI0IiwidG9nZ2xlIjpmYWxzZX0=\"\u003e\n          Request Final Quote\n        \u003c\/a\u003e\n        \u003ca href=\"https:\/\/aluglobusfence.com\/gallery\/\"\u003e\n          View Gallery\n        \u003c\/a\u003e\n  \u003c\/section\u003e\n\u003cstyle\u003e\n  .ggbeam-page {\n    --gg-dark: #111111;\n    --gg-black: #050505;\n    --gg-soft: #f6f3ee;\n    --gg-gold: #d4af6a;\n    --gg-gold-dark: #b99145;\n    --gg-text: #2b2b2b;\n    --gg-muted: #6f6f6f;\n    --gg-border: rgba(0,0,0,.12);\n    font-family: inherit;\n    color: var(--gg-text);\n    overflow: hidden;\n    background: #fff;\n  }\n  .ggbeam-page * {\n    box-sizing: border-box;\n  }\n  .ggbeam-container {\n    width: 100%;\n    margin: 0 auto;\n    padding-left: 1%;\n    padding-right: 1%;\n  }\n  .ggbeam-hero {\n    position: relative;\n    min-height: 720px;\n    display: flex;\n    align-items: center;\n    color: #fff;\n    overflow: hidden;\n    background: #000;\n  }\n  .ggbeam-hero-media,\n  .ggbeam-hero-media img,\n  .ggbeam-hero-overlay {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n  }\n  .ggbeam-hero-media img {\n    object-fit: cover;\n    opacity: .74;\n  }\n  .ggbeam-hero-overlay {\n    background:\n      radial-gradient(circle at 20% 30%, rgba(212,175,106,.20), transparent 34%),\n      linear-gradient(90deg, rgba(0,0,0,.88), rgba(0,0,0,.55), rgba(0,0,0,.20));\n    z-index: 1;\n  }\n  .ggbeam-hero-content {\n    position: relative;\n    z-index: 2;\n    max-width: 760px;\n    margin-left: max(16px, calc((100vw - 1180px) \/ 2));\n    margin-right: auto;\n  }\n  .ggbeam-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: var(--gg-gold);\n    text-transform: uppercase;\n    letter-spacing: .12em;\n    font-size: 12px;\n    font-weight: 800;\n    margin-bottom: 14px;\n  }\n  .ggbeam-eyebrow:before {\n    content: \"\";\n    width: 8px;\n    height: 8px;\n    border-radius: 999px;\n    background: var(--gg-gold);\n    box-shadow: 0 0 0 6px rgba(212,175,106,.16);\n  }\n  .ggbeam-hero h1 {\n    font-size: clamp(42px, 7vw, 86px);\n    line-height: .93;\n    letter-spacing: -0.055em;\n    margin: 0 0 24px;\n    color: #fff;\n  }\n  .ggbeam-hero p {\n    font-size: clamp(17px, 2vw, 22px);\n    line-height: 1.55;\n    color: rgba(255,255,255,.88);\n    max-width: 760px;\n    margin: 0 0 30px;\n  }\n  .ggbeam-hero-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 14px;\n    align-items: center;\n  }\n  .ggbeam-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 50px;\n    padding: 14px 22px;\n    border-radius: 999px;\n    text-decoration: none !important;\n    font-weight: 800;\n    font-size: 14px;\n    line-height: 1;\n    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;\n  }\n  .ggbeam-btn:hover {\n    transform: translateY(-2px);\n  }\n  .ggbeam-btn-primary {\n    background: linear-gradient(135deg, var(--gg-gold), var(--gg-gold-dark));\n    color: #111 !important;\n    box-shadow: 0 14px 34px rgba(212,175,106,.28);\n  }\n  .ggbeam-btn-secondary {\n    background: rgba(255,255,255,.10);\n    color: #fff !important;\n    border: 1px solid rgba(255,255,255,.24);\n    backdrop-filter: blur(8px);\n  }\n  .ggbeam-btn-dark {\n    background: #111;\n    color: #fff !important;\n  }\n  .ggbeam-full-btn {\n    width: 100%;\n    margin-top: auto;\n  }\n  .ggbeam-hero-points {\n    margin-top: 28px;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .ggbeam-hero-points span {\n    border: 1px solid rgba(255,255,255,.20);\n    background: rgba(255,255,255,.08);\n    color: rgba(255,255,255,.88);\n    border-radius: 999px;\n    padding: 9px 13px;\n    font-size: 13px;\n    font-weight: 700;\n  }\n  .ggbeam-trust {\n    background: #111;\n    color: #fff;\n    border-top: 1px solid rgba(255,255,255,.08);\n    border-bottom: 1px solid rgba(255,255,255,.08);\n  }\n  .ggbeam-trust-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n  }\n  .ggbeam-trust-grid div {\n    padding: 22px 20px;\n    border-right: 1px solid rgba(255,255,255,.10);\n  }\n  .ggbeam-trust-grid div:last-child {\n    border-right: 0;\n  }\n  .ggbeam-trust-grid strong {\n    display: block;\n    color: var(--gg-gold);\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: .10em;\n    margin-bottom: 6px;\n  }\n  .ggbeam-trust-grid span {\n    color: rgba(255,255,255,.86);\n    font-weight: 700;\n  }\n  .ggbeam-section {\n    padding: clamp(62px, 7vw, 105px) 0;\n    background: #fff;\n  }\n  .ggbeam-light {\n    background: var(--gg-soft);\n  }\n  .ggbeam-dark {\n    background: #101010;\n    color: #fff;\n  }\n  .ggbeam-section-head {\n    max-width: 820px;\n    margin: 0 auto 42px;\n    text-align: center;\n  }\n  .ggbeam-section-head h2,\n  .ggbeam-two-col h2,\n  .ggbeam-video-section h2,\n  .ggbeam-final-cta h2 {\n    font-size: clamp(32px, 5vw, 58px);\n    line-height: 1;\n    letter-spacing: -0.045em;\n    margin: 0 0 16px;\n    color: inherit;\n  }\n  .ggbeam-section-head p,\n  .ggbeam-two-col p,\n  .ggbeam-video-section p,\n  .ggbeam-final-cta p {\n    font-size: 17px;\n    line-height: 1.7;\n    color: var(--gg-muted);\n    margin: 0;\n  }\n  .ggbeam-dark .ggbeam-section-head p {\n    color: rgba(255,255,255,.70);\n  }\n  .ggbeam-package-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 22px;\n  }\n  .ggbeam-package-card {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    min-height: 560px;\n    padding: 28px;\n    border: 1px solid var(--gg-border);\n    border-radius: 28px;\n    background: #fff;\n    box-shadow: 0 18px 50px rgba(0,0,0,.06);\n    overflow: hidden;\n  }\n  .ggbeam-package-card:before {\n    content: \"\";\n    position: absolute;\n    inset: 0 0 auto;\n    height: 5px;\n    background: linear-gradient(90deg, var(--gg-gold), transparent);\n    opacity: .75;\n  }\n  .ggbeam-package-card.ggbeam-featured {\n    border-color: rgba(212,175,106,.75);\n    box-shadow: 0 24px 70px rgba(212,175,106,.18);\n    transform: translateY(-8px);\n  }\n  .ggbeam-package-label {\n    width: fit-content;\n    padding: 7px 10px;\n    border-radius: 999px;\n    background: rgba(212,175,106,.16);\n    color: #8a6422;\n    font-size: 12px;\n    font-weight: 900;\n    text-transform: uppercase;\n    letter-spacing: .08em;\n    margin-bottom: 16px;\n  }\n  .ggbeam-package-card h3 {\n    font-size: 28px;\n    margin: 0 0 10px;\n    letter-spacing: -0.03em;\n    color: #111;\n  }\n  .ggbeam-price {\n    font-size: 18px;\n    margin-bottom: 18px;\n    color: #111;\n  }\n  .ggbeam-price strong {\n    font-size: 36px;\n    letter-spacing: -0.05em;\n    color: #111;\n  }\n  .ggbeam-package-image {\n    position: relative;\n    margin: 0 0 12px;\n    border-radius: 20px;\n    overflow: hidden;\n    aspect-ratio: 4 \/ 3;\n    background: #111;\n    box-shadow: 0 16px 38px rgba(0,0,0,.12);\n  }\n  .ggbeam-package-image a {\n    display: block;\n    width: 100%;\n    height: 100%;\n    color: inherit;\n    text-decoration: none !important;\n  }\n  .ggbeam-package-image img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    transition: transform .28s ease;\n  }\n  .ggbeam-package-card:hover .ggbeam-package-image img {\n    transform: scale(1.04);\n  }\n  .ggbeam-package-image span {\n    position: absolute;\n    left: 12px;\n    bottom: 12px;\n    padding: 8px 11px;\n    border-radius: 999px;\n    background: rgba(0,0,0,.68);\n    border: 1px solid rgba(255,255,255,.18);\n    color: #fff;\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: .04em;\n    text-transform: uppercase;\n    backdrop-filter: blur(8px);\n  }\n  .ggbeam-ar-shortcode {\n    position: relative !important;\n    padding: 0 !important;\n    margin: 0 0 18px !important;\n    background: transparent !important;\n    border: 0 !important;\n    min-height: 0 !important;\n    height: 44px !important;\n    max-height: 44px !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    overflow: hidden !important;\n    line-height: 1 !important;\n  }\n  .ggbeam-ar-shortcode::before {\n    content: \"Click to View in AR\";\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    width: 100%;\n    height: 44px;\n    border-radius: 999px;\n    background: linear-gradient(135deg, var(--gg-gold), var(--gg-gold-dark));\n    color: #111111;\n    font-size: 13px;\n    font-weight: 900;\n    line-height: 1;\n    letter-spacing: .01em;\n    pointer-events: none;\n    z-index: 2;\n    box-sizing: border-box;\n    padding-left: 58px;\n    padding-right: 16px;\n    white-space: nowrap;\n    box-shadow: 0 12px 28px rgba(212,175,106,.24);\n  }\n  .ggbeam-ar-shortcode::after {\n    content: \"\";\n    position: absolute;\n    left: 18px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 28px;\n    height: 28px;\n    background-image: url(\"https:\/\/aluglobusfence.com\/wp-content\/uploads\/2022\/01\/Aluglobus-Aluminum-Systems-Dark.png\");\n    background-size: contain;\n    background-repeat: no-repeat;\n    background-position: center;\n    background-color: #fff;\n    border-radius: 999px;\n    padding: 3px;\n    box-sizing: border-box;\n    z-index: 3;\n    pointer-events: none;\n  }\n  .ggbeam-ar-shortcode * {\n    box-sizing: border-box !important;\n  }\n  .ggbeam-ar-shortcode iframe,\n  .ggbeam-ar-shortcode canvas,\n  .ggbeam-ar-shortcode model-viewer,\n  .ggbeam-ar-shortcode .ar-viewer,\n  .ggbeam-ar-shortcode .arwp-viewer,\n  .ggbeam-ar-shortcode .ar-model-viewer,\n  .ggbeam-ar-shortcode .ar_model_viewer,\n  .ggbeam-ar-shortcode .ar_display,\n  .ggbeam-ar-shortcode .ar-display,\n  .ggbeam-ar-shortcode .ar-for-wordpress,\n  .ggbeam-ar-shortcode .arfw-main,\n  .ggbeam-ar-shortcode .arfw-viewer,\n  .ggbeam-ar-shortcode a,\n  .ggbeam-ar-shortcode button,\n  .ggbeam-ar-shortcode button[slot=\"ar-button\"],\n  .ggbeam-ar-shortcode .ar-button,\n  .ggbeam-ar-shortcode .arwp-button,\n  .ggbeam-ar-shortcode .ar-view-button,\n  .ggbeam-ar-shortcode .ar_model_button {\n    position: absolute !important;\n    inset: 0 !important;\n    width: 100% !important;\n    height: 44px !important;\n    min-height: 44px !important;\n    max-height: 44px !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    border: 0 !important;\n    border-radius: 999px !important;\n    background: transparent !important;\n    color: transparent !important;\n    box-shadow: none !important;\n    opacity: 0 !important;\n    overflow: hidden !important;\n    display: block !important;\n    cursor: pointer !important;\n    z-index: 5 !important;\n  }\n  .ggbeam-ar-shortcode p,\n  .ggbeam-ar-shortcode br,\n  .ggbeam-ar-shortcode img,\n  .ggbeam-ar-shortcode .sharedaddy,\n  .ggbeam-ar-shortcode .share,\n  .ggbeam-ar-shortcode .product-share,\n  .ggbeam-ar-shortcode .ar-share,\n  .ggbeam-ar-shortcode .arwp-share,\n  .ggbeam-ar-shortcode .qr-code,\n  .ggbeam-ar-shortcode .ar-qr,\n  .ggbeam-ar-shortcode .arwp-qr,\n  .ggbeam-ar-shortcode .ar-logo,\n  .ggbeam-ar-shortcode .arwp-logo,\n  .ggbeam-ar-shortcode .ar_model_logo {\n    display: none !important;\n    height: 0 !important;\n    min-height: 0 !important;\n    max-height: 0 !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    overflow: hidden !important;\n  }\n  .ggbeam-package-card p {\n    color: var(--gg-muted);\n    line-height: 1.6;\n    margin: 0 0 18px;\n  }\n  .ggbeam-size-list {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin: 0 0 20px;\n  }\n  .ggbeam-size-list span {\n    padding: 9px 12px;\n    border-radius: 12px;\n    background: #f4f1eb;\n    color: #111;\n    font-weight: 900;\n    font-size: 13px;\n  }\n  .ggbeam-package-card ul,\n  .ggbeam-accessory-list {\n    list-style: none;\n    padding: 0;\n    margin: 0 0 24px;\n  }\n  .ggbeam-package-card li,\n  .ggbeam-accessory-list li {\n    position: relative;\n    padding-left: 24px;\n    margin-bottom: 11px;\n    color: #333;\n    line-height: 1.45;\n  }\n  .ggbeam-package-card li:before,\n  .ggbeam-accessory-list li:before {\n    content: \"✓\";\n    position: absolute;\n    left: 0;\n    color: var(--gg-gold-dark);\n    font-weight: 900;\n  }\n  .ggbeam-disclaimer {\n    margin-top: 24px;\n    padding: 18px 20px;\n    border-radius: 18px;\n    background: #fff8ea;\n    border: 1px solid rgba(212,175,106,.35);\n    color: #5f4a25;\n    font-size: 14px;\n    line-height: 1.6;\n  }\n  .ggbeam-two-col {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 44px;\n    align-items: center;\n  }\n  .ggbeam-media-card {\n    border-radius: 30px;\n    overflow: hidden;\n    box-shadow: 0 24px 70px rgba(0,0,0,.16);\n    min-height: 420px;\n  }\n  .ggbeam-media-card img {\n    width: 100%;\n    height: 100%;\n    min-height: 420px;\n    object-fit: cover;\n    display: block;\n  }\n  .ggbeam-check-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-top: 26px;\n  }\n  .ggbeam-check-grid div {\n    background: #fff;\n    border: 1px solid rgba(0,0,0,.08);\n    border-radius: 16px;\n    padding: 14px 16px;\n    font-weight: 800;\n    color: #111;\n  }\n  .ggbeam-check-grid div:before {\n    content: \"✓\";\n    color: var(--gg-gold-dark);\n    margin-right: 8px;\n  }\n  .ggbeam-gallery {\n    position: relative;\n    display: grid;\n    grid-template-columns: 54px 1fr 54px;\n    gap: 14px;\n    align-items: center;\n  }\n  .ggbeam-gallery-window {\n    overflow: hidden;\n    border-radius: 28px;\n    box-shadow: 0 22px 70px rgba(0,0,0,.13);\n  }\n  .ggbeam-gallery-track {\n    display: flex;\n    transition: transform .45s ease;\n  }\n  .ggbeam-gallery figure {\n    flex: 0 0 100%;\n    margin: 0;\n    position: relative;\n    height: 100%;\n    min-height: 580px;\n    background: #111;\n  }\n  .ggbeam-gallery img {\n    width: 100%;\n    height: 100%;\n    min-height: 580px;\n    object-fit: cover;\n    display: block;\n  }\n  .ggbeam-gallery figcaption {\n    position: absolute;\n    left: 22px;\n    bottom: 22px;\n    background: rgba(0,0,0,.70);\n    color: #fff;\n    border: 1px solid rgba(255,255,255,.20);\n    border-radius: 999px;\n    padding: 10px 14px;\n    font-weight: 800;\n    backdrop-filter: blur(8px);\n  }\n  .ggbeam-gallery-btn {\n    width: 54px;\n    height: 54px;\n    border-radius: 999px;\n    border: 0;\n    cursor: pointer;\n    background: #111;\n    color: #fff;\n    font-size: 34px;\n    line-height: 1;\n    transition: transform .2s ease, background .2s ease;\n  }\n  .ggbeam-gallery-btn:hover {\n    transform: scale(1.05);\n    background: var(--gg-gold-dark);\n  }\n  .ggbeam-dots {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 18px;\n  }\n  .ggbeam-dots button {\n    width: 10px;\n    height: 10px;\n    border-radius: 999px;\n    border: 0;\n    background: #d8d8d8;\n    cursor: pointer;\n  }\n  .ggbeam-dots button.is-active {\n    background: var(--gg-gold-dark);\n    width: 28px;\n  }\n  .ggbeam-spec-grid {\n    display: grid;\n    grid-template-columns: 1.35fr .85fr;\n    gap: 24px;\n  }\n  .ggbeam-spec-card {\n    background: rgba(255,255,255,.06);\n    border: 1px solid rgba(255,255,255,.12);\n    border-radius: 26px;\n    padding: 24px;\n  }\n  .ggbeam-spec-card h3 {\n    color: #fff;\n    font-size: 24px;\n    margin: 0 0 16px;\n  }\n  .ggbeam-space-top {\n    margin-top: 28px !important;\n  }\n  .ggbeam-table-wrap {\n    overflow-x: auto;\n  }\n  .ggbeam-spec-card table {\n    width: 100%;\n    border-collapse: collapse;\n    color: rgba(255,255,255,.86);\n    overflow: hidden;\n    border-radius: 16px;\n  }\n  .ggbeam-spec-card th,\n  .ggbeam-spec-card td {\n    text-align: left;\n    padding: 14px 14px;\n    border-bottom: 1px solid rgba(255,255,255,.10);\n    vertical-align: top;\n  }\n  .ggbeam-spec-card th {\n    color: var(--gg-gold);\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: .08em;\n    background: rgba(255,255,255,.06);\n  }\n  .ggbeam-option-box {\n    padding: 18px;\n    border-radius: 18px;\n    background: rgba(212,175,106,.14);\n    border: 1px solid rgba(212,175,106,.35);\n  }\n  .ggbeam-option-gap {\n    margin-top: 12px;\n  }\n  .ggbeam-option-box strong,\n  .ggbeam-option-box span {\n    display: block;\n  }\n  .ggbeam-option-box strong {\n    color: #fff;\n    font-size: 20px;\n    margin-bottom: 8px;\n  }\n  .ggbeam-option-box span {\n    color: rgba(255,255,255,.74);\n  }\n  .ggbeam-accessory-list li {\n    color: rgba(255,255,255,.82);\n  }\n  .ggbeam-process-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 18px;\n  }\n  .ggbeam-process-card {\n    background: #fff;\n    border: 1px solid rgba(0,0,0,.08);\n    border-radius: 24px;\n    padding: 24px;\n    box-shadow: 0 14px 40px rgba(0,0,0,.06);\n  }\n  .ggbeam-process-card span {\n    display: inline-flex;\n    color: var(--gg-gold-dark);\n    font-weight: 900;\n    margin-bottom: 20px;\n  }\n  .ggbeam-process-card h3 {\n    margin: 0 0 10px;\n    color: #111;\n    font-size: 21px;\n  }\n  .ggbeam-process-card p {\n    margin: 0;\n    color: var(--gg-muted);\n    line-height: 1.6;\n  }\n  .ggbeam-video-section {\n    display: grid;\n    grid-template-columns: .8fr 1.2fr;\n    gap: 38px;\n    align-items: center;\n  }\n  .ggbeam-video-wrap {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 16 \/ 9;\n    border-radius: 28px;\n    overflow: hidden;\n    box-shadow: 0 22px 70px rgba(0,0,0,.16);\n    background: #111;\n  }\n  .ggbeam-video-wrap iframe {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n  }\n  .ggbeam-faq {\n    max-width: 880px;\n    margin: 0 auto;\n  }\n  .ggbeam-faq-item {\n    border: 1px solid rgba(0,0,0,.10);\n    border-radius: 18px;\n    margin-bottom: 12px;\n    background: #fff;\n    overflow: hidden;\n  }\n  .ggbeam-faq-item button {\n    width: 100%;\n    border: 0;\n    background: transparent;\n    text-align: left;\n    padding: 20px 54px 20px 20px;\n    cursor: pointer;\n    font-size: 17px;\n    font-weight: 900;\n    color: #111;\n    position: relative;\n  }\n  .ggbeam-faq-item button:after {\n    content: \"+\";\n    position: absolute;\n    right: 22px;\n    top: 50%;\n    transform: translateY(-50%);\n    font-size: 26px;\n    color: var(--gg-gold-dark);\n  }\n  .ggbeam-faq-item.is-open button:after {\n    content: \"−\";\n  }\n  .ggbeam-faq-item \u003e div {\n    display: none;\n    padding: 0 20px 20px;\n  }\n  .ggbeam-faq-item.is-open \u003e div {\n    display: block;\n  }\n  .ggbeam-faq-item p {\n    margin: 0;\n    color: var(--gg-muted);\n    line-height: 1.65;\n  }\n  .ggbeam-final-cta {\n    padding: clamp(70px, 8vw, 115px) 0;\n    background:\n      linear-gradient(rgba(0,0,0,.72), rgba(0,0,0,.78)),\n      url(\"https:\/\/aluglobusfence.com\/wp-content\/uploads\/2026\/05\/Beam-Pergola_Reflection.webp\") center\/cover no-repeat;\n    color: #fff;\n    text-align: center;\n  }\n  .ggbeam-final-cta p {\n    max-width: 780px;\n    margin: 0 auto 28px;\n    color: rgba(255,255,255,.80);\n  }\n  .ggbeam-final-cta .ggbeam-hero-actions {\n    justify-content: center;\n  }\n  @media (max-width: 980px) {\n    .ggbeam-hero {\n      min-height: 660px;\n    }\n    .ggbeam-trust-grid,\n    .ggbeam-package-grid,\n    .ggbeam-two-col,\n    .ggbeam-spec-grid,\n    .ggbeam-process-grid,\n    .ggbeam-video-section {\n      grid-template-columns: 1fr;\n    }\n    .ggbeam-package-card.ggbeam-featured {\n      transform: none;\n    }\n    .ggbeam-trust-grid div {\n      border-right: 0;\n      border-bottom: 1px solid rgba(255,255,255,.10);\n    }\n    .ggbeam-gallery {\n      grid-template-columns: 1fr;\n    }\n    .ggbeam-gallery-btn {\n      display: none;\n    }\n    .ggbeam-gallery figure,\n    .ggbeam-gallery img {\n      min-height: 460px;\n    }\n  }\n  @media (max-width: 640px) {\n    .ggbeam-hero {\n      min-height: 620px;\n      align-items: flex-end;\n      padding: 90px 0 52px;\n    }\n    .ggbeam-hero-overlay {\n      background: linear-gradient(180deg, rgba(0,0,0,.30), rgba(0,0,0,.92));\n    }\n    .ggbeam-hero-content {\n      margin-left: auto;\n      width: min(100% - 32px, 1180px);\n    }\n    .ggbeam-btn {\n      width: 100%;\n    }\n    .ggbeam-hero-actions {\n      width: 100%;\n    }\n    .ggbeam-check-grid {\n      grid-template-columns: 1fr;\n    }\n    .ggbeam-gallery figure,\n    .ggbeam-gallery img {\n      min-height: 360px;\n    }\n    .ggbeam-gallery figcaption {\n      left: 12px;\n      right: 12px;\n      bottom: 12px;\n      text-align: center;\n      border-radius: 14px;\n    }\n    .ggbeam-package-card,\n    .ggbeam-spec-card,\n    .ggbeam-process-card {\n      padding: 22px;\n      border-radius: 22px;\n    }\n    .ggbeam-ar-shortcode {\n      height: 42px !important;\n      max-height: 42px !important;\n    }\n    .ggbeam-ar-shortcode::before {\n      height: 42px;\n      font-size: 12px;\n      padding-left: 54px;\n      padding-right: 12px;\n    }\n    .ggbeam-ar-shortcode::after {\n      width: 26px;\n      height: 26px;\n      left: 16px;\n    }\n    .ggbeam-ar-shortcode iframe,\n    .ggbeam-ar-shortcode canvas,\n    .ggbeam-ar-shortcode model-viewer,\n    .ggbeam-ar-shortcode .ar-viewer,\n    .ggbeam-ar-shortcode .arwp-viewer,\n    .ggbeam-ar-shortcode .ar-model-viewer,\n    .ggbeam-ar-shortcode .ar_model_viewer,\n    .ggbeam-ar-shortcode .ar_display,\n    .ggbeam-ar-shortcode .ar-display,\n    .ggbeam-ar-shortcode .ar-for-wordpress,\n    .ggbeam-ar-shortcode .arfw-main,\n    .ggbeam-ar-shortcode .arfw-viewer,\n    .ggbeam-ar-shortcode a,\n    .ggbeam-ar-shortcode button,\n    .ggbeam-ar-shortcode button[slot=\"ar-button\"],\n    .ggbeam-ar-shortcode .ar-button,\n    .ggbeam-ar-shortcode .arwp-button,\n    .ggbeam-ar-shortcode .ar-view-button,\n    .ggbeam-ar-shortcode .ar_model_button {\n      height: 42px !important;\n      min-height: 42px !important;\n      max-height: 42px !important;\n    }\n  }\n  .ggbeam-dark .ggbeam-section-head h2,\n  .ggbeam-final-cta h2 {\n    color: white !important;\n  }\n\u003c\/style\u003e","brand":"Aluglobus fence","offers":[{"title":"Default Title","offer_id":71156408615165,"sku":null,"price":4130.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/7102\/8221\/files\/16x20-Beam-Pergola-with-background.jpg?v=1786979554","url":"https:\/\/shopaluminumfence.com\/products\/beam-roof-patio-cover-kit","provider":"Aluglobus fence","version":"1.0","type":"link"}