Garvee 40" 2PCS Rustproof Galvanized Steel Trailer Guide with Light, Boat Trailer Guide, Adjustable Width Design - L-Shape With Light / 40Inch
* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Arial', sans-serif; } .product-header { text-align: center; margin-bottom: 40px; padding: 30px 20px; background: linear-gradient(to right, #f0f6ff, #e0edff); border-radius: 15px; box-shadow: 0 4px 12px rgba(0,0,0,0.07); } .product-title { font-size: 36px; color: #1a73e8; margin-bottom: 15px; } .product-subtitle { font-size: 20px; color: #555; margin-bottom: 20px; } .hero-image { width: 100%; border-radius: 12px; margin-bottom: 30px; box-shadow: 0 5px 20px rgba(0,0,0,0.15); transition: transform 0.3s ease; } .hero-image:hover { transform: scale(1.01); } .feature-section { margin-bottom: 50px; } .feature-title { font-size: 28px; color: #1a73e8; margin-bottom: 25px; border-bottom: 2px solid #1a73e8; padding-bottom: 10px; position: relative; } .feature-title:after { content: ""; position: absolute; bottom: -2px; left: 0; width: 100px; height: 2px; background-color: #ff9800; } .full-width-image { width: 100%; border-radius: 12px; margin-bottom: 30px; box-shadow: 0 5px 20px rgba(0,0,0,0.15); transition: transform 0.3s ease; } .full-width-image:hover { transform: scale(1.01); } .image-description { background: #ffffff; padding: 25px; border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); margin-bottom: 40px; border-left: 4px solid #1a73e8; } .image-description h3 { color: #1a73e8; margin-bottom: 15px; font-size: 22px; } .benefits-list { list-style-type: none; margin-bottom: 50px; } .benefits-list li { padding: 20px 25px; margin-bottom: 20px; background: #ffffff; border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); display: flex; align-items: flex-start; transition: transform 0.3s ease; } .benefits-list li:hover { transform: translateY(-3px); box-shadow: 0 8px 16px rgba(0,0,0,0.1); } .benefits-list li:before { content: "✓"; color: #1a73e8; font-weight: bold; margin-right: 15px; font-size: 22px; background: #e6f0ff; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .specifications { margin-bottom: 50px; } .spec-title { font-size: 28px; color: #1a73e8; margin-bottom: 25px; border-bottom: 2px solid #1a73e8; padding-bottom: 10px; position: relative; } .spec-title:after { content: ""; position: absolute; bottom: -2px; left: 0; width: 100px; height: 2px; background-color: #ff9800; } .responsive-table { border-collapse: collapse; width: 100%; margin-bottom: 20px; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .responsive-table td { border: 1px solid #e0e0e0; padding: 15px 20px; text-align: left; } .responsive-table tr:nth-child(odd) { background-color: #f5f9ff; } .responsive-table tr:nth-child(even) { background-color: #ffffff; } .responsive-table tr:hover { background-color: #e6f0ff; } .responsive-table td:first-child { font-weight: bold; width: 40%; color: #1a73e8; } .cta-section { background: linear-gradient(135deg, #1a73e8, #0d47a1); color: white; padding: 40px; border-radius: 15px; text-align: center; margin-bottom: 50px; box-shadow: 0 6px 20px rgba(26, 115, 232, 0.3); } .cta-title { font-size: 26px; margin-bottom: 20px; } .cta-button { display: inline-block; background: #ff9800; color: white; padding: 15px 35px; border-radius: 50px; font-size: 18px; font-weight: bold; text-decoration: none; margin-top: 20px; transition: all 0.3s ease; box-shadow: 0 4px 10px rgba(255, 152, 0, 0.3); } .cta-button:hover { background: #f57c00; transform: translateY(-3px); box-shadow: 0 6px 15px rgba(255, 152, 0, 0.4); } .highlight-box { background: linear-gradient(to right, #f5f9ff, #e1f0ff); border-radius: 12px; padding: 25px; margin-bottom: 40px; border-left: 5px solid #1a73e8; box-shadow: 0 4px 12px rgba(0,0,0,0.07); } .highlight-title { color: #1a73e8; font-size: 22px; margin-bottom: 15px; } .feature-grid { display: flex; flex-wrap: wrap; gap: 30px; margin-bottom: 40px; } .feature-card { flex: 1 1 300px; background: #ffffff; padding: 20px; border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); transition: transform 0.3s ease; } .feature-card:hover { transform: translateY(-5px); box-shadow: 0 8px 16px rgba(0,0,0,0.1); } .feature-icon { font-size: 24px; color: #1a73e8; margin-bottom: 15px; } .feature-card h3 { color: #1a73e8; margin-bottom: 10px; } @media screen and (max-width: 768px) { .responsive-table td { display: block; width: 100%; text-align: left; padding: 12px 15px; } .responsive-table td:first-child { background: #e6f0ff; font-weight: bold; width: 100%; } } GARVEE Boat Trailer Guides with LED Lights & PVC Posts Illuminate Your Path & Protect Your Boat with Premium Trailer Guides Premium Features for Safe, Damage-Free Loading Perfect Fit with Adjustable Width Design Standing at 43.3 inches tall with an adjustable width of 11.8 inches (300mm) on each side, these guides ensure your boat remains perfectly centered during loading. The optimal height provides excellent visibility while the adjustable width accommodates various boat
