{"product_id":"30-thinline-outdoor-louver-gable-vent-flange-frame-customizable","title":"30° Thinline Outdoor Louver Gable Vent (Flange Frame) - Customizable","description":"\u003cstyle\u003e\n  .custom-features-box {\n    margin: 0;\n    max-width: 1200px;\n    width: 100%;\n    box-sizing: border-box;\n    font-family: Arial, sans-serif;\n    color: #111;\n    overflow-x: hidden;\n  }\n\n  .custom-features-box p {\n    margin: 0 0 28px;\n    font-size: 15px;\n    line-height: 1.6;\n    color: #111;\n  }\n\n  .custom-features-details {\n    margin-top: 8px;\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .custom-features-details summary {\n    list-style: none;\n    cursor: pointer;\n    margin: 0 0 18px;\n    padding: 0 4px 10px 0;\n    border-bottom: 2px solid #5296dd;\n    color: #5296dd;\n    font-size: 15px;\n    line-height: 1.2;\n    font-weight: 700;\n    text-transform: uppercase;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    max-width: 100%;\n    box-sizing: border-box;\n    overflow: hidden;\n  }\n\n  .custom-features-details summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .custom-features-details summary::marker {\n    display: none;\n    content: \"\";\n  }\n\n  .custom-features-details summary::after {\n    content: \"\";\n    width: 10px;\n    height: 10px;\n    border-right: 2px solid #5296dd;\n    border-bottom: 2px solid #5296dd;\n    transform: rotate(45deg);\n    transition: transform 0.25s ease;\n    margin-left: 12px;\n    margin-right: 2px;\n    flex-shrink: 0;\n  }\n\n  .custom-features-details[open] summary::after {\n    transform: rotate(225deg);\n  }\n\n  .custom-features-box ul {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    column-gap: 35px;\n    row-gap: 16px;\n    font-size: 15px;\n    line-height: 1.6;\n  }\n\n  .custom-features-box li {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    margin: 0;\n  }\n\n  .feature-bullet {\n    width: 14px;\n    height: 14px;\n    min-width: 14px;\n    margin-top: 5px;\n    background: #5296dd;\n    display: inline-block;\n  }\n\n  .custom-features-box strong {\n    font-weight: 400;\n  }\n\n  .hp-birdscreen-popup-link {\n    border: 0;\n    padding: 0;\n    margin: 0;\n    background: none;\n    color: #5296dd;\n    font: inherit;\n    font-weight: 700;\n    text-decoration: underline;\n    cursor: pointer;\n  }\n\n  .custom-spec-popup-link {\n    display: inline-block;\n    margin-top: 24px;\n    color: #5296dd;\n    cursor: pointer;\n    font-size: 15px;\n    font-weight: 700;\n    text-decoration: underline;\n    background: none;\n    border: none;\n    padding: 0;\n  }\n\n  .custom-spec-popup-link:hover,\n  .hp-birdscreen-popup-link:hover {\n    color: #002b5c;\n  }\n\n  .hp-birdscreen-modal,\n  .custom-image-popup-overlay {\n    display: none;\n    position: fixed;\n    inset: 0;\n    z-index: 999999;\n    align-items: center;\n    justify-content: center;\n    padding: 20px;\n    box-sizing: border-box;\n    background: rgba(0, 0, 0, 0.85);\n  }\n\n  .hp-birdscreen-modal.hp-open,\n  .custom-image-popup-overlay.is-active {\n    display: flex !important;\n  }\n\n  .hp-birdscreen-popup,\n  .custom-image-popup-content {\n    position: relative;\n    width: auto;\n    max-width: calc(100vw - 40px);\n    max-height: 90vh;\n    background: #fff;\n  }\n\n  .hp-birdscreen-popup {\n    width: calc(100% - 40px);\n    max-width: 900px;\n    padding: 20px;\n    border-radius: 8px;\n    overflow: auto;\n    box-sizing: border-box;\n  }\n\n  .hp-birdscreen-image {\n    display: block;\n    width: 100%;\n    height: auto;\n  }\n\n  .custom-image-popup-content img {\n    display: block;\n    width: auto;\n    height: auto;\n    max-width: calc(100vw - 40px);\n    max-height: 90vh;\n    background: #fff;\n  }\n\n  .hp-birdscreen-close,\n  .custom-image-popup-close {\n    position: absolute;\n    top: -12px;\n    right: -12px;\n    width: 36px;\n    height: 36px;\n    padding: 0;\n    border: none;\n    border-radius: 50%;\n    background: #fff;\n    color: #000;\n    font-size: 24px;\n    font-weight: 700;\n    line-height: 36px;\n    text-align: center;\n    cursor: pointer;\n    z-index: 2;\n  }\n\n  @media screen and (max-width: 990px) {\n    .custom-features-box ul {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  @media screen and (max-width: 749px) {\n    .custom-features-box {\n      max-width: 100%;\n      width: 100%;\n      overflow-x: hidden;\n    }\n\n    .custom-features-details summary {\n      width: 100%;\n      max-width: 100%;\n      padding-right: 8px;\n    }\n\n    .custom-features-box ul {\n      grid-template-columns: 1fr;\n    }\n\n    .hp-birdscreen-modal,\n    .custom-image-popup-overlay {\n      padding: 16px;\n    }\n\n    .hp-birdscreen-popup {\n      width: calc(100% - 20px);\n      padding: 15px;\n    }\n\n    .custom-image-popup-content,\n    .custom-image-popup-content img {\n      max-width: calc(100vw - 32px);\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"custom-features-box\"\u003e\n\u003cp\u003eOur 30° Thinline Aluminum Louver Vent Exterior Air Grille for Walls, Gables \u0026amp; Crawlspaces is Weather-Resistant with a Flange Frame.\u003c\/p\u003e\n\u003cdetails class=\"custom-features-details\" open=\"\"\u003e\n\u003csummary\u003eFeatures\u003c\/summary\u003e\n\u003cdiv class=\"custom-features-content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cspan class=\"feature-bullet\"\u003e\u003c\/span\u003e \u003cstrong\u003eFixed 30° horizontal blades on 3\/4\" spacing\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"feature-bullet\"\u003e\u003c\/span\u003e \u003cstrong\u003eFully extruded aluminum blades and flange frame\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"feature-bullet\"\u003e\u003c\/span\u003e \u003cstrong\u003eSupports are hidden behind blades for a clean appearance\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"feature-bullet\"\u003e\u003c\/span\u003e \u003cstrong\u003e \u003cbutton type=\"button\" class=\"hp-birdscreen-popup-link\"\u003e Bird screen \u003c\/button\u003e is standard or optional insect screen. \u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"feature-bullet\"\u003e\u003c\/span\u003e \u003cstrong\u003eAvailable in 1\" standard dimension increments.\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"feature-bullet\"\u003e\u003c\/span\u003e \u003cstrong\u003eCustom sizes manufactured up to 1\/16\" increments.\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"feature-bullet\"\u003e\u003c\/span\u003e \u003cstrong\u003eAvailable in durable powder coat finish standard\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"feature-bullet\"\u003e\u003c\/span\u003e \u003cstrong\u003e73% free area for optimal performance\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"feature-bullet\"\u003e\u003c\/span\u003e \u003cstrong\u003eMounting available for PTAC\/ VTAC application\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cbutton type=\"button\" class=\"custom-spec-popup-link\"\u003e View Spec Sheet \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- BIRD SCREEN POPUP --\u003e\n\u003cdiv class=\"hp-birdscreen-modal\"\u003e\n\u003cdiv class=\"hp-birdscreen-popup\"\u003e\n\u003cbutton type=\"button\" class=\"hp-birdscreen-close\"\u003e × \u003c\/button\u003e \u003cimg src=\"https:\/\/hvacpremium.com\/cdn\/shop\/files\/6w-x-6h-aluminum-exterior-gable-louver-vent-for-walls-crawlspace-weather-resistant-air-grille-with-screen-mesh-outer-dimensions-775w-x-775hspecial-weather-louve-534542_2048x.jpg?v=1743792952\" alt=\"Bird screen example\" class=\"hp-birdscreen-image\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SPEC SHEET POPUP --\u003e\n\u003cdiv class=\"custom-image-popup-overlay\"\u003e\n\u003cdiv class=\"custom-image-popup-content\"\u003e\n\u003cbutton type=\"button\" class=\"custom-image-popup-close\"\u003e × \u003c\/button\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0081\/8213\/6898\/files\/HPLTL-30-FF_Specs.png?v=1785340956\" alt=\"Flange frame 30-degree aluminum exterior louver spec sheet\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function () {\n\n  var details = document.querySelector('.custom-features-details');\n\n  if (details) {\n    function setInitialFeaturesState() {\n      if (window.innerWidth \u003e 749) {\n        details.setAttribute('open', '');\n      } else {\n        details.removeAttribute('open');\n      }\n    }\n\n    setInitialFeaturesState();\n\n    var lastMobileState = window.innerWidth \u003c= 749;\n\n    window.addEventListener('resize', function () {\n      var isMobileNow = window.innerWidth \u003c= 749;\n\n      if (isMobileNow !== lastMobileState) {\n        lastMobileState = isMobileNow;\n        setInitialFeaturesState();\n      }\n    });\n  }\n\n  var birdPopup = document.querySelector('.hp-birdscreen-modal');\n  var specPopup = document.querySelector('.custom-image-popup-overlay');\n\n  if (birdPopup \u0026\u0026 birdPopup.parentNode !== document.body) {\n    document.body.appendChild(birdPopup);\n  }\n\n  if (specPopup \u0026\u0026 specPopup.parentNode !== document.body) {\n    document.body.appendChild(specPopup);\n  }\n\n  document.addEventListener('click', function (event) {\n    var birdOpenButton = event.target.closest('.hp-birdscreen-popup-link');\n    var birdCloseButton = event.target.closest('.hp-birdscreen-close');\n\n    var specOpenButton = event.target.closest('.custom-spec-popup-link');\n    var specCloseButton = event.target.closest('.custom-image-popup-close');\n\n    var activeBirdPopup = document.querySelector('.hp-birdscreen-modal');\n    var activeSpecPopup = document.querySelector('.custom-image-popup-overlay');\n\n    if (birdOpenButton \u0026\u0026 activeBirdPopup) {\n      event.preventDefault();\n      event.stopPropagation();\n\n      activeBirdPopup.classList.add('hp-open');\n      document.body.style.overflow = 'hidden';\n      return;\n    }\n\n    if (birdCloseButton \u0026\u0026 activeBirdPopup) {\n      event.preventDefault();\n\n      activeBirdPopup.classList.remove('hp-open');\n      document.body.style.overflow = '';\n      return;\n    }\n\n    if (\n      activeBirdPopup \u0026\u0026\n      event.target === activeBirdPopup\n    ) {\n      activeBirdPopup.classList.remove('hp-open');\n      document.body.style.overflow = '';\n      return;\n    }\n\n    if (specOpenButton \u0026\u0026 activeSpecPopup) {\n      event.preventDefault();\n      event.stopPropagation();\n\n      activeSpecPopup.classList.add('is-active');\n      document.body.style.overflow = 'hidden';\n      return;\n    }\n\n    if (specCloseButton \u0026\u0026 activeSpecPopup) {\n      event.preventDefault();\n\n      activeSpecPopup.classList.remove('is-active');\n      document.body.style.overflow = '';\n      return;\n    }\n\n    if (\n      activeSpecPopup \u0026\u0026\n      event.target === activeSpecPopup\n    ) {\n      activeSpecPopup.classList.remove('is-active');\n      document.body.style.overflow = '';\n    }\n  });\n\n  document.addEventListener('keydown', function (event) {\n    var activeBirdPopup = document.querySelector('.hp-birdscreen-modal');\n    var activeSpecPopup = document.querySelector('.custom-image-popup-overlay');\n\n    if (event.key === 'Escape') {\n      if (activeBirdPopup) {\n        activeBirdPopup.classList.remove('hp-open');\n      }\n\n      if (activeSpecPopup) {\n        activeSpecPopup.classList.remove('is-active');\n      }\n\n      document.body.style.overflow = '';\n    }\n  });\n\n});\n\u003c\/script\u003e","brand":"HVAC Premium","offers":[{"title":"Default Title","offer_id":50351695134957,"sku":"HPLTL-30-FF","price":33.28,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0081\/8213\/6898\/files\/MILL_RAW_ALUMINUM___30_HPLTL-FF.png?v=1785265065","url":"https:\/\/hvacpremium.com\/products\/30-thinline-outdoor-louver-gable-vent-flange-frame-customizable","provider":"HVAC Premium","version":"1.0","type":"link"}