Garvee Front Bumper Compatible with 2007-2018 Wrangler JK & Unlimited JKU, Rock Crawler Off Road - 2007-2018 Wrangler Jk / Alloy Steel / Jk-W/L-Long
.product-details{ max-width:1200px; margin:0 auto; padding:20px; font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif; background:linear-gradient(to bottom,#f0f7ff,#e6f3ff); position:relative; overflow:hidden; } .product-details::after{ content:""; position:absolute; left:0; right:0; height:8px; background:linear-gradient(90deg,#005a9e,#007cc0,#005a9e); z-index:1; } .product-details::before{ top:0; } .product-details::after{ bottom:0; } .product-details .feature-section{ display:flex; align-items:stretch; margin-bottom:30px; background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 5px 15px rgba(0,90,158,.08); border:1px solid #e1eeff; } .product-details .feature-section:nth-child(even){ flex-direction:row-reverse; } .product-details .feature-image{ flex:1; display:flex; justify-content:center; align-items:center; padding:0; background-color:#f0f7ff; overflow:hidden; } .product-details .feature-image img{ width:100%; height:auto; display:block; } .product-details .feature-content{ flex:1; padding:20px; display:flex; flex-direction:column; justify-content:center; } .product-details .feature-title{ font-size:1.4rem; color:#005a9e; margin-bottom:12px; font-weight:700; } .product-details .data-box{ background:#f0f7ff; padding:12px; border-left:4px solid #005a9e; border-radius:6px; margin-bottom:12px; font-size:.9rem; } .product-details .highlight-list{ list-style:none; margin:0; padding:0; } .product-details .highlight-list li{ padding-left:24px; margin-bottom:6px; position:relative; font-size:.9rem; } .product-details .highlight-list li:before{ content:"✓"; position:absolute; left:0; color:#005a9e; font-weight:700; } .product-details .highlight-box{ background:linear-gradient(135deg,#f0f7ff 0%,#e6f0ff 100%); border-left:5px solid #005a9e; padding:20px; border-radius:12px; margin-bottom:25px; } .product-details .highlight-title{ text-align:center; font-size:1.6rem; color:#005a9e; margin-bottom:12px; font-weight:700; } .product-details .specs-section{ background:#fff; border-radius:12px; padding:20px; margin-bottom:25px; box-shadow:0 5px 15px rgba(0,90,158,.08); border:1px solid #e1eeff; } .product-details .section-title{ font-size:1.4rem; color:#005a9e; margin-bottom:15px; border-bottom:2px solid #005a9e; padding-bottom:8px; font-weight:700; } @media (min-width:769px){ .product-details .highlight-box .data-box{ text-align:center; } .product-details .specs-section .section-title{ text-align:center; } .product-details .specs-section ul.highlight-list{ display:flex; justify-content:center; gap:30px; flex-wrap:wrap; } .product-details .specs-section ul.highlight-list li{ padding-left:20px; margin-bottom:0; white-space:nowrap; } } @media (max-width:768px){ .product-details .feature-section, .product-details .feature-section:nth-child(even){ flex-direction:column; } .product-details .feature-image{ min-height:250px; } } @media (max-width:480px){ .product-details{ padding:15px; } .product-details .feature-image{ min-height:200px; } } .garvee-spec-container{ margin:0; padding:10px; box-sizing:border-box; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; background-color:#f8fafc; color:#333; line-height:1.4; } .garvee-spec-container *{ box-sizing:border-box; } .container{ max-width:100%; margin:0 auto; } .spec-card{ background:#fff; border-radius:8px; padding:16px; box-shadow:0 2px 12px rgba(0,0,0,.1); border:1px solid #e8ecef; } .spec-header{ text-align:center; margin-bottom:16px; padding-bottom:12px; border-bottom:1px solid #f0f4f8; } .spec-title{ font-size:16px; font-weight:700; color:#074174; margin-bottom:4px; } .spec-subtitle{ font-size:13px; color:#64748b; } .spec-list{ display:flex; flex-direction:column; gap:0; } .spec-item{ display:flex; justify-content:space-between; align-items:center; padding:10px 4px; border-bottom:1px solid #f1f5f9; white-space:nowrap; } .spec-item:last-child{ border-bottom:none; } .spec-label{ font-size:13px; color:#475569; font-weight:500; flex-shrink:0; } .spec-value{ font-size:13px; font-weight:600; color:#074174; text-align:right; flex-shrink:0; } .highlight-box{ background:linear-gradient(135deg,#f0f7ff 0%,#e6f0ff 100%); border-radius:6px; padding:10px; margin:12px 0; border:1px solid #e1eeff; } .highlight-text{ font-size:13px; color:#074174; text-align:center; font-weight:600; } @media (max-width:480px){ .spec-item{ flex-direction:row; align-items:center; padding:8px 2px; white-space:nowrap; overflow:hidden; } .spec-label, .spec-value{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:13px; } .spec-label{ min-width:45%; max-width:45%; } .spec-value{ min-width:50%; max-width:50%; text-align:right; } .garvee-spec-container{ padding:8px; } .spec-card{ padding:12px; } } .m-collection-toolbar__column-switcher > button{ --border-radius:0; } .m-menu-drawer__menu-item.m-list-menu__item > a, .m-menu-drawer__utility-links > a{ font-weight:600; } @media (max-width:1360px){ .f-menu-mobile .f-menu__link--level-1 .f-menu__label,
