Generating Brochure

Preparing document...

FENCE SOLUTIONS

Screen Fence

Overview

Provides a professional look to any site

Loading product details...

*{margin:0;padding:0;box-sizing:border-box;-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important}html,body{width:794px;height:1123px;margin:0;padding:0;font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;background:white;overflow:hidden}#loadingOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#f5f5f5;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}#loadingOverlay.hidden{display:none}.spinner{width:50px;height:50px;border:4px solid #ddd;border-top-color:#00a0dc;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}#loadingOverlay h2{color:#00a0dc;margin:0 0 10px 0;font-size:20px}#loadingOverlay p{color:#666;margin:0}#pdfViewer{position:fixed;top:0;left:0;width:100vw;height:100vh;border:none;display:none;z-index:100}#pdfViewer.active{display:block}#brochure{width:794px;height:1123px;background:white;display:flex;flex-direction:column;overflow:hidden}.header{background:#00a0dc;color:white;padding:10px 25px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.logo-container{background:white;border-radius:6px;padding:6px 10px;display:flex;align-items:center}.logo-img{height:32px;width:auto}.doc-info{text-align:right}.doc-title{font-size:16px;font-weight:700}.doc-subtitle{font-size:9px;opacity:.9;letter-spacing:.5px}.content{padding:15px 25px;flex:1;overflow:hidden;display:flex;flex-direction:column}.product-header{border-bottom:2px solid #e0e0e0;padding-bottom:8px;margin-bottom:12px;flex-shrink:0}.product-category{font-size:9px;color:#888;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:2px}.product-name{font-size:20px;font-weight:800;color:#00a0dc;margin:0;line-height:1.2}.top-section{display:flex;gap:20px;margin-bottom:12px;flex-shrink:0}.image-column{width:180px;flex-shrink:0}.main-image{width:100%;height:160px;object-fit:contain;border:1px solid #e0e0e0;border-radius:4px;background:#fafafa}.thumbnail-row{display:flex;gap:4px;margin-top:5px}.thumb{width:40px;height:40px;object-fit:cover;border:1px solid #e0e0e0;border-radius:3px}.description-column{flex:1;overflow:hidden}.section-label{font-size:10px;font-weight:700;color:#00a0dc;text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px 0;padding-bottom:4px;border-bottom:2px solid #00a0dc;display:inline-block}.description-text{font-size:10px;line-height:1.4;color:#444;overflow:hidden;max-height:180px}.description-text p{margin:0 0 5px 0}.description-text ul{margin:0 0 5px 0;padding-left:14px}.description-text li{margin-bottom:2px}.tabs-grid{display:flex;flex-wrap:wrap;gap:12px;flex:1;overflow:hidden;align-content:flex-start}.tab-card{background:#e6f6fc;border:1px solid #cceaf5;border-radius:5px;padding:12px;flex:1 1 calc(50% - 6px);min-width:200px;max-height:280px;overflow:hidden}.tab-card-title{font-size:10px;font-weight:700;color:#0088bc;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px 0;padding-bottom:5px;border-bottom:2px solid #00a0dc}.tab-card-body{font-size:9px;line-height:1.35;color:#444;overflow:hidden}.tab-card-body ul{margin:0;padding-left:12px}.tab-card-body li{margin-bottom:1px}.tab-card-body p{margin:0 0 3px 0}.footer{background:#00a0dc;color:white;padding:8px 25px;flex-shrink:0}.footer-inner{display:flex;justify-content:space-between;align-items:center}.contact-row{display:flex;gap:15px;align-items:center}.contact-item{display:flex;align-items:center;gap:4px;font-size:9px;white-space:nowrap}.footer-tagline{font-size:8px;opacity:.9;font-style:italic}