.vehicle-grid-section{background:#f8fafc;padding:7rem 2rem 2rem}.vehicle-category{margin-bottom:5rem}.vehicle-category:last-child{margin-bottom:0}.vehicle-grid-container{max-width:1200px;margin:0 auto}.section-title{color:#1e293b;text-align:left;border-bottom:3px solid #1e293b;margin-bottom:3rem;padding-bottom:1rem;font-size:2.5rem;font-weight:700}.vehicle-count{color:#64748b;font-size:1.25rem;font-weight:500;display:none}.slide-counter{color:#64748b;margin-left:auto;font-size:1rem;font-weight:500;display:none}.vehicle-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.vehicle-card{cursor:pointer;background:#fff;border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 4px 12px #00000014}.vehicle-card:hover{transform:translateY(-8px);box-shadow:0 8px 24px #00000026}.vehicle-image-wrapper{width:100%;height:200px;position:relative;overflow:hidden}.vehicle-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.vehicle-card:hover .vehicle-image{transform:scale(1.1)}.image-nav-button{cursor:pointer;color:#1e293b;opacity:0;z-index:2;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #0003}.vehicle-image-wrapper:hover .image-nav-button{opacity:1}.image-nav-button:hover{background:#fff;transform:translateY(-50%)scale(1.1)}.image-nav-button.prev{left:.75rem}.image-nav-button.next{right:.75rem}.image-indicators{z-index:2;gap:.375rem;display:flex;position:absolute;bottom:.75rem;left:50%;transform:translate(-50%)}.indicator{cursor:pointer;background:#ffffff80;border-radius:50%;width:8px;height:8px;transition:all .3s}.indicator.active{background:#fff;border-radius:4px;width:24px}.vehicle-info{padding:1.5rem}.vehicle-name{color:#1e293b;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.vehicle-details{color:#64748b;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.9rem;display:flex}.vehicle-details .separator{color:#cbd5e1}.vehicle-price{color:#1e293b;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.service-badges-container{z-index:10;flex-direction:column;gap:4px;display:flex;position:absolute;top:10px;right:10px}.service-badge{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:-.2px;white-space:nowrap;border-radius:20px;padding:5px 12px;font-size:.75rem;font-weight:700}.service-badge-engine{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);box-shadow:0 4px 12px #22c55e66}.service-badge-mission{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 4px 12px #3b82f666}.service-badge-repair{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);box-shadow:0 4px 12px #f9731666}.safe6-image-badge{z-index:10;object-fit:contain;filter:drop-shadow(0 4px 8px #0003);width:75px;height:auto;transition:all .3s;position:absolute;bottom:10px;right:5px}.vehicle-button{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:8px;width:100%;padding:.75rem;font-weight:600;transition:all .3s}.vehicle-button:hover{background:#0f172a}@media (max-width:1024px){.vehicle-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.service-badges-container{gap:3px;top:6px;right:6px}.service-badge{border-radius:10px;padding:3px 8px;font-size:.6rem}.safe6-image-badge{filter:drop-shadow(0 2px 4px #00000026);width:55px;height:auto;bottom:6px;right:3px}.vehicle-grid-section{padding:2rem 0}.vehicle-grid-container{padding:0 1rem}.vehicle-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:1rem;padding-bottom:1rem;display:flex;overflow-x:auto}.vehicle-grid::-webkit-scrollbar{display:none}.vehicle-card{scroll-snap-align:start;flex:0 0 calc(50% - .5rem);min-width:calc(50% - .5rem)}.vehicle-image-wrapper{height:140px}.vehicle-image{object-fit:cover;object-position:center}.image-nav-button,.image-indicators{display:none}.section-title{align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.vehicle-count{display:inline}.slide-counter{font-size:.9rem;display:inline}.vehicle-name{font-size:1rem}.vehicle-details{font-size:.75rem}.vehicle-price{white-space:nowrap;font-size:.9rem}.vehicle-info{padding:1rem}.vehicle-button{padding:.625rem;font-size:.875rem}}
