Garvee Boat Trailer Guides, 20" Inch Carpeted Guide On Tilting Side Bunks, 2 Foot Bunk Boards Kit, for High Beam, Box or - T-Shape / 20 Inch
/* Base styles */ * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } body { color: #333; line-height: 1.6; background-color: #f9f9f9; } .container { max-width: 1200px; margin: 0 auto; padding: 0 15px; } img { max-width: 100%; height: auto; display: block; border-radius: 6px; } h1, h2, h3, h4 { font-weight: 700; margin-bottom: 15px; color: #0b4d83; } p { margin-bottom: 15px; font-size: 16px; } /* Hero section */ .hero-section { margin-bottom: 30px; } .product-image { width: 100%; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.08); margin-bottom: 30px; } .hero-title { text-align: center; margin: 25px 0 15px; font-size: 32px; color: #0b4d83; } .hero-subtitle { text-align: center; font-size: 18px; color: #666; margin-bottom: 30px; } /* Product benefits section */ .benefits-section { padding: 30px; background-color: white; border-radius: 8px; margin-bottom: 40px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); } .section-title { text-align: center; margin-bottom: 25px; font-size: 24px; position: relative; padding-bottom: 15px; } .section-title:after { content: ''; position: absolute; width: 60px; height: 3px; background-color: #0b4d83; bottom: 0; left: 50%; transform: translateX(-50%); } .benefits-list { list-style-type: none; } .benefit-item { display: flex; align-items: flex-start; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #f0f0f0; } .benefit-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .benefit-icon { background-color: #e9f4ff; color: #0b4d83; width: 50px; height: 50px; min-width: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px; font-size: 24px; } .benefit-content h4 { margin: 0 0 8px; font-size: 18px; } /* Installation section */ .installation-section { background-color: white; border-radius: 8px; padding: 30px; margin-bottom: 40px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); } .step-container { background-color: #f7f9fc; border-radius: 8px; padding: 20px; margin-bottom: 20px; display: flex; align-items: center; } .step-number { width: 40px; height: 40px; background-color: #0b4d83; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 20px; font-weight: bold; } .step-content h4 { margin: 0 0 5px; } /* Features list */ .features-section { background-color: white; border-radius: 8px; padding: 30px; margin-bottom: 40px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); } .features-list { list-style-type: none; } .feature-item { display: flex; align-items: flex-start; margin-bottom: 20px; border-bottom: 1px solid #f0f0f0; padding-bottom: 20px; } .feature-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .feature-check { color: #0b8346; margin-right: 15px; font-size: 20px; min-width: 24px; } /* Specifications */ .specifications { margin-bottom: 40px; } .specs-title { text-align: center; margin-bottom: 25px; font-size: 24px; position: relative; padding-bottom: 15px; } .specs-title:after { content: ''; position: absolute; width: 60px; height: 3px; background-color: #0b4d83; bottom: 0; left: 50%; transform: translateX(-50%); } .specs-table { width: 100%; border-collapse: collapse; box-shadow: 0 2px 15px rgba(0,0,0,0.08); border-radius: 8px; overflow: hidden; } .specs-table tr:nth-child(odd) { background-color: #f7f9fc; } .specs-table tr:nth-child(even) { background-color: #ffffff; } .specs-table td { padding: 15px; border-bottom: 1px solid #e1e5ea; } .specs-table tr:last-child td { border-bottom: none; } .specs-table td:first-child { font-weight: bold; width: 40%; color: #0b4d83; } /* Call to action */ .cta-section { background-color: #0b4d83; color: white; padding: 40px; border-radius: 8px; text-align: center; margin-bottom: 40px; box-shadow: 0 4px 15px rgba(0,0,0,0.15); } .cta-title { color: white; font-size: 28px; margin-bottom: 15px; } .cta-button { display: inline-block; background-color: #ff6b35; color: white; padding: 15px 40px; border-radius: 30px; text-decoration: none; font-weight: bold; font-size: 18px; text-transform: uppercase; transition: background-color 0.3s ease, transform 0.3s ease; margin-top: 20px; } .cta-button:hover { background-color: #e85a2a; transform: scale(1.05); } /* Responsive */ @media (max-width: 768px) { .hero-title { font-size: 26px; } .hero-subtitle { font-size: 16px; } .specs-table td { padding: 12px 10px; } .step-container { flex-direction: column; text-align: center; } .step-number { margin: 0 auto 15px; } } @media (max-width: 600px) { .specs-table td { display: block; width: 100%; padding: 10px; } .specs-table td:first-child { background-color: #f0f4f8; width: 100%; } .cta-section { padding: 30px 20px; } .cta-title { font-size: 22px; } .cta-button { padding: 12px 30px; font-size: 16px; } } GARVEE Premium Boat Trailer Guide-On Make Boat Loading Easier & Protect Your Investment with Adjustable Width T-Shape Guide Easy Installation
