/* Custom motor card layout styles */
.motor-card-container {
    flex: 0 0 20%;
    max-width: 20%;
    padding: 0 8px;
    margin-bottom: 16px;
}

.motor-card {
    border-radius: 12px;
    background: white;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.motor-card-image {
    height: 100px;
    object-fit: cover;
    width: 100%;
    margin-bottom: 6px;
}

.motor-card-title {
    font-size: 0.85rem;
    margin-bottom: 6px;
    font-weight: 600;
}

.motor-card-type {
    font-size: 0.6rem;
    color: #666;
    margin-bottom: 6px;
}

.motor-card-spec {
    font-size: 0.7rem;
    color: #666;
    margin-bottom: 8px;
}

.motor-card-price {
    font-size: 0.85rem;
    font-weight: bold;
    color: #FF4D4D;
    margin-bottom: 8px;
}

.motor-card-footer {
    padding: 8px 12px;
    border-top: 1px solid #eee;
}

.motor-card-btn {
    font-size: 0.7rem;
    padding: 2px 6px;
}