.card:hover box-shadow: 0 12px 24px rgba(0,0,0,0.1);
.search-area margin-bottom: 1.5rem;
<footer> ⚙️ Gimpack GP 3300 Digital Reference — derived from original product manual. For serious repairs, refer to official service guide. </footer> </div> gimpack gp 3300 manual pdf
.error-result h4 margin: 0 0 8px 0; color: #c4450c;
/* Header */ .header background: linear-gradient(135deg, #1e3c72 0%, #2b4c7c 100%); color: white; padding: 1.5rem; border-radius: 28px; margin-bottom: 2rem; box-shadow: 0 8px 20px rgba(0,0,0,0.1); Or refer to full manual: general maintenance &
if (bestMatch) document.getElementById('errorResultContainer').innerHTML = ` <div class="error-result"> <h4>🛠️ Suggested solution</h4> <p>$bestMatch.solution</p> <small>✔️ Based on GP 3300 manual diagnostic section.</small> </div>`; else document.getElementById('errorResultContainer').innerHTML = ` <div class="error-result"> <h4>🔎 No direct match</h4> <p>Try "wrinkle", "E02", "jam", "not heating". Or refer to full manual: general maintenance & cleaning often resolves issues.</p> <p><strong>Quick tip:</strong> Run a cleaning sheet and verify temp setting for your pouch thickness.</p> </div>`;
<div class="grid"> <!-- CARD 1: ERROR / SYMPTOM LOOKUP --> <div class="card"> <h2>🔍 Error & Symptom Finder</h2> <div class="search-area"> <input type="text" id="errorInput" placeholder="e.g., E01, not heating, jam, uneven lamination" autocomplete="off"> <button id="searchErrorBtn">🔎 Diagnose</button> </div> <div id="errorResultContainer"> <div class="error-result" style="background:#f8fafc;"> <h4>💡 Tip</h4> <p>Enter error code (E01, E02, E03) or describe a problem like "wrinkling", "pouch stuck", "cold spots".</p> </div> </div> </div> 🔍 Error & Symptom Finder<
<!-- CARD 3: MAINTENANCE & CARE --> <div class="card"> <h2>🧼 Monthly Maintenance</h2> <ul class="maintenance-list"> <li><span class="check-icon">🧽</span> Clean rollers with soft cloth & isopropyl alcohol</li> <li><span class="check-icon">❄️</span> Run cold lamination sheet to remove adhesive residue</li> <li><span class="check-icon">⚙️</span> Check feed table for dust/debris</li> <li><span class="check-icon">🔌</span> Inspect power cord & emergency stop function</li> <li><span class="check-icon">🌡️</span> Verify temp accuracy with thermal strip (if available)</li> </ul> <hr> <p><strong>⚠️ Jam removal:</strong> Press release lever (if present) → reverse direction using manual knob → gently pull pouch.</p> </div> </div>