.batteries-cards-row {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer and Edge */
    gap: 20px;
    padding: 20px;
}

.batteries-cards-row::-webkit-scrollbar {
    display: none; /* Chrome, Safari and Opera */
}

.battery-card {
    flex: 0 0 auto;
    width: 300px;
    transition: transform 0.3s ease;
}

.battery-card:hover {
    transform: translateY(-5px);
}

/* Ensure the container has proper spacing */
.batteries-details-section {
    overflow: hidden;
    padding: 20px 0;
}