Garvee 35 Gallon Fuel Caddy,Fuel Storage Tank with Manual Transfer Pump,Gasoline Diesel Fuel Container for Cars, Lawn Mowers, - Orange / 35 Gallon
.aplus-area * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Arial', sans-serif; } .aplus-area .product-container { max-width: 1200px; margin: 0 auto; padding: 20px; } .aplus-area .product-header { text-align: center; margin-bottom: 30px; position: relative; } .aplus-area .product-title { font-size: 36px; color: #2a2a2a; margin-bottom: 15px; font-weight: 700; } .aplus-area .product-subtitle { font-size: 20px; color: #555; margin-bottom: 15px; } .aplus-area .price-tag { font-size: 32px; color: #e63946; font-weight: 700; margin: 15px 0; display: flex; align-items: center; justify-content: center; gap: 10px; } .aplus-area .original-price { font-size: 22px; color: #888; text-decoration: line-through; } .aplus-area .discount-badge { background-color: #e63946; color: white; padding: 5px 10px; border-radius: 4px; font-size: 16px; font-weight: 600; } .aplus-area .hero-section { display: flex; flex-direction: column; align-items: center; margin-bottom: 40px; } .aplus-area .hero-image { width: 100%; height: auto; margin-bottom: 25px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.15); } .aplus-area .cta-primary { display: inline-block; background-color: #e63946; color: white; padding: 15px 40px; border-radius: 5px; font-size: 20px; font-weight: 600; text-decoration: none; margin-top: 20px; transition: all 0.3s ease; cursor: pointer; border: none; box-shadow: 0 4px 8px rgba(230, 57, 70, 0.3); text-transform: uppercase; letter-spacing: 1px; } .aplus-area .cta-primary:hover { background-color: #d62839; transform: translateY(-3px); box-shadow: 0 6px 12px rgba(230, 57, 70, 0.4); } .aplus-area .product-highlight { background-color: #f8f9fa; padding: 20px; border-radius: 8px; margin: 30px 0; border-left: 4px solid #e63946; font-size: 18px; line-height: 1.6; color: #333; } .aplus-area .product-highlight strong { color: #e63946; } .aplus-area .trust-badge { display: flex; justify-content: center; align-items: center; gap: 40px; margin: 30px auto; flex-wrap: wrap; background-color: #f8f9fa; padding: 15px; border-radius: 8px; } .aplus-area .badge-item { display: flex; flex-direction: column; align-items: center; text-align: center; } .aplus-area .badge-icon { font-size: 28px; margin-bottom: 8px; color: #e63946; } .aplus-area .badge-text { font-size: 14px; color: #333; font-weight: 600; } .aplus-area .image-gallery { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin: 30px 0; } .aplus-area .gallery-image { width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* transition: transform 0.3s ease; */ } /* 去掉图片浮动特效 */ /* .aplus-area .gallery-image:hover { transform: scale(1.02); box-shadow: 0 6px 12px rgba(0,0,0,0.15); } */ .aplus-area .full-width-image { width: 100%; height: auto; margin: 25px 0; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); } .aplus-area .features-section { margin: 50px 0; } .aplus-area .section-title { font-size: 28px; color: #2a2a2a; margin-bottom: 25px; text-align: center; position: relative; padding-bottom: 15px; } .aplus-area .section-title:after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 3px; background-color: #e63946; } .aplus-area .feature-card { background-color: #fff; border-radius: 8px; padding: 25px; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; border-top: 4px solid #e63946; } .aplus-area .feature-card:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0,0,0,0.12); } .aplus-area .feature-title { font-size: 20px; font-weight: 700; color: #2a2a2a; margin-bottom: 15px; display: flex; align-items: center; } .aplus-area .feature-icon { margin-right: 12px; color: #e63946; font-size: 24px; } .aplus-area .feature-description { color: #555; font-size: 16px; line-height: 1.7; } .aplus-area .specs-section { margin: 50px 0; background-color: #f8f9fa; padding: 30px; border-radius: 8px; } .aplus-area .responsive-table { border-collapse: collapse; width: 100%; margin: 20px 0; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .aplus-area .responsive-table td { border: 1px solid #ddd; padding: 15px; text-align: left; } .aplus-area .responsive-table tr:nth-child(odd) { background-color: #f8f9fa; } .aplus-area .responsive-table tr:nth-child(even) { background-color: #ffffff; } .aplus-area .responsive-table tr:hover { background-color: #f1f1f1; } .aplus-area .responsive-table tr td:first-child { font-weight: 600; color: #333; width: 40%; background-color: #e9ecef; } .aplus-area .cta-section { background-color: #f8f9fa; padding: 40px; border-radius: 8px; margin: 50px 0 30px; text-align: center; box-shadow: 0 4px 15px rgba(0,0,0,0.08); border: 2px dashed #e63946; } .aplus-area .cta-title { font-size: 26px; color: #2a2a2a; margin-bottom: 15px; } .aplus-area .cta-subtitle { font-size: 18px; color: #555; margin-bottom: 20px; } .aplus-area
