/* --- FUJI INDUSTRIAL STYLESHEET (OPTIMIZED WITH VIDEO) --- */ .fuji-product-container { font-family: 'Verdana', 'Segoe UI', Helvetica, sans-serif; font-size: 16px; line-height: 1.6; color: #333; max-width: 1200px; margin: 0 auto; padding: 0 15px; box-sizing: border-box; } /* Strict Font Size Enforcement */ .fuji-product-container p, .fuji-product-container li, .fuji-product-container td, .fuji-product-container th, .fuji-product-container div, .fuji-product-container span { font-size: 16px; } /* Headings */ .fuji-product-container h2 { font-size: 20px !important; font-weight: 700; color: #000; border-bottom: 2px solid #b71c1c; /* Fuji Red */ padding-bottom: 10px; margin-top: 40px; margin-bottom: 20px; text-transform: uppercase; } .fuji-product-container h3 { font-size: 18px !important; font-weight: 700; color: #444; margin-top: 25px; margin-bottom: 15px; border-left: 4px solid #b71c1c; padding-left: 15px; } /* Images */ .fuji-figure { margin: 30px 0; text-align: center; } /* Standard Responsive Image */ .fuji-img-responsive { max-width: 100%; height: auto; display: block; margin: 0 auto; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); } /* Top Hero Image Limit (PC Optimization) */ .fuji-hero-img { max-width: 650px !important; width: 100%; height: auto; display: block; margin: 0 auto; } .fuji-caption { font-size: 14px !important; color: #666; margin-top: 8px; font-style: italic; text-align: center; display: block; } /* --- RESPONSIVE VIDEO WRAPPER --- */ .fuji-video-container { margin: 40px auto; text-align: center; max-width: 800px; /* Limits video width on large screens */ } .fuji-video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 Aspect Ratio */ height: 0; overflow: hidden; border-radius: 4px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); background: #000; } .fuji-video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } /* Technical Table */ .fuji-table-wrapper { overflow-x: auto; margin-bottom: 30px; } .fuji-tech-table { width: 100%; min-width: 600px; border-collapse: collapse; margin: 0; } .fuji-tech-table th, .fuji-tech-table td { border: 1px solid #ccc; padding: 12px; text-align: left; } .fuji-tech-table th { background-color: #f4f4f4; font-weight: bold; width: 35%; color: #000; } /* Safety Alert Box */ .fuji-alert { background-color: #fff3cd; border: 1px solid #ffeeba; color: #856404; padding: 20px; border-radius: 5px; margin: 30px 0; border-left: 6px solid #d32f2f; } .fuji-alert strong { display: block; margin-bottom: 10px; font-size: 18px !important; color: #d32f2f; text-transform: uppercase; } /* Image Grid for System Config */ .image-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 30px; } .image-grid-item { display: flex; flex-direction: column; align-items: center; text-align: center; background-color: #f9f9f9; padding: 20px; border-radius: 6px; border: 1px solid #eee; } .image-grid-item img { max-height: 200px; object-fit: contain; width: auto; margin: 0 auto 15px auto; box-shadow: none; } .image-grid-item p { margin: 0; color: #555; } /* Instruction Steps */ .fuji-steps { counter-reset: fuji-counter; list-style: none; padding: 0; margin-left: 10px; } .fuji-steps li { position: relative; padding-left: 45px; margin-bottom: 15px; } .fuji-steps li::before { counter-increment: fuji-counter; content: counter(fuji-counter); position: absolute; left: 0; top: 0; width: 30px; height: 30px; background-color: #333; color: #fff; border-radius: 50%; text-align: center; line-height: 30px; font-size: 15px !important; font-weight: bold; } /* FAQ Section */ .fuji-faq-item { background-color: #f9f9f9; padding: 20px; border-left: 4px solid #333; margin-bottom: 15px; } .fuji-faq-q { font-weight: bold; display: block; margin-bottom: 10px; color: #000; font-size: 17px !important; } /* Links */ .fuji-link { color: #0056b3; text-decoration: underline; font-weight: bold; } /* Mobile Tweaks */ @media (max-width: 768px) { .fuji-product-container h2 { margin-top: 25px; } .fuji-product-container { padding: 15px; } .image-grid { grid-template-columns: 1fr; } /* Stack images on mobile */ }