{"id":22079,"date":"2025-12-04T13:46:27","date_gmt":"2025-12-04T13:46:27","guid":{"rendered":"https:\/\/www.adriansteel.com\/?page_id=22079"},"modified":"2026-02-24T19:45:25","modified_gmt":"2026-02-24T19:45:25","slug":"mid-roof","status":"publish","type":"page","link":"https:\/\/www.adriansteel.com\/products\/shelving\/mid-roof\/","title":{"rendered":"Mid Roof"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"22079\" class=\"elementor elementor-22079\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-966ea0a e-flex e-con-boxed e-con e-parent\" data-id=\"966ea0a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43ab483 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"43ab483\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cd3ba63 product_family elementor-widget elementor-widget-heading\" data-id=\"cd3ba63\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">ADRIAN VAN SHELVING<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b8381c6 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"b8381c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-018b2ee elementor-widget elementor-widget-heading\" data-id=\"018b2ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">HELPING DRIVERS GET HOME SAFELY, EVERYDAY<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-376ec6f e-flex e-con-boxed e-con e-parent\" data-id=\"376ec6f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-18f23ec e-con-full e-flex e-con e-child\" data-id=\"18f23ec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce035dc elementor-widget elementor-widget-shortcode\" data-id=\"ce035dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <div class=\"acf-product-gallery\" id=\"gallery_69b29da32db0c\">\n        <!-- Main slider -->\n        <div class=\"swiper main-slider\">\n            <div class=\"swiper-wrapper\">\n                                    <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/02\/AS-2T1436FTMA-scaled.jpg\" alt=\"\">\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/4-Shelf-Center-Support.webp\" alt=\"\">\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/20241108-New-Shelving-HVAC-Electrical_111.jpg\" alt=\"\">\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/20241108-New-Shelving-HVAC-Electrical_81-smaller.jpg\" alt=\"\">\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/20241108-New-Shelving-HVAC-Electrical_98-1.webp\" alt=\"\">\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/20241108-New-Shelving-HVAC-Electrical_131.jpg\" alt=\"\">\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/20241108-New-Shelving-HVAC-Electrical_78-e1760716049147.webp\" alt=\"\">\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/20241108-New-Shelving-HVAC-Electrical_98.webp\" alt=\"\">\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/20241108-New-Shelving-HVAC-Electrical_106.jpg\" alt=\"\">\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/20241108-New-Shelving-HVAC-Electrical_113.webp\" alt=\"\">\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/20241108-New-Shelving-HVAC-Electrical_13.webp\" alt=\"\">\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/20241108-New-Shelving-HVAC-Electrical_35.jpg\" alt=\"\">\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/20241108-New-Shelving-HVAC-Electrical_157.jpg\" alt=\"\">\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/20241108-New-Shelving-HVAC-Electrical_141.jpg\" alt=\"\">\n                    <\/div>\n                            <\/div>\n        <\/div>\n\n        <!-- Thumbnails -->\n        <div class=\"thumbs-wrapper\">\n            <div class=\"thumbs-prev\">&#10094;<\/div>\n            <div class=\"swiper thumbs-slider\">\n                <div class=\"swiper-wrapper\">\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/02\/AS-2T1436FTMA-scaled-150x150.jpg\" alt=\"\">\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/4-Shelf-Center-Support-150x150.webp\" alt=\"\">\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/20241108-New-Shelving-HVAC-Electrical_111-150x150.jpg\" alt=\"\">\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/20241108-New-Shelving-HVAC-Electrical_81-smaller-150x150.jpg\" alt=\"\">\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/20241108-New-Shelving-HVAC-Electrical_98-1-150x150.webp\" alt=\"\">\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/20241108-New-Shelving-HVAC-Electrical_131-150x150.jpg\" alt=\"\">\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/20241108-New-Shelving-HVAC-Electrical_78-e1760716049147-150x150.webp\" alt=\"\">\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/20241108-New-Shelving-HVAC-Electrical_98-150x150.webp\" alt=\"\">\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/20241108-New-Shelving-HVAC-Electrical_106-150x150.jpg\" alt=\"\">\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/20241108-New-Shelving-HVAC-Electrical_113-150x150.webp\" alt=\"\">\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/20241108-New-Shelving-HVAC-Electrical_13-150x150.webp\" alt=\"\">\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/20241108-New-Shelving-HVAC-Electrical_35-150x150.jpg\" alt=\"\">\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/20241108-New-Shelving-HVAC-Electrical_157-150x150.jpg\" alt=\"\">\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/20241108-New-Shelving-HVAC-Electrical_141-150x150.jpg\" alt=\"\">\n                        <\/div>\n                                    <\/div>\n            <\/div>\n            <div class=\"thumbs-next\">&#10095;<\/div>\n        <\/div>\n    <\/div>\n\n    <style>\n        .acf-product-gallery { max-width: 600px; margin: auto; }\n        .main-slider { width: 100%; aspect-ratio: 1 \/ 0.86; overflow: hidden; margin-bottom: 10px; border-radius: 8px; background: #f8f8f8; display: flex; align-items: center; justify-content: center; }\n        .main-slider .swiper-slide { display: flex; align-items: center; justify-content: center; }\n        .main-slider img { width: auto; height: 100%; object-fit: cover; }\n        .thumbs-wrapper { display: flex; align-items: center; gap: 5px; margin-top: 5px; }\n        .thumbs-slider { flex: 1; }\n        .thumbs-slider .swiper-slide { width: auto; height: 80px; display: flex; align-items: center; justify-content: center; cursor: pointer; }\n        .thumbs-slider img { max-height: 100%; cursor: pointer; border: 2px solid transparent; border-radius: 4px; transition: border-color 0.3s; }\n        .swiper-slide-thumb-active img { border-color: #c60f24; }\n        .thumbs-prev, .thumbs-next { cursor: pointer; font-size: 20px; padding: 8px; user-select: none; color: #333; transition: color 0.3s; }\n        .thumbs-prev:hover, .thumbs-next:hover { color: #c60f24; }\n    <\/style>\n\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        setTimeout(function() {\n            var galleryContainer = document.getElementById('gallery_69b29da32db0c');\n            if (!galleryContainer) return;\n            \n            var mainSliderEl = galleryContainer.querySelector('.main-slider');\n            var thumbsSliderEl = galleryContainer.querySelector('.thumbs-slider');\n            var prevBtn = galleryContainer.querySelector('.thumbs-prev');\n            var nextBtn = galleryContainer.querySelector('.thumbs-next');\n            \n            if (!mainSliderEl || !thumbsSliderEl) return;\n\n            var thumbsSwiper = new Swiper(thumbsSliderEl, {\n                spaceBetween: 10,\n                slidesPerView: 5,\n                freeMode: false,\n                watchSlidesProgress: true,\n                on: {\n                    click: function(swiper, event) {\n                        var clickedSlide = event.target.closest('.swiper-slide');\n                        if (clickedSlide) {\n                            var slideIndex = Array.from(swiper.slides).indexOf(clickedSlide);\n                            if (slideIndex !== -1 && mainSwiper) {\n                                mainSwiper.slideTo(slideIndex);\n                            }\n                        }\n                    }\n                }\n            });\n\n            var mainSwiper = new Swiper(mainSliderEl, {\n                spaceBetween: 10,\n                autoHeight: false,\n                thumbs: { swiper: thumbsSwiper },\n                on: {\n                    slideChange: function() {\n                        var activeIndex = this.activeIndex;\n                        var thumbsPerView = Math.floor(thumbsSliderEl.offsetWidth \/ 90);\n                        var thumbsStart = Math.floor(thumbsSwiper.activeIndex \/ thumbsPerView) * thumbsPerView;\n                        \n                        if (activeIndex < thumbsStart || activeIndex >= thumbsStart + thumbsPerView) {\n                            var newThumbsStart = Math.floor(activeIndex \/ thumbsPerView) * thumbsPerView;\n                            thumbsSwiper.slideTo(newThumbsStart);\n                        }\n                    }\n                }\n            });\n\n\n            if (prevBtn) {\n                prevBtn.addEventListener('click', function() {\n                    if (mainSwiper.activeIndex > 0) {\n                        mainSwiper.slidePrev();\n                    } else {\n                        mainSwiper.slideTo(mainSwiper.slides.length - 1);\n                    }\n                });\n            }\n\n            if (nextBtn) {\n                nextBtn.addEventListener('click', function() {\n                    if (mainSwiper.activeIndex < mainSwiper.slides.length - 1) {\n                        mainSwiper.slideNext();\n                    } else {\n                        mainSwiper.slideTo(0);\n                    }\n                });\n            }\n        }, 100);\n    });\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e05a806 e-con-full e-flex e-con e-child\" data-id=\"e05a806\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2dc08e0 elementor-widget elementor-widget-heading\" data-id=\"2dc08e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Select a style:<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b6a35ef elementor-widget elementor-widget-shortcode\" data-id=\"b6a35ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <div class=\"select_style_slider_wrapper\" id=\"style_slider_69b29da32e162\">\n            <button class=\"slider_arrow slider_arrow_left\" aria-label=\"Previous\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M15 18L9 12L15 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n            <\/button>\n            \n            <div class=\"select_style_container\">\n                <div class=\"select_style_track\">\n                                                    <div class=\"select_styl_wrapper\">\n                                    <a href=\"https:\/\/www.adriansteel.com\/products\/shelving\/low-roof\/\">\n                                        <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/02\/AS-2T1436FTLA-scaled-150x150.jpg\" alt=\"Low Roof\">\n                                        <p>Low Roof<\/p>\n                                    <\/a>\n                                <\/div>\n                                                                                    <div class=\"select_styl_wrapper active-style\">\n                                    <div>\n                                        <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/02\/AS-2T1436FTMA-scaled-150x150.jpg\" alt=\"Mid Roof\">\n                                        <p id=\"form_location\">Mid Roof<\/p>\n                                    <\/div>\n                                <\/div>\n                                                                                    <div class=\"select_styl_wrapper\">\n                                    <a href=\"https:\/\/www.adriansteel.com\/products\/shelving\/high-roof\/\">\n                                        <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/02\/AS-2T1454FTHA-scaled-150x150.jpg\" alt=\"High Roof\">\n                                        <p>High Roof<\/p>\n                                    <\/a>\n                                <\/div>\n                                                                                    <div class=\"select_styl_wrapper\">\n                                    <a href=\"https:\/\/www.adriansteel.com\/products\/shelving\/14d-shelf-accessories\/\">\n                                        <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/ADUK14182T-150x150.webp\" alt=\"14\u201dD Accessories\">\n                                        <p>14\u201dD Accessories<\/p>\n                                    <\/a>\n                                <\/div>\n                                                                                    <div class=\"select_styl_wrapper\">\n                                    <a href=\"https:\/\/www.adriansteel.com\/products\/shelving\/16d-shelf-accessories\/\">\n                                        <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/ADUK16183C-150x150.webp\" alt=\"16\u201dD Shelf Accessories\">\n                                        <p>16\u201dD Shelf Accessories<\/p>\n                                    <\/a>\n                                <\/div>\n                                                                    <\/div>\n            <\/div>\n            \n            <button class=\"slider_arrow slider_arrow_right\" aria-label=\"Next\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M9 18L15 12L9 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n            <\/button>\n        <\/div>\n        \n        <style>\n            .select_style_slider_wrapper {\n                position: relative;\n                display: flex;\n                align-items: center;\n                gap: 15px;\n                max-width: 100%;\n                font-family: Arial, sans-serif;\n            }\n            .select_style_container {\n                overflow: hidden;\n                flex: 1;\n            }\n            .select_style_track {\n                display: flex;\n                gap: 20px;\n                transition: transform 0.3s ease;\n            }\n            .select_style_container .select_styl_wrapper {\n                text-align: center;\n                flex-shrink: 0;\n                width: calc((100% - 40px) \/ 3);\n            }\n            .select_style_container .select_styl_wrapper > div{\n\t\t\t\taspect-ratio: 1 \/ 1;\n\t\t\t}\n            .select_style_container .select_styl_wrapper > a {\n                text-decoration: none;\n                color: #333;\n                display: block;\n            }\n            .select_style_container .select_styl_wrapper > a > img {\n                width: 100%;\n                object-fit: contain;\n                border: 2px solid #00a2df;\n                border-radius: 15px;\n\t\t\t\taspect-ratio: 1 \/ 1;\n            }\n            .select_style_container .select_styl_wrapper > a > p {\n                padding-top: 10px;\n                margin: 0;\n                font-size: 16px;\n                word-wrap: break-word;\n            }\n            .select_style_container .active-style > div > img {\n                width: 100%;\n                object-fit: contain;\n                border: 2px solid #00a2df;\n                border-radius: 15px;\n                background: #fff;\n\t\t\t\taspect-ratio: 1 \/ 1;\n            }\n            .select_style_container .active-style > div > p {\n                font-size: 16px;\n\t\t\t\tline-height:18px;\n                background: #00a2df;\n                border-radius: 0 0 15px 15px;\n                padding: 14px 10px 5px 10px;\n                margin-top: -12px;\n                color: #fff;\n                word-wrap: break-word;\n            }\n            .slider_arrow {\n                background: #00a2df;\n                border: none;\n                border-radius: 5px;\n                width: 30px;\n                height: 30px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                cursor: pointer;\n                flex-shrink: 0;\n                color: #fff;\n                transition: all 0.3s ease;\n                box-shadow: 0 2px 8px rgba(0, 162, 223, 0.3);\n                z-index: 10;\n            }\n            .slider_arrow:hover {\n                background: #008bbf;\n                box-shadow: 0 4px 12px rgba(0, 162, 223, 0.5);\n                transform: scale(1.1);\n            }\n            .slider_arrow:active {\n                transform: scale(0.95);\n            }\n            .slider_arrow:disabled {\n                background: #ccc;\n                cursor: not-allowed;\n                opacity: 0.5;\n                box-shadow: none;\n            }\n            .slider_arrow.hidden {\n                display: none;\n            }\n            .select_style_slider_wrapper.no-arrows .select_style_track {\n                transform: none !important;\n            }\n            .select_style_slider_wrapper.no-arrows .select_style_container .select_styl_wrapper {\n                width: calc((100% - 20px * (var(--count, 3) - 1)) \/ var(--count));\n\t\t\t\tmax-width:180px;\n            }\n            @media only screen and (max-width: 910px) {\n                .select_style_container .select_styl_wrapper {\n                    width: calc((100% - 20px) \/ 2);\n                }\n                .slider_arrow {\n                    width: 40px;\n                    height: 40px;\n                }\n            }\n            @media only screen and (max-width: 420px) {\n                .select_style_container .select_styl_wrapper {\n                    width: 100%;\n                }\n                .slider_arrow {\n                    width: 38px;\n                    height: 38px;\n                }\n                .select_style_slider_wrapper {\n                    gap: 10px;\n                }\n            }\n        <\/style>\n        \n        <script>\n        (function() {\n            const wrapper = document.getElementById('style_slider_69b29da32e162');\n            const track = wrapper.querySelector('.select_style_track');\n            const leftArrow = wrapper.querySelector('.slider_arrow_left');\n            const rightArrow = wrapper.querySelector('.slider_arrow_right');\n            const items = track.querySelectorAll('.select_styl_wrapper');\n            const activeIndex = Array.from(items).findIndex(el => el.classList.contains('active-style'));\n            \n            let itemsPerView = 3;\n            let currentIndex = 0;\n            \n            function getItemsPerView() {\n                if (window.innerWidth <= 420) return 1;\n                if (window.innerWidth <= 910) return 2;\n                return 3;\n            }\n            \n            function calcInitialIndex() {\n                itemsPerView = getItemsPerView();\n                const maxIndex = Math.max(items.length - itemsPerView, 0);\n                if (activeIndex < 0) return 0;\n                const centerOffset = Math.floor(itemsPerView \/ 2);\n                let idx = activeIndex - centerOffset;\n                if (idx < 0) idx = 0;\n                if (idx > maxIndex) idx = maxIndex;\n                return idx;\n            }\n            \n            function updateSlider() {\n                itemsPerView = getItemsPerView();\n                const maxIndex = Math.max(items.length - itemsPerView, 0);\n                if (currentIndex < 0) currentIndex = 0;\n                if (currentIndex > maxIndex) currentIndex = maxIndex;\n                \n                const itemWidth = items[0].offsetWidth;\n                const gap = 20;\n                const offset = -(currentIndex * (itemWidth + gap));\n                track.style.transform = `translateX(${offset}px)`;\n                \n                const allVisible = items.length <= itemsPerView;\n                wrapper.style.setProperty('--count', items.length);\n                \n                if (allVisible) {\n                    leftArrow.classList.add('hidden');\n                    rightArrow.classList.add('hidden');\n                    wrapper.classList.add('no-arrows');\n                } else {\n                    leftArrow.classList.remove('hidden');\n                    rightArrow.classList.remove('hidden');\n                    wrapper.classList.remove('no-arrows');\n                    leftArrow.disabled = currentIndex === 0;\n                    rightArrow.disabled = currentIndex >= maxIndex;\n                }\n            }\n            \n            leftArrow.addEventListener('click', function() {\n                currentIndex--;\n                updateSlider();\n            });\n            \n            rightArrow.addEventListener('click', function() {\n                currentIndex++;\n                updateSlider();\n            });\n            \n            window.addEventListener('resize', function() {\n                currentIndex = calcInitialIndex();\n                updateSlider();\n            });\n            \n            currentIndex = calcInitialIndex();\n            updateSlider();\n        })();\n        <\/script>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15ba1f1 elementor-widget elementor-widget-heading\" data-id=\"15ba1f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">4-SHELF Units\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32493f2 list-disc elementor-widget elementor-widget-text-editor\" data-id=\"32493f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Stop wasting space in your vehicle with shelving designed for vehicles built in the 80\u2019s.<br \/>Next-Gen Shelving is built tough and built smart for the work vehicles of today\u2014so you can pack more tools, parts, and gear without the clutter. Our Mid Roof 4-Shelf Units are fully customizable with multiple heights, depths, and lengths (24\u201d to 144\u201d), and ready to lock in with our Next-Gen Accessories.<\/p>\n<ul>\n<li><span style=\"font-size: 10pt;\">63\u201d tall end panels maximize vertical space in low roof vans<\/span><\/li>\n<li><span style=\"font-size: 10pt;\">Standard 14\u201dD low roof units: 10\u201dD top shelf &amp; three 14\u201dD lower shelves<\/span><\/li>\n<li><span style=\"font-size: 10pt;\">Standard 16\u201dD low roof units: 12\u201dD top shelf &amp; three 16\u201dD lower shelves<\/span><\/li>\n<li><span style=\"font-size: 10pt;\">Additional shelves can bee added to these units if desired<\/span><\/li>\n<li><span style=\"font-size: 10pt;\">10\u2019, 12\u201d, 14\u201d &amp; 16\u201d shelf depths available<\/span><\/li>\n<li><span style=\"font-size: 10pt;\">24\u201d-72\u201d shelf lengths available (6\u201d increments)<\/span><\/li>\n<li><span style=\"font-size: 10pt;\">Combine shelf lengths with center supports for continuous shelves up to 144\u201d<\/span><\/li>\n<li><span style=\"font-size: 10pt;\">Third Party Crash Tested for driver safety<\/span><\/li>\n<li><span style=\"font-size: 10pt;\">Up to 17 Mounting points vs 7 mounting points<\/span><\/li>\n<li><span style=\"font-size: 10pt;\">43% increase in load capacity, 50 lbs\/sq.ft. vs 35 lbs\/sq.ft<\/span><\/li>\n<\/ul>\n<div>\u00a0<\/div>\n<p><span style=\"font-size: 10pt;\">Improved Accessories<\/span><\/p>\n<ul>\n<li><span style=\"font-size: 10pt;\">2-Drawer, 3-Drawer &amp; 4-Drawer Unit options (14\u201dx18\u201d, 14\u201dx24\u201d, 16\u201dx18\u201d, 16\u201dx24\u201d)<\/span><\/li>\n<li><span style=\"font-size: 10pt;\">24\u201d-72\u201d Door Kits (6\u201d increments)<\/span><\/li>\n<li><span style=\"font-size: 10pt;\">12\u201d, 14\u201d &amp; 16\u201d deep shelf dividers<\/span><\/li>\n<li><span style=\"font-size: 10pt;\">14\u201d &amp; 16\u201d deep portable bins with divider and lid options (6\u201d &amp; 12\u201d widths)<\/span><\/li>\n<li><span style=\"font-size: 10pt;\">Compatible with Parts Cases, Hanging Storage, Tank Racks, Wire Holders &amp; more.<\/span><\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ebc24b9 image-icon-box e-con-full e-flex e-con e-child\" data-id=\"ebc24b9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c6f174 elementor-widget elementor-widget-html\" data-id=\"7c6f174\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"request-a-quote\">Request a quote<\/span>\n\n\t\n<!-- Popup structure -->\n    <div class=\"popup\" id=\"formPopup\">\n        <div class=\"popup-content\">\n            <span class=\"popup-close\">\u00d7<\/span>\n            <!-- Form placeholder -->\n            <div id=\"formContainer\">\n                <div\n               data-form-id='52e26838-7657-f011-877b-002248091ea5'\n               data-form-api-url='https:\/\/public-usa.mkt.dynamics.com\/api\/v1.0\/orgs\/8f541790-89d3-ef11-b8e2-002248282907\/landingpageforms'\n               data-cached-form-url='https:\/\/assets1-usa.mkt.dynamics.com\/8f541790-89d3-ef11-b8e2-002248282907\/digitalassets\/forms\/52e26838-7657-f011-877b-002248091ea5' >\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\t<script src='https:\/\/cxppusa1formui01cdnsa01-endpoint.azureedge.net\/usa\/FormLoader\/FormLoader.bundle.js' defer><\/script>\n<script>\n\/* ================= ELEMENTS ================= *\/\n\nconst popup = document.getElementById('formPopup');\nconst openPopupBtn = document.querySelector('.request-a-quote');\nconst closePopupBtn = document.querySelector('.popup-close');\nconst formContainer = document.getElementById('formContainer');\n\n\/* ================= DATA FROM PAGE ================= *\/\n\nfunction getPartNumber() {\n  return document.getElementById('part_number')?.textContent.trim() || '';\n}\n\nfunction getVehiclesData() {\n  const table = document.querySelector('.product-table');\n  return table?.dataset?.vehicles?.trim() || '';\n}\n\nfunction getFormLocation() {\n  return document.querySelector('#form_location')?.textContent.trim() || '';\n}\n\n\/* ================= WAIT FOR PRODUCT FAMILY (ELEMENTOR SAFE) ================= *\/\n\nfunction waitForProductFamily(callback) {\n  const immediate = document.querySelector('.product_family .elementor-heading-title');\n  if (immediate && immediate.textContent.trim()) {\n    callback(immediate.textContent.trim());\n    return;\n  }\n\n  const observer = new MutationObserver(() => {\n    const el = document.querySelector('.product_family .elementor-heading-title');\n    if (el && el.textContent.trim()) {\n      observer.disconnect();\n      callback(el.textContent.trim());\n    }\n  });\n\n  observer.observe(document.body, { childList: true, subtree: true });\n  setTimeout(() => observer.disconnect(), 8000);\n}\n\n\/* ================= CRM INIT ================= *\/\n\nfunction initializeForm() {\n  if (window.MsCrmMkt && window.MsCrmMkt.MsCrmFormLoader) {\n    try {\n      window.MsCrmMkt.MsCrmFormLoader.init();\n    } catch (e) {\n      console.error('CRM init error:', e);\n    }\n  }\n}\n\n\/* ================= OBSERVE FORM LOAD ================= *\/\n\nfunction observeFormLoad() {\n  const observer = new MutationObserver((_, obs) => {\n    if (!formContainer.querySelector('form')) return;\n\n    formContainer.querySelector('.form-loading')?.remove();\n    retryFillStaticFields();\n\n    obs.disconnect();\n  });\n\n  observer.observe(formContainer, { childList: true, subtree: true });\n\n  setTimeout(() => {\n    if (!formContainer.querySelector('form')) {\n      formContainer.innerHTML =\n        '<div class=\"form-error\">Failed to load form. Please try again later.<\/div>';\n      observer.disconnect();\n    }\n  }, 10000);\n}\n\n\/* ================= STATIC FIELDS ================= *\/\n\nfunction retryFillStaticFields() {\n  const partNumber = getPartNumber();\n  const vehiclesData = getVehiclesData();\n  const formLocation = getFormLocation();\n\n  const delays = [500, 1500, 3000, 5000];\n\n  delays.forEach((delay) => {\n    setTimeout(() => {\n      const partNumberField = document.querySelector(\n        'input[name=\"ijt_partnumber\"], #ijt_partnumber-1751481691599, input[title=\"Part Number\"]'\n      );\n      if (partNumberField && partNumber) {\n        partNumberField.value = partNumber;\n        partNumberField.dispatchEvent(new Event('input', { bubbles: true }));\n        partNumberField.dispatchEvent(new Event('change', { bubbles: true }));\n      }\n\n      const vehiclesField = document.querySelector(\n        'input[name=\"ijt_primaryvehicles\"], #ijt_primaryvehicles-1752691454120, input[title=\"Primary Vehicle(s)\"]'\n      );\n      if (vehiclesField && vehiclesData) {\n        vehiclesField.value = vehiclesData;\n        vehiclesField.dispatchEvent(new Event('input', { bubbles: true }));\n        vehiclesField.dispatchEvent(new Event('change', { bubbles: true }));\n      }\n\n      const formLocationField = document.querySelector(\n        'input[name=\"ijt_formlocation\"], #ijt_formlocation-1743113624758, input[title=\"Form Location\"]'\n      );\n      if (formLocationField && formLocation) {\n        formLocationField.value = formLocation;\n        formLocationField.dispatchEvent(new Event('input', { bubbles: true }));\n        formLocationField.dispatchEvent(new Event('change', { bubbles: true }));\n      }\n    }, delay);\n  });\n}\n\n\/* ================= PRODUCT FAMILY (MAIN FIX) ================= *\/\n\nfunction fillProductFamilyWhenReady() {\n  waitForProductFamily((productFamily) => {\n    const field = document.getElementById('ijt_productfamily-1751482593908');\n    if (!field || !productFamily) return;\n\n    const nativeSetter = Object.getOwnPropertyDescriptor(\n      HTMLInputElement.prototype,\n      'value'\n    )?.set;\n\n    if (!nativeSetter) return;\n\n    const delays = [500, 1500, 3000, 5000];\n\n    delays.forEach((delay) => {\n      setTimeout(() => {\n        field.focus();\n        nativeSetter.call(field, productFamily);\n        field.dispatchEvent(new Event('input', { bubbles: true }));\n        field.dispatchEvent(new Event('change', { bubbles: true }));\n        field.blur();\n\n        console.log('Product Family SET:', productFamily);\n      }, delay);\n    });\n  });\n}\n\n\/* ================= POPUP EVENTS ================= *\/\n\nopenPopupBtn?.addEventListener('click', () => {\n  popup.style.display = 'flex';\n\n  initializeForm();\n  observeFormLoad();\n  retryFillStaticFields();\n  fillProductFamilyWhenReady();\n});\n\nclosePopupBtn?.addEventListener('click', () => {\n  popup.style.display = 'none';\n});\n\npopup?.addEventListener('click', (e) => {\n  if (e.target === popup) popup.style.display = 'none';\n});\n\ndocument.addEventListener('keydown', (e) => {\n  if (e.key === 'Escape' && popup.style.display === 'flex') {\n    popup.style.display = 'none';\n  }\n});\n\n\/* ================= DEBUG ================= *\/\n\nconsole.log('Script loaded');\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-080560e elementor-align-justify elementor-tablet-align-justify elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"080560e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/nextgenshelving-configurator\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Find Your Shelving <\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a38706b e-flex e-con-boxed e-con e-parent\" data-id=\"a38706b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-152abe6 e-con-full e-flex e-con e-child\" data-id=\"152abe6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc8492d elementor-widget elementor-widget-heading\" data-id=\"dc8492d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Made In The U.S.A<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c816100 e-con-full e-flex e-con e-child\" data-id=\"c816100\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e3548b elementor-widget elementor-widget-heading\" data-id=\"4e3548b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">1,000,000+ Trucks &amp; Vans Upfitted<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-766907e e-con-full e-flex e-con e-child\" data-id=\"766907e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1eabb64 elementor-widget elementor-widget-heading\" data-id=\"1eabb64\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Limited Lifetime Warranty<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1499532 e-flex e-con-boxed e-con e-parent\" data-id=\"1499532\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9947e5e elementor-widget elementor-widget-heading\" data-id=\"9947e5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Common Accessories<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1862ad2 elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"1862ad2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div class=\"common-accessories-wrapper\" id=\"common_accessories_acf_69b29da332635\">\n        <button class=\"slider_arrow slider_arrow_left\" aria-label=\"Previous\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M15 18L9 12L15 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n        <\/button>\n\n        <div class=\"swiper common-accessories-swiper\">\n            <div class=\"swiper-wrapper\">\n                                    <div class=\"swiper-slide\">\n                        <a href=\"\/products\/drawer-units\/\" class=\"accessory-item\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/Drawer-Units-300x225.webp\" alt=\"Drawer Units\">\n                            <span>Drawer Units<\/span>\n                        <\/a>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"\/products\/door-kits\/\" class=\"accessory-item\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/Door-Kits-300x225.webp\" alt=\"Door Kits\">\n                            <span>Door Kits<\/span>\n                        <\/a>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"\/products\/portable-bins\/\" class=\"accessory-item\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/Portable-Bins-300x225.webp\" alt=\"Portable Bins\">\n                            <span>Portable Bins<\/span>\n                        <\/a>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"\/products\/shelf-dividers\/\" class=\"accessory-item\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/Shelf-Dividers-300x225.webp\" alt=\"Shelf Dividers\">\n                            <span>Shelf Dividers<\/span>\n                        <\/a>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"\/products\/accessories\/tank-storage\/\" class=\"accessory-item\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/Tank-Storage-300x225.webp\" alt=\"Tank Storage\">\n                            <span>Tank Storage<\/span>\n                        <\/a>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"\/products\/accessories\/hooks\/\" class=\"accessory-item\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/Hanging-Storage-300x225.webp\" alt=\"Hooks\">\n                            <span>Hooks<\/span>\n                        <\/a>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"\/products\/accessories\/organizers\/\" class=\"accessory-item\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/Can-Tube-Storage-300x225.webp\" alt=\"Organizers\">\n                            <span>Organizers<\/span>\n                        <\/a>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"https:\/\/adriansteelstg.wpenginepowered.com\/products\/accessories\/portable-parts-cases\/\" class=\"accessory-item\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/Parts-Cases-300x225.webp\" alt=\"Portable Parts Cases\">\n                            <span>Portable Parts Cases<\/span>\n                        <\/a>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"\/products\/accessories\/cables-wire-storage\/\" class=\"accessory-item\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/Cable-backslash-Wire-Storage-300x225.webp\" alt=\"Cables and Wire Storage\">\n                            <span>Cables and Wire Storage<\/span>\n                        <\/a>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"\/products\/drawers-cabinets\/cabinets-lockers\/\" class=\"accessory-item\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/Cabinets-backslash-Lockers-300x225.webp\" alt=\"Cabinets and Lockers\">\n                            <span>Cabinets and Lockers<\/span>\n                        <\/a>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"\/products\/drawers-cabinets\/bin-cabinets\/\" class=\"accessory-item\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/Bin-Cabinets-300x225.webp\" alt=\"Bin Cabinets\">\n                            <span>Bin Cabinets<\/span>\n                        <\/a>\n                    <\/div>\n                            <\/div>\n        <\/div>\n\n        <button class=\"slider_arrow slider_arrow_right\" aria-label=\"Next\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M9 18L15 12L9 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n        <\/button>\n    <\/div>\n\n    <style>\n        .common-accessories-wrapper {\n            position: relative;\n            display: flex;\n            align-items: center;\n            gap: 15px;\n            max-width: 100%;\n            font-family: Arial, sans-serif;\n        }\n\n        .common-accessories-swiper {\n            flex: 1;\n        }\n\n        .accessory-item {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            text-align: center;\n            font-size: 14px;\n            text-decoration: none;\n            color: #000;\n        }\n\n        .accessory-item img {\n            width: 150px;\n            height: 150px;\n            object-fit: cover;\n            border-radius: 12px;\n            border: 2px solid #00a2df;\n            background: #d8e0e3;\n            margin-bottom: 8px;\n        }\n\n        .slider_arrow {\n            background: #00a2df;\n            border: none;\n            border-radius: 5px;\n            width: 30px;\n            height: 30px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            flex-shrink: 0;\n            color: #fff;\n            transition: all 0.3s ease;\n            box-shadow: 0 2px 8px rgba(0, 162, 223, 0.3);\n            z-index: 10;\n        }\n\n        .slider_arrow:hover {\n            background: #008bbf;\n            box-shadow: 0 4px 12px rgba(0, 162, 223, 0.5);\n            transform: scale(1.1);\n        }\n\n        .slider_arrow:active {\n            transform: scale(0.95);\n        }\n\n        .slider_arrow.hidden {\n            display: none;\n        }\n\n        .common-accessories-wrapper.no-arrows {\n            justify-content: center;\n        }\n\n        .common-accessories-wrapper.no-arrows .common-accessories-swiper {\n            width: 100%;\n        }\n\n        .common-accessories-wrapper.no-arrows .swiper-wrapper {\n            justify-content: center;\n            transform: none !important;\n        }\n\n        .common-accessories-wrapper.no-arrows .swiper-slide {\n            flex: 1 1 auto;\n            max-width: calc(100% \/ var(--count, 5));\n        }\n\n        @media only screen and (max-width: 768px) {\n            .slider_arrow {\n                width: 40px;\n                height: 40px;\n            }\n        }\n\n        @media only screen and (max-width: 480px) {\n            .slider_arrow {\n                width: 36px;\n                height: 36px;\n            }\n            .common-accessories-wrapper {\n                gap: 10px;\n            }\n        }\n    <\/style>\n\n    <script>\n    document.addEventListener('DOMContentLoaded', function () {\n        const wrapper = document.getElementById('common_accessories_acf_69b29da332635');\n        const leftArrow = wrapper.querySelector('.slider_arrow_left');\n        const rightArrow = wrapper.querySelector('.slider_arrow_right');\n        const swiperEl = wrapper.querySelector('.common-accessories-swiper');\n        const slideCount = swiperEl.querySelectorAll('.swiper-slide').length;\n\n        wrapper.style.setProperty('--count', slideCount);\n\n        const swiper = new Swiper(swiperEl, {\n            slidesPerView: 5,\n            spaceBetween: 15,\n            navigation: {\n                nextEl: rightArrow,\n                prevEl: leftArrow,\n            },\n            breakpoints: {\n                0: { slidesPerView: 2 },\n                768: { slidesPerView: 5 }\n            },\n            on: {\n                init() {\n                    checkArrows();\n                },\n                resize() {\n                    checkArrows();\n                }\n            }\n        });\n\n        function checkArrows() {\n            const slidesPerView = getSlidesPerView();\n            if (slideCount <= slidesPerView) {\n                leftArrow.classList.add('hidden');\n                rightArrow.classList.add('hidden');\n                wrapper.classList.add('no-arrows');\n            } else {\n                leftArrow.classList.remove('hidden');\n                rightArrow.classList.remove('hidden');\n                wrapper.classList.remove('no-arrows');\n            }\n        }\n\n        function getSlidesPerView() {\n            const w = window.innerWidth;\n            if (w <= 480) return 2;\n            if (w <= 768) return 3;\n            return 5;\n        }\n    });\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-98ba0a3 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"98ba0a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/nextgenshelving-configurator\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Find Your Shelving <\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-27e3576 e-flex e-con-boxed e-con e-parent\" data-id=\"27e3576\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3c73e14 e-con-full e-flex e-con e-child\" data-id=\"3c73e14\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-fe823fc e-con-full e-flex e-con e-child\" data-id=\"fe823fc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ec9995 elementor-widget elementor-widget-image\" data-id=\"6ec9995\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/03\/Crash-Test-1-1024x768.webp\" class=\"attachment-large size-large wp-image-18841\" alt=\"\" srcset=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/03\/Crash-Test-1-1024x768.webp 1024w, https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/03\/Crash-Test-1-300x225.webp 300w, https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/03\/Crash-Test-1-768x576.webp 768w, https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/03\/Crash-Test-1-1536x1152.webp 1536w, https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/03\/Crash-Test-1.webp 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-89bb143 e-con-full e-flex e-con e-child\" data-id=\"89bb143\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cdc4fc5 elementor-widget elementor-widget-heading\" data-id=\"cdc4fc5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">THIRD PARTY CRASH TESTED<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea14775 elementor-widget elementor-widget-text-editor\" data-id=\"ea14775\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Safety matters as much as storage and we invested in rigorous testing to make sure you\u2019re getting a solid and safe product. We\u2019ve boosted rigidity by increasing up to 17 mounting points vs commonly seen 7 mounting points.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-98745f7 e-con-full e-flex e-con e-child\" data-id=\"98745f7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-e744ad2 e-con-full e-flex e-con e-child\" data-id=\"e744ad2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1cd7dec elementor-widget elementor-widget-heading\" data-id=\"1cd7dec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">ELIMINATE DEAD SPACE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f69f921 elementor-widget elementor-widget-text-editor\" data-id=\"f69f921\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Turn wasted space into working space with shelving designed to fill your vehicle. Our shelves are built to eliminate dead zones and maximize every inch of useable space in your cargo area\u2014giving you more room, more organization, and more capacity to get the job done. Add drawers, bins and cases to fully maximize the storage space on the shelves.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2176759 e-con-full e-flex e-con e-child\" data-id=\"2176759\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9cafce9 elementor-widget elementor-widget-image\" data-id=\"9cafce9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/20241108-New-Shelving-HVAC-Electrical_90-1024x683.jpg\" class=\"attachment-large size-large wp-image-21159\" alt=\"\" srcset=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/20241108-New-Shelving-HVAC-Electrical_90-1024x683.jpg 1024w, https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/20241108-New-Shelving-HVAC-Electrical_90-300x200.jpg 300w, https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/20241108-New-Shelving-HVAC-Electrical_90-768x512.jpg 768w, https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/20241108-New-Shelving-HVAC-Electrical_90-1536x1024.jpg 1536w, https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/20241108-New-Shelving-HVAC-Electrical_90-2048x1366.jpg 2048w, https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/20241108-New-Shelving-HVAC-Electrical_90-1920x1280.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8e35e06 e-con-full e-flex e-con e-child\" data-id=\"8e35e06\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-87047b2 e-con-full e-flex e-con e-child\" data-id=\"87047b2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-703e74f elementor-widget elementor-widget-image\" data-id=\"703e74f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"698\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/20241108-New-Shelving-HVAC-Electrical_141-1024x698.jpg\" class=\"attachment-large size-large wp-image-22083\" alt=\"\" srcset=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/20241108-New-Shelving-HVAC-Electrical_141-1024x698.jpg 1024w, https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/20241108-New-Shelving-HVAC-Electrical_141-300x204.jpg 300w, https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/20241108-New-Shelving-HVAC-Electrical_141-768x524.jpg 768w, https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/20241108-New-Shelving-HVAC-Electrical_141-1536x1047.jpg 1536w, https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/20241108-New-Shelving-HVAC-Electrical_141-2048x1396.jpg 2048w, https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/20241108-New-Shelving-HVAC-Electrical_141-1920x1309.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4f4a9b7 e-con-full e-flex e-con e-child\" data-id=\"4f4a9b7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0c6adb elementor-widget elementor-widget-heading\" data-id=\"e0c6adb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">MAXIMIZE FUNCTION AND ORGANIZATION<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-82514a5 elementor-widget elementor-widget-text-editor\" data-id=\"82514a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Customize your shelving to your cargo with our lineup of drawer units, door kits, bins, dividers and industry accessories like tank racks, wire holders, parts cases, organizers, work benches and modules. Your local upfit expert can customize your perfect upfit.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0bc4aad e-con-full e-flex e-con e-child\" data-id=\"0bc4aad\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-b848366 e-con-full e-flex e-con e-child\" data-id=\"b848366\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b6fbbb elementor-widget elementor-widget-heading\" data-id=\"6b6fbbb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">LOAD \u2018EM UP<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a05693 elementor-widget elementor-widget-text-editor\" data-id=\"4a05693\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We know you carry a lot and need shelving to support all that cargo. We challenged ourselves to boost carrying capacity which resulted in a 43% increase to support your needs. Next-Gen Shelving is rated for 50 lbs. per square foot vs 35 lbs. per square foot.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ecd7d59 e-con-full e-flex e-con e-child\" data-id=\"ecd7d59\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0678314 elementor-widget elementor-widget-image\" data-id=\"0678314\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/20241108-New-Shelving-HVAC-Electrical_157-1024x683.jpg\" class=\"attachment-large size-large wp-image-22082\" alt=\"\" srcset=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/20241108-New-Shelving-HVAC-Electrical_157-1024x683.jpg 1024w, https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/20241108-New-Shelving-HVAC-Electrical_157-300x200.jpg 300w, https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/20241108-New-Shelving-HVAC-Electrical_157-768x512.jpg 768w, https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/20241108-New-Shelving-HVAC-Electrical_157-1536x1024.jpg 1536w, https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/20241108-New-Shelving-HVAC-Electrical_157-2048x1366.jpg 2048w, https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/12\/20241108-New-Shelving-HVAC-Electrical_157-1920x1280.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-be394d1 e-flex e-con-boxed e-con e-parent\" data-id=\"be394d1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ADRIAN VAN SHELVING<br \/>\nHELPING DRIVERS GET HOME SAFELY, EVERYDAY<br \/>\nSelect a style:<br \/>\n4-SHELF Units<\/p>\n<p>Stop wasting space in your vehicle with shelving designed for vehicles built in the 80\u2019s.Next-Gen Shelving is built tough &#8230; <a href=\"https:\/\/www.adriansteel.com\/products\/shelving\/mid-roof\/\" class=\"cta cta--arrow cta--small\">Read the Article<\/a><\/p>\n","protected":false},"author":4,"featured_media":16465,"parent":4338,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-product-3.php","meta":{"_acf_changed":false,"footnotes":""},"folder":[361],"class_list":["post-22079","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Mid Roof 4-Shelf | Next-Gen Shelving | Adrian Steel<\/title>\n<meta name=\"description\" content=\"Upgrade your workspace with Mid Roof 4-Shelf Units built for flexible layouts, increased load capacity, and secure, crash-tested performance.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.adriansteel.com\/products\/shelving\/mid-roof\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mid Roof 4-Shelf | Next-Gen Shelving | Adrian Steel\" \/>\n<meta property=\"og:description\" content=\"Upgrade your workspace with Mid Roof 4-Shelf Units built for flexible layouts, increased load capacity, and secure, crash-tested performance.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.adriansteel.com\/products\/shelving\/mid-roof\/\" \/>\n<meta property=\"og:site_name\" content=\"Adrian\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-24T19:45:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/02\/AS-2T1436FTMA-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"2048\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.adriansteel.com\/products\/shelving\/mid-roof\/\",\"url\":\"https:\/\/www.adriansteel.com\/products\/shelving\/mid-roof\/\",\"name\":\"Mid Roof 4-Shelf | Next-Gen Shelving | Adrian Steel\",\"isPartOf\":{\"@id\":\"https:\/\/www.adriansteel.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.adriansteel.com\/products\/shelving\/mid-roof\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.adriansteel.com\/products\/shelving\/mid-roof\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/02\/AS-2T1436FTMA-scaled.jpg\",\"datePublished\":\"2025-12-04T13:46:27+00:00\",\"dateModified\":\"2026-02-24T19:45:25+00:00\",\"description\":\"Upgrade your workspace with Mid Roof 4-Shelf Units built for flexible layouts, increased load capacity, and secure, crash-tested performance.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.adriansteel.com\/products\/shelving\/mid-roof\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.adriansteel.com\/products\/shelving\/mid-roof\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.adriansteel.com\/products\/shelving\/mid-roof\/#primaryimage\",\"url\":\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/02\/AS-2T1436FTMA-scaled.jpg\",\"contentUrl\":\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/02\/AS-2T1436FTMA-scaled.jpg\",\"width\":2560,\"height\":2048},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.adriansteel.com\/products\/shelving\/mid-roof\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.adriansteel.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Products\",\"item\":\"https:\/\/www.adriansteel.com\/products\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Shelving\",\"item\":\"https:\/\/www.adriansteel.com\/products\/shelving\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Mid Roof\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.adriansteel.com\/#website\",\"url\":\"https:\/\/www.adriansteel.com\/\",\"name\":\"Adrian\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.adriansteel.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.adriansteel.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.adriansteel.com\/#organization\",\"name\":\"Adrian\",\"url\":\"https:\/\/www.adriansteel.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.adriansteel.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/01\/Adrian-Logo-White.png\",\"contentUrl\":\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/01\/Adrian-Logo-White.png\",\"width\":1197,\"height\":291,\"caption\":\"Adrian\"},\"image\":{\"@id\":\"https:\/\/www.adriansteel.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mid Roof 4-Shelf | Next-Gen Shelving | Adrian Steel","description":"Upgrade your workspace with Mid Roof 4-Shelf Units built for flexible layouts, increased load capacity, and secure, crash-tested performance.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.adriansteel.com\/products\/shelving\/mid-roof\/","og_locale":"en_US","og_type":"article","og_title":"Mid Roof 4-Shelf | Next-Gen Shelving | Adrian Steel","og_description":"Upgrade your workspace with Mid Roof 4-Shelf Units built for flexible layouts, increased load capacity, and secure, crash-tested performance.","og_url":"https:\/\/www.adriansteel.com\/products\/shelving\/mid-roof\/","og_site_name":"Adrian","article_modified_time":"2026-02-24T19:45:25+00:00","og_image":[{"width":2560,"height":2048,"url":"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/02\/AS-2T1436FTMA-scaled.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.adriansteel.com\/products\/shelving\/mid-roof\/","url":"https:\/\/www.adriansteel.com\/products\/shelving\/mid-roof\/","name":"Mid Roof 4-Shelf | Next-Gen Shelving | Adrian Steel","isPartOf":{"@id":"https:\/\/www.adriansteel.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.adriansteel.com\/products\/shelving\/mid-roof\/#primaryimage"},"image":{"@id":"https:\/\/www.adriansteel.com\/products\/shelving\/mid-roof\/#primaryimage"},"thumbnailUrl":"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/02\/AS-2T1436FTMA-scaled.jpg","datePublished":"2025-12-04T13:46:27+00:00","dateModified":"2026-02-24T19:45:25+00:00","description":"Upgrade your workspace with Mid Roof 4-Shelf Units built for flexible layouts, increased load capacity, and secure, crash-tested performance.","breadcrumb":{"@id":"https:\/\/www.adriansteel.com\/products\/shelving\/mid-roof\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.adriansteel.com\/products\/shelving\/mid-roof\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.adriansteel.com\/products\/shelving\/mid-roof\/#primaryimage","url":"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/02\/AS-2T1436FTMA-scaled.jpg","contentUrl":"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/02\/AS-2T1436FTMA-scaled.jpg","width":2560,"height":2048},{"@type":"BreadcrumbList","@id":"https:\/\/www.adriansteel.com\/products\/shelving\/mid-roof\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.adriansteel.com\/"},{"@type":"ListItem","position":2,"name":"Products","item":"https:\/\/www.adriansteel.com\/products\/"},{"@type":"ListItem","position":3,"name":"Shelving","item":"https:\/\/www.adriansteel.com\/products\/shelving\/"},{"@type":"ListItem","position":4,"name":"Mid Roof"}]},{"@type":"WebSite","@id":"https:\/\/www.adriansteel.com\/#website","url":"https:\/\/www.adriansteel.com\/","name":"Adrian","description":"","publisher":{"@id":"https:\/\/www.adriansteel.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.adriansteel.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.adriansteel.com\/#organization","name":"Adrian","url":"https:\/\/www.adriansteel.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.adriansteel.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/01\/Adrian-Logo-White.png","contentUrl":"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/01\/Adrian-Logo-White.png","width":1197,"height":291,"caption":"Adrian"},"image":{"@id":"https:\/\/www.adriansteel.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.adriansteel.com\/wp-json\/wp\/v2\/pages\/22079","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.adriansteel.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.adriansteel.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.adriansteel.com\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.adriansteel.com\/wp-json\/wp\/v2\/comments?post=22079"}],"version-history":[{"count":0,"href":"https:\/\/www.adriansteel.com\/wp-json\/wp\/v2\/pages\/22079\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.adriansteel.com\/wp-json\/wp\/v2\/pages\/4338"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.adriansteel.com\/wp-json\/wp\/v2\/media\/16465"}],"wp:attachment":[{"href":"https:\/\/www.adriansteel.com\/wp-json\/wp\/v2\/media?parent=22079"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/www.adriansteel.com\/wp-json\/wp\/v2\/folder?post=22079"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}